#leaderboard .ranking-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
#leaderboard .ranking-controls button{padding:10px 24px;border:1px solid #3a3a3a;border-radius:8px;background:rgba(12,12,12,.7);color:#b8bcc4;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;cursor:pointer}
#leaderboard .ranking-controls button[aria-pressed=true]{background:#e8eaed;color:#101010;border-color:#e8eaed}
#leaderboard .ranking-controls button:focus-visible{outline:2px solid #bac5d7;outline-offset:3px}
#leaderboard .ranking-period-note{display:none}
#leaderboard .sec-head .sec-note{display:none}
#leaderboard [data-ranking] .board-hd{min-height:78px;flex-wrap:wrap;gap:8px;padding:18px}
#leaderboard [data-ranking] .board-hd .ts{white-space:nowrap;color:#9ba5b2}
#leaderboard .ranking-scroll{max-height:560px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#647080 #12151b;scrollbar-gutter:stable}
#leaderboard .ranking-scroll:focus-visible{outline:2px solid #bac5d7;outline-offset:-2px}
#leaderboard .ranking-scroll .rank-row{box-sizing:border-box;height:56px;min-height:56px;padding:8px 18px;gap:12px}
#leaderboard .ranking-scroll .rk{flex:0 0 25px}
#leaderboard .ranking-scroll .r-avatar{position:relative;flex:0 0 36px;overflow:hidden}
#leaderboard .ranking-scroll .r-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#leaderboard .ranking-scroll .r-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#leaderboard .ranking-foot{border-top:1px solid var(--line);padding:12px 18px;font-size:11px;color:#9ba5b2}
#leaderboard .ranking-empty{padding:32px 18px;color:#9ba5b2}