/* Desktop navigation roster: its own scroll region protects the persistent account/tools below. */
html.lobby-active #siteCommunity { flex:1 1 0; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:12px 0 4px; scrollbar-width:thin; scrollbar-color:var(--site-rail-line) transparent; }
#siteCommunity details + details { margin-top:17px; }
#siteCommunity summary { cursor:pointer; padding:5px 7px 8px; color:var(--site-rail-muted); font:600 10px var(--site-font); letter-spacing:.06em; }
#siteCommunity summary span { opacity:.65; margin-left:4px; }
#siteCommunity .community-player { display:flex; gap:8px; align-items:center; width:100%; padding:7px 5px; border:0; border-radius:4px; background:transparent; color:var(--site-rail-ink); text-align:left; font-family:var(--site-font); }
#siteCommunity .community-player:hover { background:var(--site-rail-hover); }
#siteCommunity .community-player:disabled { opacity:.65; cursor:default; }
.community-symbol { display:flex; align-items:center; justify-content:center; width:25px; height:29px; flex:none; }
.community-symbol svg { max-width:25px; max-height:27px; }
.community-crest { height:25px; border:1px solid var(--site-rail-line); border-radius:3px; font-size:8px; color:var(--site-rail-muted); }
.community-crest img { width:100%; height:100%; object-fit:contain; }
.community-identity { min-width:0; flex:1; }
.community-identity b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:600; }
.community-identity small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px; color:var(--site-rail-muted); font-size:10px; letter-spacing:0; }
.community-place { color:var(--site-rail-muted); font-size:10px; font-variant-numeric:tabular-nums; }
#siteCommunity .community-empty { font:11px/1.5 var(--site-font); color:var(--site-rail-muted); margin:6px 7px 12px; }
.community-empty button { color:inherit; background:none; border:0; text-decoration:underline; font:inherit; padding:0; }
html.lobby-active #siteSidebar:has(#siteCommunity) { gap:20px; }
html.lobby-active #siteSidebar:has(#siteCommunity) > :not(#siteCommunity) { flex-shrink:0; }
@media(max-width:759px) { html.lobby-active #siteSidebar:has(#siteCommunity) { gap:2px; } html.lobby-active #siteCommunity { display:none; } }

/* Keep a group label visible while browsing a long ladder. */
#siteCommunity summary { position:sticky; top:0; z-index:1; background:var(--site-rail); }
#siteCommunity .community-player { min-height:40px; padding-top:5px; padding-bottom:5px; }
@media(min-width:760px) and (max-height:800px) {
  html.lobby-active #siteSidebar:has(#siteCommunity) { gap:12px; padding-top:18px; padding-bottom:12px; }
  #siteSidebar .site-nav { gap:2px; }
  #siteSidebar .site-nav button { padding-top:9px; padding-bottom:9px; }
  #siteSidebar #acctBar { padding-top:12px; gap:8px; }
  #siteSidebar #acctRank { margin-bottom:4px; gap:3px 9px; }
  #siteSidebar .acct-rpts { font-size:18px; }
  #siteSidebar .acct-rnext { grid-column:2; }
  #siteCommunity details + details { margin-top:10px; }
}