:root{--bg:#111214;--surface:#191b1e;--border:#2a2d31;--text:#e6e7e9;--muted:#9a9da3;--accent:#c88a4b;--accent-hover:#e0a45e;--on-accent:#111214;--danger:#c4553d;--speaker-b:#6c8299}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#view{width:100vw;height:100vh;display:block}#hud{pointer-events:none;text-shadow:0 1px 2px #111214e6,0 0 8px #11121499;position:fixed;inset:0}#crosshair{background:var(--text);border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}#crosshair.hit{border:2px solid var(--accent-hover);background:0 0;width:10px;height:10px;margin:-5px 0 0 -5px}#pain{opacity:0;box-shadow:inset 0 0 160px 40px var(--danger);position:absolute;inset:0}#vitals,#arms{gap:24px;display:flex;position:absolute;bottom:16px}#vitals{left:20px}#arms{right:20px}.stat{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-start;display:flex}#arms .stat{align-items:flex-end}.stat .label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.stat>span:last-child{font-size:32px;font-weight:600;line-height:1.1}#hud-health.low{color:var(--danger)}#feed{flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;display:flex;position:absolute;top:44px;right:16px}.feed-entry{color:var(--muted);background:#191b1eb3;border-radius:4px;padding:2px 8px}.feed-entry.pickup{color:var(--accent)}.feed-name{color:var(--text)}#death{color:var(--danger);letter-spacing:.06em;text-transform:uppercase;font-size:20px;position:absolute;top:38%;left:50%;transform:translate(-50%)}#death.hidden{display:none}#match{text-align:center;font-variant-numeric:tabular-nums;position:absolute;top:10px;left:50%;transform:translate(-50%)}#match-timer{font-size:20px;font-weight:600}#match-score{color:var(--muted);font-size:12px}#scoreboard{min-width:min(480px,100vw - 32px);position:absolute;top:18%;left:50%;transform:translate(-50%)}#scoreboard.hidden{display:none}#scoreboard h2{letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-size:16px}#scoreboard table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}#scoreboard th,#scoreboard td{text-align:right;padding:4px 8px}#scoreboard th:first-child,#scoreboard td:first-child{text-align:left}#scoreboard th{color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--border);font-size:11px;font-weight:500}#scoreboard tr.self td{color:var(--accent)}#scoreboard .team-header td{text-align:left;padding-top:10px;font-weight:600}#scoreboard .team-1 td{color:var(--danger)}#scoreboard .team-2 td{color:var(--speaker-b)}#status{color:var(--muted);white-space:pre;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:10px;left:12px}#hud.hidden{display:none}.overlay{background:#111214b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;width:min(420px,100%);padding:24px 28px;display:flex}.panel h1{letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:0 0 4px;font-size:20px}.panel p{text-align:center;margin:0}.muted{color:var(--muted)}.accent{color:var(--accent)}.error{color:var(--danger)}.field{flex-direction:column;gap:4px;display:flex}.field>span{color:var(--muted);font-size:12px}.row{gap:8px;display:flex}.row>*{flex:1;min-width:0}input:not([type=range]){background:var(--bg);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;padding:8px 10px}input:not([type=range]):focus{border-color:var(--accent);outline:none}input[type=range]{accent-color:var(--accent)}button{background:var(--bg);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:6px;padding:8px 14px}button:hover:not(:disabled){border-color:var(--accent-hover)}button:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}button:disabled{color:var(--muted);cursor:default}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}button.primary:hover{background:var(--accent-hover)}button.link{color:var(--accent);background:0 0;border:none;padding:0}button.link:hover{color:var(--accent-hover)}.segmented{border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.segmented button{color:var(--muted);border:none;border-radius:0;flex:1}.segmented button.selected{background:var(--border);color:var(--text)}button.team-1{border-color:var(--danger)}button.team-2{border-color:var(--speaker-b)}.settings{flex-direction:column;gap:8px;display:flex}.hint{color:var(--muted);font-size:12px}