/* Public leaderboard. Builds on /style.css. */
[hidden]{display:none!important}
.board{padding-bottom:40px;max-width:760px}
.board h1{font-size:clamp(2rem,6vw,3rem)}
.lead{color:var(--muted)}
.board-controls{display:grid;gap:4px;margin:16px 0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.chips button{font:inherit;font-weight:600;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:999px;padding:8px 16px;min-height:44px;cursor:pointer}
.chips button:hover{border-color:var(--teal)}
.chips button[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:#fff}
.chips button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.board-status{background:var(--cream);border-radius:14px;padding:12px 16px}
.board-status:empty{display:none}
.ranks{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}
.ranks li{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:12px;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:10px 14px}
.ranks li.top1{background:var(--cream)}
.ranks li.top2,.ranks li.top3{background:var(--mint)}
.rank{font-weight:800;font-size:1.25rem;text-align:center;color:var(--teal-deep)}
.who{min-width:0}
.who strong{display:block;overflow-wrap:anywhere}
.who span{color:var(--muted);font-size:.88rem}
.points{text-align:right;font-weight:800;font-size:1.15rem;white-space:nowrap}
.points span{display:block;font-weight:400;font-size:.8rem;color:var(--muted)}
.updated{color:var(--muted);font-size:.9rem}
.board-note{background:var(--mint);border-radius:14px;padding:12px 16px;margin-top:20px}
@media (max-width:420px){
  .ranks li{grid-template-columns:2.2rem 1fr auto;gap:8px;padding:10px}
  .rank{font-size:1.05rem}
}