:root { --bg:#14110f; --card:#1f1a16; --amber:#f2a900; --text:#f4efe8; --muted:#b9ada0; }
* { box-sizing:border-box; margin:0; padding:0; }
body { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px;
       background:radial-gradient(circle at 30% 20%, #2b211a 0%, var(--bg) 60%); color:var(--text);
       font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.langs { position:fixed; top:16px; right:16px; display:flex; gap:6px; }
.langs a { color:var(--muted); text-decoration:none; font-size:13px; font-weight:600; padding:6px 10px;
           border:1px solid #3a2f26; border-radius:8px; background:var(--card); }
.langs a[aria-current="true"] { color:#1a1300; background:var(--amber); border-color:var(--amber); }
main { max-width:560px; text-align:center; }
.logo { font-size:clamp(48px,10vw,84px); font-weight:800; letter-spacing:-2px; }
.logo span { color:var(--amber); }
.tag { margin-top:8px; font-size:clamp(18px,3.5vw,22px); color:var(--amber); font-weight:600; }
p { margin-top:24px; font-size:17px; line-height:1.6; color:var(--muted); }
.games { margin-top:28px; display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.games div { background:var(--card); border:1px solid #3a2f26; border-radius:999px; padding:8px 16px; font-size:15px; }
.soon { margin-top:36px; display:inline-block; background:var(--amber); color:#1a1300; font-weight:700; padding:12px 26px; border-radius:10px; }
footer { margin-top:40px; font-size:13px; color:#7d7166; }
/* leaderboard page */
main.wide { max-width:760px; width:100%; }
.tabs { display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin-top:14px; }
.tabs button { padding:6px 12px; border:1px solid #3a2f26; border-radius:999px; color:var(--muted); background:transparent; font:inherit; font-size:14px; cursor:pointer; }
.tabs button[aria-current] { background:var(--amber); color:#1a1300; border-color:var(--amber); font-weight:700; }
.board-box { margin-top:20px; background:var(--card); border:1px solid #3a2f26; border-radius:14px; padding:16px; text-align:left; }
.board { width:100%; border-collapse:collapse; font-size:15px; }
.board th, .board td { padding:8px 6px; border-bottom:1px solid #3a2f26; text-align:left; }
.board th { color:var(--muted); font-weight:600; font-size:13px; }
.board a { color:inherit; }
.board .small { font-size:13px; color:var(--muted); }
.empty { color:var(--muted); text-align:center; margin:0; padding:10px 0; }
.btn { display:inline-block; margin-top:24px; background:var(--amber); color:#1a1300; font-weight:700; padding:12px 22px; border-radius:10px; text-decoration:none; }
.btn.ghost { background:transparent; color:var(--text); border:1px solid #3a2f26; }
.note { font-size:14px; }
a.logo { color:inherit; text-decoration:none; }