:root{--bg: #fafaf7;--fg: #1d1d1b;--muted: #6b6b66;--line: #d8d8d2;--accent: #332288;--error: #a3262a;--grid-line: #1d1d1b;--cell-bg: #ffffff;--clue-bg: #e9e7df;--colour-blue: #026bc1;--colour-orange: #873700;--colour-teal: #004745;--colour-coral: #bd4c53;--colour-green: #006934;--colour-violet: #41068c;--colour-gold: #8d6e00;--colour-pink: #993d79;--on-colour: #ffffff;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #161615;--fg: #ececea;--muted: #a0a09a;--line: #3a3a37;--accent: #a99bf2;--error: #f08a8d;--grid-line: #5a5a55;--cell-bg: #22221f;--clue-bg: #2f2e2a;--colour-blue: #298be9;--colour-orange: #ff8f57;--colour-teal: #06f1eb;--colour-coral: #ea5561;--colour-green: #63cf86;--colour-violet: #b7a5ff;--colour-gold: #fac40b;--colour-pink: #cb68a6;--on-colour: #161615}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}.page{max-width:28rem;margin:0 auto;padding:3rem 1rem}h1{margin:0 0 .25rem}.tagline{margin:0 0 2rem;color:var(--muted)}form{display:grid;gap:.5rem}input,button{font:inherit;padding:.6rem .75rem;border-radius:.5rem;border:1px solid var(--line);background:transparent;color:inherit}button{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:var(--accent)}.error{color:var(--error)}form .error{margin:0}.players{list-style:none;margin:0;padding:0}.players li{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--line)}.swatch{width:1rem;height:1rem;border-radius:50%}.players .away .swatch{opacity:.35}.status{font-size:.8rem;color:var(--muted)}.start{margin-top:1.5rem;width:100%}.waiting{margin-top:1.5rem;color:var(--muted)}.badge{margin-left:auto;font-size:.8rem;color:var(--muted)}