/* Shared design tokens for the home page and the admin page (bar.js and tracker.js
   live in other sites' pages and copy the few values they need).
   Text pairs are at least 4.5:1 in both themes: --ink and --muted on --bg, --surface and
   --surface-2; --accent on --surface; --accent-ink on --accent; each status colour on its -bg. */
:root{
  --bg:#f6f7f9;--surface:#ffffff;--surface-2:#f8fafc;--ink:#0f172a;--muted:#475569;
  --line:#e5e7eb;--line-strong:#d0d5dd;
  --accent:#2563eb;--accent-hover:#1d4ed8;--accent-ink:#ffffff;--accent-soft:#eff4ff;
  --good:#166534;--good-bg:#ecfdf3;--bad:#b42318;--bad-bg:#fef3f2;--warn:#93370d;--warn-bg:#fffaeb;
  --shadow-sm:0 1px 2px rgba(16,24,40,.05);--shadow-md:0 4px 12px -2px rgba(16,24,40,.08),0 2px 4px -2px rgba(16,24,40,.04);
  --shadow-lg:0 16px 32px -8px rgba(16,24,40,.14);
  --r-sm:6px;--r-md:8px;--r-lg:12px;
  --font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  /* Game icon tints: background and stroke */
  --t0-bg:#eff4ff;--t0:#1d4ed8;--t1-bg:#f4f3ff;--t1:#5925dc;--t2:#067647;--t2-bg:#ecfdf3;
  --t3-bg:#fffaeb;--t3:#b54708;--t4-bg:#fff1f3;--t4:#c01048;--t5-bg:#ecfdff;--t5:#0e7090;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0b0f17;--surface:#121826;--surface-2:#161e2e;--ink:#e6e9ef;--muted:#9aa4b6;
  --line:#222b3b;--line-strong:#2f3a4d;
  --accent:#6f9cff;--accent-hover:#8fb2ff;--accent-ink:#0b0f17;--accent-soft:#16223d;
  --good:#5fdc93;--good-bg:#0f2a1c;--bad:#ff8f84;--bad-bg:#2e1416;--warn:#fbc35c;--warn-bg:#2b200c;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px -2px rgba(0,0,0,.45);--shadow-lg:0 16px 32px -8px rgba(0,0,0,.6);
  --t0-bg:#16223d;--t0:#8fb2ff;--t1-bg:#221a3d;--t1:#bda8ff;--t2-bg:#0f2a1c;--t2:#6ee7a0;
  --t3-bg:#2b200c;--t3:#fbc35c;--t4-bg:#2e1420;--t4:#ff8fb1;--t5-bg:#0d2731;--t5:#67d4f0;
}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
a{color:var(--accent)}
a:hover{color:var(--accent-hover)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mark{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:7px;background:var(--accent);color:var(--accent-ink)}
.mark svg{width:18px;height:18px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}