/* Scoped to rankings; the arcade and profile retain their existing layout. */
#view-rankings{max-width:880px;margin:auto}
#view-rankings .rank-home{margin-left:0;margin-top:8px;min-height:44px}
.rank-heading{max-width:none;margin:20px 0 22px;gap:18px}
.rank-heading h1{font-size:clamp(28px,5vw,40px);letter-spacing:-1.2px;margin:8px 0}
.rank-heading .intro{margin:0;color:#aba7bd;font-size:13px;line-height:1.5}
.rank-heading .eyebrow{color:#c0a2f4;font-size:10px;letter-spacing:2px}
.arena-emblem{display:grid;place-items:center;flex-shrink:0;width:82px;height:86px;border:1px solid #e7bf6330;border-radius:27px;background:radial-gradient(ellipse at top,#69502366,#24202e);box-shadow:inset 0 1px 0 #fff1,0 12px 28px #0003;filter:none}
.arena-emblem svg{width:65px;height:68px;filter:drop-shadow(0 4px 2px #0004)}
.rank-games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:none;overflow:visible;padding:0;margin:0}
.rank-game-card{position:relative;min-width:0;flex-direction:column;gap:12px;align-items:flex-start;padding:16px;border-radius:21px;background:linear-gradient(145deg,#252332,#181822);border:1px solid #ffffff0e;transition:background .15s,border-color .15s}
.rank-game-card img{width:72px;height:76px;object-fit:contain;border-radius:19px;filter:drop-shadow(0 5px 5px #0003)}
.rank-game-card>span:not(.game-arrow){min-width:0}
.rank-game-card strong{font-size:14px;line-height:1.3}.rank-game-card small{font-size:10px;color:#a69fb6;margin-top:4px}
.rank-game-card.selected{border-color:#bd98fc;background:linear-gradient(140deg,#44305e,#252035);box-shadow:inset 0 1px 0 #ffffff17,0 5px 22px #0002}
.game-arrow{position:absolute;right:12px;top:14px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ffffff09;font-size:16px;color:#c8b9e7}
.selected .game-arrow{background:#c4a3fb;color:#30203e;font-weight:900}
#rank-panel{max-width:none}.rank-toolbar{margin:18px 0 16px;gap:12px;align-items:center}.rank-toolbar .refresh{min-height:44px;padding:10px 12px;border:1px solid #ffffff14;border-radius:12px;color:#b8dccc;background:#1d2928;font-size:11px}
.mode-pill{min-height:42px;font-weight:700;font-size:11px}.champion-stage{padding:20px 18px 0;border-radius:24px;background:radial-gradient(ellipse at 50% 0,#68509c66,transparent 70%),linear-gradient(150deg,#272237,#161723);border-color:#aa85dd36}
.stage-heading .eyebrow{font-size:10px;letter-spacing:1.5px;color:#cfb9f6}.season-tag{border:1px solid #b9a2dd30;border-radius:20px;padding:4px 8px;font-size:8px;align-self:center}
.podium{margin-top:18px;gap:16px;max-width:600px}.podium-slot .player-avatar,.open-avatar{width:88px;height:88px;border-radius:28px}.place-1 .player-avatar,.place-1 .open-avatar{width:102px;height:102px;border-radius:32px}
.podium-crown{height:32px;line-height:32px;font-size:30px;margin-bottom:8px}.place-1 .podium-crown{height:42px;line-height:42px;font-size:42px}.podium-name{font-size:13px;line-height:1.3}.podium-value{padding:5px 8px;border-radius:12px;background:#ffffff07;font-size:12px}.podium-plinth{margin-top:14px}
.standings-heading{margin:24px 0 12px;align-items:center}.standings-heading h2{font-size:19px}.standings-heading>span{font-size:11px;line-height:1.4}
.standing{padding:14px;border-radius:17px;background:linear-gradient(105deg,#242231,#1a1a25)}.standing .player-avatar{width:54px;height:54px;border-radius:17px}.standing-name strong{font-size:14px}.standing-name small{font-size:9px;letter-spacing:.5px}.standing-value{font-size:15px}.personal-rank{margin-top:18px;padding:16px;background:linear-gradient(110deg,#3b2b51,#1f3032);border-color:#b598e455}.personal-rank .player-avatar{width:54px;height:54px;border-radius:17px}.personal-rank strong{line-height:1.5}.ranking-note{font-size:11px;line-height:1.5;margin:14px 0}
@media(max-width:600px){.rank-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rank-game-card{flex-direction:row;align-items:center;padding:11px 9px;gap:9px;border-radius:17px;min-height:90px}.rank-game-card img{width:52px;height:62px;border-radius:13px}.rank-game-card strong{font-size:12px}.rank-game-card small{font-size:9px}.game-arrow{top:5px;right:5px;width:17px;height:17px;font-size:11px}.rank-heading{margin:16px 0 18px}.arena-emblem{width:64px;height:72px;border-radius:21px}.arena-emblem svg{width:53px;height:58px}.rank-toolbar{flex-wrap:wrap;gap:8px;margin:14px 0}.mode-pill{padding:8px 11px}.rank-toolbar .refresh{margin-left:auto}.champion-stage{padding:17px 10px 0}.podium{gap:9px}.podium-slot .player-avatar,.open-avatar{width:62px;height:70px;border-radius:22px}.place-1 .player-avatar,.place-1 .open-avatar{width:76px;height:84px;border-radius:26px}.podium-name{font-size:11px}.podium-value{font-size:10px;padding:5px}.unclaimed .podium-value{font-size:9px}.standings-heading{align-items:flex-start;gap:6px}.standing{gap:9px;padding:12px 10px}.standing .player-avatar{width:48px;height:50px}.standing-value{font-size:13px}.standing-name strong{font-size:12px}.personal-rank strong{font-size:12px}}
@media(max-width:350px){.rank-game-card{gap:6px;padding:10px 7px}.rank-game-card img{width:40px;height:55px}.rank-game-card strong{font-size:11px}.rank-game-card small{font-size:8px}.podium-slot .player-avatar,.open-avatar{width:54px;height:62px}.place-1 .player-avatar,.place-1 .open-avatar{width:65px;height:74px}.podium-value{font-size:9px}.rank-heading .intro{font-size:11px}}
@media(prefers-reduced-motion:reduce){.rank-game-card{transition:none}}