.roster-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 4px;padding:14px;border:1px solid #816333;background:#181020;color:#ffe19a;border-radius:8px}.roster-pages[hidden]{display:none!important}.roster-pages button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 16px;background:#3c253c;border:1px solid #b9934f;border-radius:5px;color:#ffe5a4;font:700 14px/1.4 var(--pixel);cursor:pointer}.roster-pages button[data-next]{background:#604328}.roster-pages button:disabled{opacity:.35;cursor:default}.roster-pages button:focus-visible{outline:3px solid #ffe282;outline-offset:3px}.roster-pages [data-page]{font:700 14px/1.5 sans-serif;text-align:center}.page-arrow{display:inline-block;font-size:24px;animation:roster-next 1.3s ease-in-out infinite}.roster-pages button:disabled .page-arrow{animation:none}.lobby-side{align-self:start}#rosterSelect,#arenaOwned,#roster{scroll-margin-top:18px}@keyframes roster-next{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}@media(prefers-reduced-motion:reduce){.page-arrow{animation:none}}@media(max-width:480px){.roster-pages{gap:6px;padding:9px}.roster-pages button{padding:8px;font-size:12px}.roster-pages [data-page]{font-size:13px}}
/* Four roomy cards per desktop row; retain readable phone layouts. */
#lobby #rosterSelect,#lobby #arenaOwned,#lobby #roster{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){#lobby #rosterSelect,#lobby #arenaOwned,#lobby #roster{grid-template-columns:repeat(2,minmax(0,1fr))}#lobby .roster-card{display:block;min-width:0}#lobby .roster-card img{width:100%;height:120px}}
@media(max-width:380px){#lobby #rosterSelect,#lobby #arenaOwned,#lobby #roster{grid-template-columns:1fr}}
.roster-card-wrap{position:relative;min-width:0;display:flex}.roster-card-wrap[hidden]{display:none!important}.roster-card-wrap>.roster-card{width:100%;height:100%;padding-bottom:38px!important}.roster-quick{position:absolute;right:10px;bottom:10px;width:26px;height:26px;min-height:26px;padding:0!important;display:grid;place-items:center;border:1px solid #89f1bd!important;border-radius:7px;background:#174b37!important;color:#d8ffea!important;font:700 19px/1 Arial,sans-serif!important;cursor:pointer;z-index:2}.roster-quick.is-remove{background:#63243b!important;border-color:#ff9db6!important;color:#ffe4ec!important}.roster-quick:disabled{opacity:.3;cursor:default}.roster-quick:focus-visible{outline:3px solid #ffe394;outline-offset:3px}