/* Larger classroom rows: ID, circular avatar, then the growing bar. */
.rank-row{gap:10px;padding:5px 15px 5px 0}
.rank-row>.nameplate{font:750 var(--rank-id-size,16px) system-ui;min-width:44px;padding:6px 8px;margin:0;flex-shrink:0;text-align:center;line-height:1.2}
.rank-avatar{width:var(--rank-avatar-size,48px);flex-shrink:0}
.rank-avatar img,.dense-board .rank-avatar img{width:var(--rank-avatar-size,48px);height:var(--rank-avatar-size,48px);border-radius:50%;margin:0}
.rank-number,.dense-board .rank-number{font-size:var(--rank-number-size,13px);width:18px;flex-shrink:0}
.rank-track,.dense-board .rank-track{height:var(--rank-bar-size,20px)}
.rank-status,.dense-board .rank-status{font-size:10px;margin-top:8px}
.dense-board .rank-row{gap:8px;padding-top:3px;padding-bottom:3px}
.dense-board .rank-avatar{width:var(--rank-avatar-size,48px)}
.dense-board .rank-row>.nameplate{font-size:var(--rank-id-size,16px);margin:0;padding:5px 7px}
.rank-row.offline{opacity:.65}
#ranking-fullscreen{min-height:35px;padding:7px 12px;font-size:11px}
.ranking-exit{position:fixed;top:12px;right:18px;z-index:100;background:#ffffffed;border:1px solid var(--border);border-radius:9px;padding:8px 12px;font-size:12px;box-shadow:0 3px 12px #00000005}
.ranking-exit small{font-size:9px;color:var(--muted);margin-left:8px}
body.rankings-only{overflow:hidden}
.rankings-only .site-header,.rankings-only .room-banner,.rankings-only .teacher-top,.rankings-only .teacher-settings,.rankings-only #teacher-notice,.rankings-only #winner-banner,.rankings-only .board-header,.rankings-only .board-legend,.rankings-only .rank-status,.rankings-only .kick-button{display:none!important}
.rankings-only #game{max-width:none;margin:0;padding:0;height:100dvh}
.rankings-only .board-card{margin:0;border:0;border-radius:0;box-shadow:none;background:var(--paper);padding:54px 24px 18px;height:100dvh;overflow:auto}
.rankings-only .ranking-board{min-height:0}
.rankings-only .rank-row{padding:4px 13px 4px 0;gap:10px}
.rankings-only .rank-row>.nameplate{min-width:45px;box-shadow:0 2px 0 #e8e3d9;background:#fffdf9}
.rankings-only .rank-number{width:20px}
.rankings-only .rank-track{background:#ebe8df}
.final-rank-row{gap:22px;min-height:104px}
.final-rank-row>.nameplate{font:750 18px system-ui;min-width:54px;text-align:center;padding:7px 10px;margin:0;flex-shrink:0}
.final-rank-avatar{width:64px;flex-shrink:0}
.final-rank-avatar img{height:64px;width:64px;border-radius:50%}
.final-rank-track .rank-track{height:24px}
.rankings-only .full-results{margin:0;max-width:none}
.rankings-only .full-results .section-heading,.rankings-only .full-ranking-footer{display:none}
.rankings-only .full-ranking-list{border:0;border-radius:0;max-height:none;height:100dvh;padding:52px 5% 18px;background:var(--paper)}
.rankings-only .final-rank-row{min-height:118px}
.rankings-only .final-rank-avatar{width:78px}
.rankings-only .final-rank-avatar img{width:78px;height:78px}
.rankings-only .final-rank-row>.nameplate{font-size:22px;min-width:64px}
.rankings-only .final-rank-track .rank-track{height:28px}
/* Avatar options keep the same ID-left / avatar-right relationship. */
.avatar-lobby .avatar-option{flex-direction:row;gap:5px;height:76px;padding:5px 4px}
.avatar-lobby .avatar-option img{width:43px;height:43px;flex-shrink:0}
.avatar-nameplate{order:-1;font-size:10px;padding:3px 4px;min-width:30px}
.avatar-lobby .avatar-grid{min-width:910px;grid-template-columns:repeat(10,minmax(80px,1fr));gap:8px}
.avatar-grid-hint{display:block;font-size:9px;color:var(--muted)}
.waiting-identity{flex-direction:row;gap:10px}
.waiting-identity .large-nameplate{order:-1;margin:0}
.waiting-identity .my-avatar{margin:0}
@media(max-width:1000px){.rank-row,.dense-board .rank-row{gap:7px;padding-right:10px}.rank-row>.nameplate,.dense-board .rank-row>.nameplate{min-width:39px;padding:5px 6px}.board-header{align-items:flex-start}.board-note{display:none}.board-header-controls{gap:7px}.rankings-only .board-card{padding-left:18px;padding-right:18px}}
@media(max-width:740px){.rank-row>.nameplate,.dense-board .rank-row>.nameplate{min-width:36px;padding:4px 5px}.rank-number,.dense-board .rank-number{width:13px;font-size:10px}.rank-row,.dense-board .rank-row{gap:5px;padding-right:8px}.rank-status{font-size:8px}.board-header{flex-wrap:wrap}.final-rank-row{gap:10px;min-height:91px}.final-rank-row>.nameplate{font-size:14px;min-width:40px;padding:6px}.final-rank-avatar{width:44px}.final-rank-avatar img{width:44px;height:44px}.final-rank-number{width:25px}.final-rank-track .rank-track{height:19px}.rankings-only .rank-row{gap:6px}.rankings-only .board-card{padding:54px 12px 15px}.rankings-only .final-rank-row{gap:10px;min-height:100px}.rankings-only .final-rank-row>.nameplate{font-size:16px;min-width:45px}.rankings-only .final-rank-avatar,.rankings-only .final-rank-avatar img{width:52px;height:52px}.rankings-only .final-rank-track .rank-track{height:22px}.avatar-lobby .avatar-option{height:72px}.avatar-lobby .avatar-grid{min-width:860px;gap:6px}.avatar-lobby .avatar-option img{height:39px;width:39px}.avatar-nameplate{font-size:9px}.avatar-lobby .waiting-card{gap:16px}.waiting-message{min-width:150px}}