/* ==================================================================
   board.css — the public leaderboard page. Loaded after base.css.
================================================================== */

.board-title{font-size:clamp(30px,5vw,52px); letter-spacing:-.04em; margin:26px 0 10px}
.board-wrap{border:1.5px solid var(--ink); background:var(--sheet); margin:22px 0 8px; overflow-x:auto}

.board{width:100%; border-collapse:collapse; font-size:14.5px; min-width:520px}
.board th{
  text-align:left; font-size:11.5px; font-weight:700; padding:9px 12px;
  border-bottom:1.5px solid var(--ink); background:var(--sheet-2); white-space:nowrap;
}
.board td{padding:8px 12px; border-bottom:1px solid rgba(0,0,0,.18)}
.board tr:last-child td{border-bottom:none}
.board td.n, .board th:nth-child(n+3){text-align:right}
.board td.rank{font-weight:700; width:52px; color:var(--grey)}
.board tr:nth-child(1) td.rank{color:var(--ink)}
.board tr:nth-child(-n+3) td{font-weight:600}
.board tr.mine{background:#fff}
.board tr.mine td{box-shadow:inset 0 0 0 1px rgba(31,63,201,.35)}
.board tr.mine td:first-child::before{content:"▸ "; color:var(--blue)}
.board td.empty{text-align:center; color:var(--grey); padding:26px 12px}

.honesty{border-top:1px solid var(--ink); margin-top:30px}

@media (max-width:640px){
  .board{font-size:13.5px; min-width:460px}
  .board th, .board td{padding:7px 9px}
}