: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;--tier-bronze: #8a4b1c;--tier-silver: #5c636d;--tier-gold: #8d6e00;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;--tier-bronze: #e19a63;--tier-silver: #c3cad4;--tier-gold: #fac40b}}*{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}.players .away app-character{opacity:.5}.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)}.tier{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.tier[data-tier="1"]{color:var(--tier-bronze)}.tier[data-tier="2"]{color:var(--tier-silver)}.tier[data-tier="3"]{color:var(--tier-gold)}