.leaderboard-page { max-width: 1200px; margin: auto; padding: 64px 6%; }
.leaderboard-page h1 { font-size: clamp(40px, 6vw, 72px); margin-bottom: 24px; letter-spacing: -.04em; }
.leaderboard-intro { max-width: 680px; font-size: 18px; }
.board-controls { display: flex; flex-wrap: wrap; gap: 12px; margin: 36px 0 24px; }
.board-controls button { padding: 13px 20px; border: 1px solid var(--line); background: var(--panel); color: var(--text); font-weight: 600; }
.board-controls button[aria-pressed=true] { background: var(--amber); border-color: var(--amber); color: var(--bg); }
#board-refresh { margin-left: auto; }
.board-table-wrap { overflow-x: auto; border: 1px solid var(--line); }
.board-table { width: 100%; border-collapse: collapse; background: var(--panel); }
.board-table th { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.board-table td, .board-table th { padding: 17px 20px; text-align: left; border-bottom: 1px solid var(--line); }
.board-table td:nth-child(3), .board-table td:nth-child(4) { font-variant-numeric: tabular-nums; }
.board-table td:nth-child(2) { overflow-wrap: anywhere; min-width: 140px; }
.board-table td:first-child { color: var(--amber); }
.board-table td:last-child { font-size: 13px; color: var(--muted); min-width: 170px; }
.board-status { min-height: 3em; }
.board-info { margin-top: 40px; padding-top: 25px; border-top: 1px solid var(--line); max-width: 800px; }
.board-info h2 { font-size: 26px; letter-spacing: -.02em; margin-bottom: 20px; }
.board-info p { font-size: 15px; }
@media(max-width:760px) { .leaderboard-page { padding: 40px 6%; } .board-table td, .board-table th { padding: 14px 12px; } #board-refresh { margin-left: 0; } }