.leaderboard-section { margin-top:32px; padding:34px 0 20px; border-top:1px solid var(--line); }
.leaderboard-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); }
.board-modes { display:flex; gap:24px; }
.board-modes button,.board-refresh { border:0; background:none; padding:12px 0; font-size:12px; }
.board-modes button { border-bottom:2px solid transparent; color:var(--muted); }
.board-modes button[aria-pressed=true] { border-color:var(--ink); color:var(--ink); }
.board-refresh { color:var(--muted); }
.leaderboard-table-wrap { overflow-x:auto; }
.leaderboard-table { width:100%; border-collapse:collapse; text-align:left; font-size:13px; }
.leaderboard-table th { font-weight:500; color:var(--muted); font-size:11px; }
.leaderboard-table th,.leaderboard-table td { padding:14px 10px; border-bottom:1px solid var(--line); }
.leaderboard-table td:nth-child(2) { overflow-wrap:anywhere; max-width:180px; }
.leaderboard-table th:first-child,.leaderboard-table td:first-child { padding-left:0; width:60px; }
.leaderboard-table th:nth-child(n+3),.leaderboard-table td:nth-child(n+3) { text-align:right; font-variant-numeric:tabular-nums; }
.board-status { font-size:12px; color:var(--muted); margin-top:15px; }
.record-form { margin-top:24px; max-width:560px; }
.record-form>p:first-child { font:23px var(--serif); margin-bottom:14px; }
.record-form label { display:block; font-size:12px; margin-bottom:7px; }
.record-fields { display:flex; gap:12px; }
.record-fields input { min-width:0; flex:1; padding:11px 13px; background:#fffaf2; border:1px solid var(--line); border-radius:0; font:inherit; color:var(--ink); }
.record-fields button { background:var(--ink); color:var(--paper); border:1px solid var(--ink); padding:10px 18px; }
.record-note { font-size:11px; color:var(--muted); margin-top:9px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media(max-width:430px) {
  .leaderboard-section { margin-top:20px; padding-top:24px; }
  .leaderboard-section .section-heading h2 { font-size:30px; }
  .leaderboard-table th,.leaderboard-table td { padding:11px 6px; font-size:11px; }
  .leaderboard-table th:first-child,.leaderboard-table td:first-child { width:38px; }
  .record-fields { flex-direction:column; }
  .record-form>p:first-child { font-size:21px; }
}