/* Royale leaderboard page (2026-10-18 a). Sits on eko-site-20261018b.css tokens:
   lime/ink/paper, Arial, no radius on chrome. Only the sort toggle and the board
   table states are new. */
.royale-sort{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.royale-tab,.royale-retry{min-height:44px;padding:6px 18px;font:bold 15px/1.3 Arial,'Segoe UI',sans-serif;color:var(--ink);background:var(--card);border:2px solid var(--image-line);cursor:pointer}
.royale-tab:hover,.royale-retry:hover{background:var(--leaf-soft)}
.royale-tab:focus-visible,.royale-retry:focus-visible{outline:3px solid var(--band);outline-offset:2px}
.royale-tab[aria-pressed="true"]{background:var(--leaf);border-color:var(--leaf);color:#fff}
.royale-board table{margin:6px 0 14px}
.royale-board th.num,.royale-board td.num{text-align:center;white-space:nowrap}
.royale-board td.rank{width:3.2em;text-align:center;font-weight:bold}
.royale-board tr.is-top td{background:var(--leaf-soft)}
.royale-board td.who{overflow-wrap:anywhere}
.royale-state{margin:6px 0 14px;padding:12px 16px;background:var(--note);border:1px solid var(--note-line)}
.royale-state p{margin:0 0 8px}
@media(max-width:560px){
  .royale-board th,.royale-board td{padding:6px 5px;font-size:13px}
  .royale-board .col-matches{display:none}
}