.leaderboard-page{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#1640214a,transparent 36%),var(--bg)}
.leaderboard-wrap{width:min(1140px,calc(100% - 48px));margin-inline:auto}
.leaderboard-topbar{border-bottom:1px solid var(--edge);background:#0a0f0de8}
.leaderboard-nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.leaderboard-nav nav{display:flex;align-items:center;gap:28px;color:#d0d6d2;font-size:13px}
.leaderboard-nav nav a:hover,.leaderboard-nav nav a:focus-visible{color:var(--neon)}
.leaderboard-cta{padding:9px 15px;border:1px solid var(--neon);background:var(--neon);color:#061006;font-size:12px;font-weight:700}
.leaderboard-intro{text-align:center;padding:66px 0 21px}
.leaderboard-kicker{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--neon);font-size:10px;font-weight:700;letter-spacing:.12em}
.leaderboard-kicker i{width:5px;height:5px;background:var(--neon);transform:rotate(45deg)}
.leaderboard-intro h1{margin:9px 0;font:700 clamp(34px,5vw,54px)/1.3 var(--font-display);letter-spacing:-.03em}
.leaderboard-intro p{margin:0;color:var(--muted);font-size:13px}
.leaderboard-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:22px 0 28px}
.leaderboard-categories,.leaderboard-periods{display:flex;flex-wrap:wrap;gap:8px}
.leaderboard-tab,.period-tab{padding:8px 15px;border:1px solid var(--edge);background:#101713;color:#d5ddd7;font-size:12px;cursor:pointer;transition:color .18s,border-color .18s,background .18s}
.leaderboard-tab:hover,.leaderboard-tab.active,.period-tab:hover,.period-tab.active{border-color:#39ff1480;background:#39ff1410;color:var(--neon-light)}
.leaderboard-tab:focus-visible,.period-tab:focus-visible{outline:2px solid var(--neon);outline-offset:3px}
.leaderboard-feedback{text-align:center;margin:0 0 14px;color:var(--muted);font-size:12px}
.leaderboard-feedback:empty{display:none}
.leaderboard-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;max-width:850px;margin:0 auto 25px}
.podium-player{position:relative;min-height:214px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:20px 14px 17px;border:1px solid var(--edge);background:linear-gradient(155deg,#17251b,#0e1511);text-align:center;animation:podium-enter .28s ease both}
.podium-player.rank-1{min-height:252px;border-color:#39ff1480;box-shadow:0 0 34px #39ff1414}
.podium-player.rank-2,.podium-player.rank-3{min-height:215px}
.podium-rank{position:absolute;top:10px;inset-inline-start:12px;color:var(--neon);font:600 11px ui-monospace,monospace;direction:ltr}
.player-skin{width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border:1px solid #39ff1455;background:linear-gradient(145deg,#294834,#101713);color:var(--neon);font-size:22px;font-weight:700;box-shadow:0 0 28px #39ff1414;image-rendering:pixelated}
.player-skin img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.player-skin .skin-fallback{display:grid;width:100%;height:100%;place-items:center}
.podium-player h2{max-width:100%;overflow-wrap:anywhere;margin:1px 0 0;font:700 15px var(--font-display)}
.podium-name{max-width:100%;overflow-wrap:anywhere;margin:1px 0 0;font:700 15px var(--font-display);transition:color .18s}.podium-name:hover,.row-name a:hover{color:var(--neon-light)}
.player-value{color:var(--neon);font:700 20px ui-monospace,monospace;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.player-metric{color:var(--muted);font-size:10px}
.leaderboard-table{max-width:930px;margin:0 auto 18px;border:1px solid var(--edge);background:#0e1511}
.leaderboard-row{display:grid;grid-template-columns:70px minmax(0,1fr) 160px;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--edge);font-size:12px}
.leaderboard-row:last-child{border-bottom:0}
.leaderboard-row.header{color:var(--muted);font-size:10px;background:#121a15}
.rank-number{color:var(--muted);font:600 11px ui-monospace,monospace;direction:ltr}
.row-player{display:flex;align-items:center;gap:11px;min-width:0}
.row-player .player-skin{width:34px;height:34px;flex:0 0 34px;font-size:12px}
.row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.row-name a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row-value{color:var(--neon);font:600 12px ui-monospace,monospace;direction:ltr;text-align:left;white-space:nowrap}
.row-rank-change{animation:rank-change .55s ease}
.leaderboard-empty{max-width:930px;margin:0 auto 18px;padding:26px;border:1px dashed var(--edge);color:var(--muted);text-align:center;font-size:13px}
.leaderboard-updated{max-width:930px;margin:0 auto 76px;color:#839188;text-align:left;font-size:10px}
.leaderboard-skeleton{height:70px;max-width:930px;margin:0 auto 10px;border:1px solid var(--edge);background:linear-gradient(100deg,#101713 25%,#1a251e 45%,#101713 65%);background-size:220% 100%;animation:leaderboard-shimmer 1.35s linear infinite}
.leaderboard-footer{border-top:1px solid var(--edge);padding:20px 0;color:var(--muted);font-size:10px}
.leaderboard-footer .leaderboard-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.leaderboard-footer .footer-brand{color:#e9f0eb}
@keyframes podium-enter{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes rank-change{50%{background:#39ff1418}}
@keyframes leaderboard-shimmer{to{background-position-x:-220%}}
@media(max-width:700px){.leaderboard-wrap{width:calc(100% - 32px)}.leaderboard-nav{height:72px}.leaderboard-nav nav{display:none}.leaderboard-intro{padding:48px 0 18px}.leaderboard-controls{justify-content:center}.leaderboard-podium{gap:7px}.podium-player{padding:15px 7px;min-height:188px}.podium-player.rank-1{min-height:220px}.podium-player.rank-2,.podium-player.rank-3{min-height:188px}.player-skin{width:58px;height:58px}.podium-player h2{font-size:12px}.player-value{font-size:16px}.leaderboard-row{grid-template-columns:42px minmax(0,1fr) 105px;padding:10px;gap:8px}.row-value{font-size:11px}}
@media(max-width:440px){.leaderboard-tab,.period-tab{padding:7px 10px;font-size:11px}.leaderboard-podium{gap:5px}.podium-player{padding-inline:4px}.podium-player.rank-1{min-height:204px}.podium-player.rank-2,.podium-player.rank-3{min-height:174px}.player-skin{width:46px;height:46px}.podium-player h2{font-size:11px}.player-value{font-size:14px}.leaderboard-row{font-size:11px}.row-player{gap:7px}.leaderboard-updated{margin-bottom:54px}}
@media(prefers-reduced-motion:reduce){.leaderboard-tab,.period-tab{transition:none}.podium-player,.row-rank-change,.leaderboard-skeleton{animation:none}}