:root{--bg:#f6f5f2;--surface:#fff;--text:#1d1c1a;--muted:#6b6862;--line:#e2dfd8;--accent:#1f6f5c;--accent-text:#fff;--danger:#a33a2a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#151514;--surface:#1f1f1d;--text:#ecebe7;--muted:#9c9991;--line:#34332f;--accent:#4fb397;--accent-text:#0e1f1a;--danger:#e0806f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{max-width:960px;margin:0 auto;padding:24px 16px 48px}.bar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.brand{align-items:baseline;gap:12px;display:flex}h1{margin:0;font-size:1.5rem}.tag{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:.75rem}.player{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.who{flex-direction:column;display:flex}.label{color:var(--muted);font-size:.75rem}.value{font-variant-numeric:tabular-nums;font-weight:600}.mono{font-family:ui-monospace,Cascadia Mono,Menlo,monospace}button,.play{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);text-align:center;border-radius:8px;padding:8px 16px;font-weight:600;text-decoration:none}button.secondary{color:var(--text);border-color:var(--line);background:0 0}button:disabled{opacity:.6;cursor:progress}main{padding-top:24px}.note{color:var(--muted)}.error{border:1px solid var(--danger);border-radius:8px;padding:16px}.error p:first-child{color:var(--danger);margin-top:0}.games{gap:12px;margin:0;padding:0;list-style:none;display:grid}.game{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.badge{color:#fff;letter-spacing:.04em;border-radius:12px;place-items:center;width:64px;height:64px;font-size:1.25rem;font-weight:700;display:grid}.info h2{margin:0;font-size:1.1rem}.info p{color:var(--muted);margin:2px 0 4px}.id{color:var(--muted);font-size:.75rem}@media (width<=520px){.game{grid-template-columns:48px 1fr}.badge{width:48px;height:48px;font-size:1rem}.play{grid-column:1/-1}}