:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16181d;--panel:#1e2128eb;--text:#e8eaee;--muted:#9aa1ad;--accent:#22c55e}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.4 system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}[hidden]{display:none!important}canvas.rink{display:block;position:absolute;inset:0}.hud{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:18px;font-size:20px;font-weight:700;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hud .phase{color:var(--accent);letter-spacing:.08em;font-size:14px}.lock-hint{background:var(--panel);pointer-events:none;border-radius:8px;padding:10px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel{background:var(--panel);border-radius:8px;width:260px;padding:10px 12px;font-size:13px;position:absolute;bottom:12px}.panel.help{left:12px}.panel.settings{gap:6px;display:grid;right:12px}.panel p{color:var(--muted);margin:6px 0 0}.panel label{justify-content:space-between;align-items:center;gap:8px;display:flex}kbd{border:1px solid var(--muted);font:inherit;border-radius:3px;padding:0 4px}.view{position:absolute;inset:0;overflow:auto}.screen{gap:14px;max-width:440px;margin:10vh auto;padding:0 16px 120px;display:grid}.screen h1{margin:0}.screen label{gap:4px;display:grid}.screen section{gap:8px;display:grid}.screen input,.screen select{font:inherit;color:var(--text);background:#0f1115;border:1px solid #3a3f4a;border-radius:6px;padding:6px 8px}.screen button,.panel button{font:inherit;color:var(--text);cursor:pointer;background:#2b303a;border:0;border-radius:6px;padding:7px 14px}.screen button.primary{background:var(--accent);color:#0b1a10;font-weight:700}.screen button:disabled{opacity:.45;cursor:default}.screen .status{color:#fbbf24;min-height:1.4em;margin:0}.screen .muted,.screen .muted a{color:var(--muted);margin:0}.room .code{letter-spacing:.15em;color:var(--accent);font-family:ui-monospace,monospace}.room .share{gap:6px;display:flex}.room .share input{flex:1;min-width:0}.room .seats{gap:6px;margin:0;padding:0;list-style:none;display:grid}.room .seat{background:var(--panel);border-radius:6px;padding:8px 10px}.room .seat.ready{box-shadow:inset 3px 0 0 var(--accent)}.room .seat.empty{color:var(--muted)}.room .host-controls{align-items:end;gap:10px;display:flex}.room .host-controls label{flex:1}.buttons{gap:8px;display:flex}.results .headline{font-size:34px}.results .score{margin:0;font-size:20px;font-weight:700}.match{position:absolute;inset:0}.overlay{background:var(--panel);text-align:center;pointer-events:none;border-radius:10px;padding:14px 22px;font-size:28px;font-weight:700;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.debug{background:var(--panel);pointer-events:none;border-radius:6px;margin:0;padding:8px 10px;font:12px/1.5 ui-monospace,monospace;position:absolute;top:56px;left:12px}.settings-form{gap:6px;display:grid}.determinism{padding:16px}.panel.tuning{width:330px;max-height:calc(100vh - 230px);top:56px;bottom:auto;right:12px;overflow:auto}.panel.tuning summary{cursor:pointer;font-weight:700}.panel.tuning .rows{gap:4px;margin-top:8px;display:grid}.panel.tuning label{white-space:nowrap;grid-template-columns:8.5em 1fr 5.5em;gap:6px;display:grid}.panel.tuning input[type=range]{width:100%;min-width:0}.panel.tuning output{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.panel.tuning .margin{font-size:12px}.panel.tuning .margin.warn{color:#f87171}.panel.tuning .buttons{gap:6px;display:flex}.panel.tuning textarea{width:100%;margin-top:6px;font:12px ui-monospace,monospace}