/* One row per team at every population; ResizeObserver selects how many tiles fit. */
.battle-rosters{min-width:0}
.battle-rosters>div{--roster-cell:48px;--roster-summary:60px;--roster-gap:8px;min-width:0;flex-wrap:nowrap;gap:var(--roster-gap);align-items:flex-start}
.battle-rosters .roster-person{width:var(--roster-cell);min-width:0;flex:0 0 var(--roster-cell);overflow:visible}
.battle-rosters .roster-person :is(small,b){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.roster-more{width:var(--roster-summary);flex:0 0 var(--roster-summary);min-width:0;min-height:71px;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:7px;background:transparent;color:inherit;font:inherit;border-radius:9px}
.roster-stack{position:relative;display:block;width:var(--roster-summary);height:34px;flex:none}
.roster-stack .avatar{--a:28px;position:absolute;left:1px;top:3px;outline:1px solid #fff;outline-offset:0;box-shadow:none}
.roster-stack .avatar:nth-child(2){left:13px}
.roster-more-count{position:absolute;right:0;top:0;min-width:34px;height:34px;border-radius:50%;display:grid;place-items:center;padding:0 4px;background:#fff1e8;border:1px solid #f2b88c;box-shadow:0 0 0 2px #fff;color:#bc571f;font-size:11px;font-weight:650;white-space:nowrap}
#teal-roster .roster-more-count{background:#e5f8f8;color:#007f88;border-color:#9bd9dc}
.roster-more small{font-size:9px;color:#8d8584;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.roster-more.is-large .roster-more-count{font-size:10px;left:12px;border-radius:13px}
.roster-more:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.roster-more:hover .roster-more-count{border-color:currentColor}
:root[data-theme=dark] .roster-stack .avatar{outline-color:#30343b}
:root[data-theme=dark] .roster-more-count{background:#3a2a20;border-color:#b8734b;box-shadow:0 0 0 2px #25282e;color:#ffae7d}
:root[data-theme=dark] #teal-roster .roster-more-count{background:#183a3d;border-color:#418b91;color:#68d9df}
:root[data-theme=dark] .roster-more small{color:#a4a8b0}
.roster-directory .avatar{--a:34px;flex:none}
.roster-directory-count{font-size:12px;color:#858791;margin:12px 0}
.roster-directory-list{max-height:min(440px,50dvh);overflow:auto;overscroll-behavior:contain;min-height:70px}
.roster-directory-list>div{display:flex;gap:12px;align-items:center;padding:12px 2px;border-bottom:1px solid #e8e4de;font-size:13px}
.roster-directory-list>div>span:not(.avatar){min-width:0;flex:1;overflow-wrap:anywhere}
.roster-directory-list small{display:block;font-size:10px;color:#96939b;margin-top:4px}
.roster-directory-list b{white-space:nowrap;font-size:12px;font-weight:600}
.roster-directory-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px;font-size:12px}
.roster-directory-pagination button{border:1px solid #e4e0d9;border-radius:9px;background:transparent;padding:8px 12px;color:inherit;font:inherit}
.roster-directory-pagination button:disabled{opacity:.4;cursor:default}
:root[data-theme=dark] .roster-directory-list>div,:root[data-theme=dark] .roster-directory-pagination button{border-color:#343840}
@media(max-width:760px){
 .battle-rosters>div{--roster-cell:36px;--roster-summary:48px;--roster-gap:6px}
 .roster-stack{height:28px}.roster-stack .avatar{--a:22px;left:0;top:3px}.roster-stack .avatar:nth-child(2){left:9px}
 .roster-more-count{height:28px;min-width:28px;font-size:10px}.roster-more.is-large .roster-more-count{font-size:9px;left:9px}
 .roster-more small{font-size:8px}.roster-directory-pagination button{padding:8px 10px}
}
.battle-rosters .roster-stack .avatar{box-shadow:none!important}