.leaderboard-page{min-height:100vh;background:#f6f6fa;color:#171526}.leaderboard-shell{width:min(1040px,calc(100% - 40px));margin:auto;padding:28px 0 64px}.leaderboard-breadcrumb{display:flex;gap:8px;color:#81798a;font-size:12px}.leaderboard-breadcrumb a{color:#6d28d9}.leaderboard-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:22px 0;padding:30px 34px;border-radius:18px;background:linear-gradient(120deg,#240957,#5b21b6);color:#fff;overflow:hidden}.leaderboard-hero>div>span{font-size:11px;font-weight:850;letter-spacing:.09em}.leaderboard-hero h1{max-width:620px;margin:8px 0 10px;color:#fff;font-size:clamp(28px,4vw,46px);line-height:1.02;letter-spacing:-.045em}.leaderboard-hero p{margin:0;color:#ded2f6;font-size:14px}.leaderboard-hero>svg{width:96px;height:96px;color:#fbbf24;opacity:.9}.leaderboard-card{overflow:hidden;border:1px solid #e3dfeb;border-radius:16px;background:#fff}.leaderboard-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #ece8f1}.leaderboard-periods{display:flex;gap:5px;padding:4px;border-radius:10px;background:#f1eef5}.leaderboard-periods a{padding:9px 16px;border-radius:7px;color:#706679;font-size:13px;font-weight:750}.leaderboard-periods a[aria-current=page]{background:#6d28d9;color:#fff;box-shadow:0 3px 10px #6d28d933}.leaderboard-period-note{display:grid;grid-gap:3px;gap:3px;text-align:right}.leaderboard-period-note strong{font-size:12px}.leaderboard-period-note small{color:#8a8191;font-size:10px}.leaderboard-full-list{margin:0;padding:0;list-style:none}.leaderboard-full-list li{border-bottom:1px solid #efebf3}.leaderboard-full-list li:last-child{border-bottom:0}.leaderboard-full-list li>a,.leaderboard-full-list li>div{display:grid;grid-template-columns:42px 38px minmax(0,1fr) auto 22px;align-items:center;grid-gap:14px;gap:14px;min-height:70px;padding:10px 22px}.leaderboard-full-list li:hover{background:#faf8fd}.leaderboard-full-list li.is-current{background:#f4effd;box-shadow:inset 4px 0 #6d28d9}.leaderboard-rank{color:#655b6f;font-size:14px;text-align:center}.leaderboard-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#4c1d95);color:#fff;font-size:13px;font-weight:850}.leaderboard-identity{display:grid;grid-gap:3px;gap:3px;min-width:0}.leaderboard-identity strong{overflow:hidden;color:#28202f;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-identity small{color:#8a8091;font-size:11px}.leaderboard-xp{color:#241b2e;font-size:15px;white-space:nowrap}.leaderboard-full-list svg{color:#d39b00}.leaderboard-full-list li:nth-child(2) svg{color:#94a3b8}.leaderboard-full-list li:nth-child(3) svg{color:#c66a32}.leaderboard-empty{display:grid;justify-items:center;grid-gap:10px;gap:10px;padding:60px 20px;text-align:center}.leaderboard-empty>svg{width:42px;height:42px;color:#8b5cf6}.leaderboard-empty p{margin:0;color:#776d7e}.leaderboard-empty a{margin-top:8px;padding:10px 15px;border-radius:8px;background:#6d28d9;color:#fff;font-size:13px;font-weight:750}.leaderboard-rule{color:#7e7486;font-size:11px;text-align:center}.leaderboard-page a:focus-visible{outline:3px solid #a78bfa;outline-offset:2px}html[data-theme=dark] .leaderboard-card{border-color:var(--theme-border);background:var(--theme-surface)}html[data-theme=dark] .leaderboard-card>header,html[data-theme=dark] .leaderboard-full-list li{border-color:var(--theme-border)}html[data-theme=dark] .leaderboard-periods{background:#202534}html[data-theme=dark] .leaderboard-full-list :is(.leaderboard-identity strong,.leaderboard-xp){color:var(--theme-text)}html[data-theme=dark] .leaderboard-full-list li:hover{background:#1d2230}html[data-theme=dark] .leaderboard-full-list li.is-current{background:#261d3b}@media(max-width:650px){.leaderboard-shell{width:calc(100% - 28px)}.leaderboard-hero{padding:24px}.leaderboard-hero>svg{display:none}.leaderboard-card>header{align-items:stretch;flex-direction:column}.leaderboard-period-note{text-align:left}.leaderboard-periods a{flex:1 1;padding:9px 7px;text-align:center}.leaderboard-full-list li>a,.leaderboard-full-list li>div{grid-template-columns:30px 34px minmax(0,1fr) auto;gap:9px;padding:10px 12px}.leaderboard-avatar{width:34px;height:34px}.leaderboard-full-list svg{display:none}.leaderboard-xp{font-size:12px}}