.mbox:has(#rankedPanel){width:min(920px,100%)}
#rankedPanel{line-height:1.55}#rankedPanel h4{margin:20px 0 8px}
.rank-hero{border:1px solid var(--rank-color);background:radial-gradient(ellipse at top,#36544c,#142321 75%);padding:20px;text-align:center;border-radius:7px}
.rank-hero h2{margin:4px 0;color:var(--rank-color);font-size:25px}.rank-hero small{letter-spacing:2px;font-size:10px}.rank-hero p{margin:5px}.rank-hero>span{display:block;font-size:11px;color:#b9c9bf}.rank-hero progress{width:min(360px,90%);height:8px;accent-color:var(--rank-color)}
.rank-tier-0{--rank-color:#c49a77}.rank-tier-1{--rank-color:#bfcdd7}.rank-tier-2{--rank-color:#ebc564}.rank-tier-3{--rank-color:#72ddbd}.rank-tier-4{--rank-color:#86c6ff}.rank-tier-5{--rank-color:#d0a0ff}.rank-tier-6{--rank-color:#ffb576}
.rank-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.rank-tiers article{display:grid;gap:4px;border:1px solid #657a6b;padding:10px;background:#12241f}.rank-tiers b{color:var(--rank-color)}.rank-tiers span,.rank-tiers small{font-size:11px}.rank-tiers .current{border-color:var(--rank-color);box-shadow:inset 0 0 0 1px var(--rank-color)}
.rank-season{display:grid;gap:5px;margin:8px 0;padding:12px;background:#293a28;border:1px solid #ae995d}.rank-season button{justify-self:start}
.rank-table{overflow:auto}.rank-table table{border-collapse:collapse;width:100%;font-size:12px}.rank-table th,.rank-table td{padding:8px;text-align:left;border-bottom:1px solid #77908133}.rank-table .rank-self{background:#42644777;color:#f9e1a0}
.rank-ai-result{padding:9px 0;border-bottom:1px solid #77908144}.rank-ai-result p{margin:4px 0}
body:has(#rankedPanel) #mBody{overscroll-behavior:contain}
/* Five avatars still leave the middle of the field unobstructed. */
body.ranked-mode #teamBattleHud .team-member{padding:3px;margin-bottom:3px;grid-template-columns:30px minmax(0,1fr)}
body.ranked-mode #teamBattleHud .team-avatar{width:28px;height:32px}
@media(max-width:600px), (max-height:500px){body.ranked-mode #teamBattleHud .team-member{grid-template-columns:22px minmax(0,1fr);padding:2px}body.ranked-mode #teamBattleHud .team-avatar{width:22px;height:26px}body.ranked-mode #teamBattleHud .team-vitals>b{line-height:11px}body.ranked-mode #teamBattleHud .team-meter{height:7px}body.ranked-mode #teamBattleHud .team-meter span{line-height:7px;font-size:7px}}