/* Moon Jump skin for the shared weekly leaderboard (loaded after weekly-leaderboard.css).
   Same tokens as the in-game HUD: Ink #0b0f2b, Glass rgba(26,32,80,.94), Cyan #5ee8ff, Gold #ffcc44, Fredoka. */
.weekly-board{--ink:#0b0f2b;--glass:rgba(22,28,72,.96);--cyan:#5ee8ff;--gold:#ffcc44;--muted:rgba(255,255,255,.66);
  font-family:Fredoka,system-ui,sans-serif;width:min(440px,calc(100vw - 24px));padding:22px 20px 18px;border-radius:28px;
  border:2px solid rgba(94,232,255,.35);background:radial-gradient(120% 70% at 85% -10%,rgba(94,232,255,.18),transparent 55%),
  radial-gradient(90% 60% at 0% 110%,rgba(255,204,68,.12),transparent 60%),var(--glass);color:#fff;
  box-shadow:0 0 0 6px rgba(94,232,255,.06),0 30px 90px rgba(0,0,10,.7)}
.weekly-board::backdrop{background:rgba(6,9,30,.72);backdrop-filter:blur(6px)}
.weekly-board .wb-kicker{font:700 11px/1 Fredoka,system-ui;letter-spacing:.16em;color:var(--cyan);margin:2px 0 8px}
.weekly-board h2{font:700 30px/1.02 Fredoka,system-ui;letter-spacing:-.01em;margin:0;text-shadow:0 3px 0 rgba(0,0,20,.35)}
.weekly-board h2 .gold{color:var(--gold)}
.weekly-board .wb-close{background:rgba(255,255,255,.1);border:0;width:38px;height:38px;font:600 22px/1 Fredoka,system-ui}
.weekly-board .wb-game{display:none}
.weekly-board .wb-clock{margin-top:14px;padding:10px 14px;border-radius:999px;background:rgba(0,0,20,.35);border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.weekly-board .wb-clock span{font:600 10px/1 Fredoka,system-ui;letter-spacing:.12em;color:var(--muted)}
.weekly-board .wb-clock strong{font:700 17px/1 Fredoka,system-ui;color:var(--gold);min-height:0;margin-left:auto}
.weekly-board .wb-clock small{flex-basis:100%;font:500 10px/1 Fredoka,system-ui;color:var(--muted);display:none}
.weekly-board nav{display:none}
.weekly-board form{margin:14px 0 6px;padding:14px;border-radius:22px;background:rgba(255,204,68,.08);border:1.5px solid rgba(255,204,68,.4)}
.weekly-board label{font:600 11px/1.2 Fredoka,system-ui;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.weekly-board .wb-run{font:700 44px/1 Fredoka,system-ui;color:#fff;margin:6px 0 12px;text-transform:none;letter-spacing:0;text-shadow:0 3px 0 rgba(0,0,20,.35)}
.weekly-board input{margin-top:6px;border-radius:999px;padding:12px 16px;background:rgba(0,0,20,.45);border:1.5px solid rgba(94,232,255,.45);font:600 17px Fredoka,system-ui;color:#fff}
.weekly-board input::placeholder{color:rgba(255,255,255,.4)}
.weekly-board input:focus-visible{outline:none;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(94,232,255,.2)}
.weekly-board .wb-note{font:500 11px/1.4 Fredoka,system-ui;color:var(--muted);margin:8px 2px 12px}
.weekly-board .wb-submit{border-radius:999px;background:var(--gold);color:var(--ink);font:700 17px/1 Fredoka,system-ui;padding:15px;box-shadow:0 4px 0 #c99a1e}
.weekly-board .wb-submit:active{transform:translateY(2px);box-shadow:0 2px 0 #c99a1e}
.weekly-board .wb-status{font:600 13px/1.4 Fredoka,system-ui;color:var(--cyan);margin:8px 2px 0}
.weekly-board .wb-list-heading{margin:14px 2px 6px;font:700 11px/1 Fredoka,system-ui;letter-spacing:.12em;color:var(--muted)}
.weekly-board .wb-refresh{font:600 12px Fredoka,system-ui;color:var(--cyan)}
.weekly-board .wb-list li{gap:12px;padding:10px 12px;margin:4px 0;border:0;border-radius:16px;background:rgba(255,255,255,.05)}
.weekly-board .wb-list li b{min-width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff;font:700 13px/1 Fredoka,system-ui}
.weekly-board .wb-list li span{font:600 16px/1.2 Fredoka,system-ui}
.weekly-board .wb-list li strong{font:700 18px/1 Fredoka,system-ui;color:#fff}
.weekly-board .wb-list li:first-child{background:linear-gradient(90deg,rgba(255,204,68,.28),rgba(255,204,68,.06));border-radius:16px}
.weekly-board .wb-list li:first-child b{background:var(--gold);color:var(--ink)}
.weekly-board .wb-list li:first-child strong{color:var(--gold)}
.weekly-board .wb-list li:nth-child(2) b{background:#dfe6ff;color:var(--ink)}
.weekly-board .wb-list li:nth-child(3) b{background:#e8a46a;color:var(--ink)}
.weekly-board .wb-empty{font:700 22px/1.2 Fredoka,system-ui;padding:16px 0 6px}
.weekly-board .wb-empty span{font:500 13px Fredoka,system-ui;color:var(--muted)}
.weekly-board footer{font:500 10px/1.5 Fredoka,system-ui;color:rgba(255,255,255,.45);margin-top:14px}
@media(max-width:480px){.weekly-board{padding:18px 16px 14px}.weekly-board h2{font-size:26px}.weekly-board .wb-run{font-size:38px}}