:root{--accent:#e13d35;--accent-bg:#e13d3524;--accent-contrast:#fff7ed;--bg:#101217;--border:#2a2f3a;--panel:#171b23;--text:#aeb6c6;--text-h:#f7f0df;--track:#252a31;--sans:Inter, ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--mono:"Cascadia Code", Consolas, ui-monospace, monospace;color:var(--text);background:var(--bg);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}.app-shell{width:min(1200px,100vw - 32px);min-height:100svh;margin:0 auto;padding:20px 0 28px}.top-bar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.eyebrow{color:var(--accent);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.top-bar h1,.state-card h2{letter-spacing:0;margin:0;line-height:1.02}.top-bar h1{max-width:520px;font-size:42px}.state-tabs{grid-template-columns:repeat(4,1fr);gap:8px;width:min(560px,100%);display:grid}button{border:1px solid var(--border);background:var(--panel);min-height:38px;color:var(--text-h);font:700 13px/1 var(--sans);cursor:pointer;border-radius:6px}button:hover,button.active{border-color:var(--accent);background:var(--accent-bg)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{overflow-wrap:anywhere;color:var(--text-h);font:700 12px/1.3 var(--mono)}.status-strip{border:1px solid var(--border);background:var(--border);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.status-strip div{background:var(--panel);padding:12px 16px}.status-strip span{color:var(--text);font-size:12px;display:block}.status-strip strong{color:var(--text-h);font-size:18px}.hero-panel{grid-template-columns:320px minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.hero-panel.game-focused{grid-template-columns:minmax(0,1fr)}.state-card{border:1px solid var(--border);background:var(--panel);border-radius:8px;flex-direction:column;justify-content:space-between;gap:14px;height:min(560px,100svh - 156px);min-height:520px;padding:18px;display:flex;overflow:auto}.state-card h2{color:var(--text-h);font-size:30px}.state-card p:not(.eyebrow){color:var(--text);font-size:16px}.lobby-panel{gap:12px;display:grid}.room-card,.control-group,.player-list{border:1px solid var(--border);background:#ffffff06;border-radius:6px;gap:8px;padding:12px;display:grid}.room-card span,.control-group>span,.list-heading span{color:var(--text);font:700 11px/1 var(--mono);text-transform:uppercase}.room-card strong{color:var(--text-h);font:800 30px/1 var(--mono)}.segmented-control,.round-options{gap:6px;display:grid}.join-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.join-row input{border:1px solid var(--border);background:var(--panel);min-width:0;color:var(--text-h);font:700 13px/1 var(--sans);border-radius:6px;padding:0 10px}.segmented-control{grid-template-columns:repeat(2,1fr)}.round-options{grid-template-columns:repeat(3,1fr)}.list-heading,.player-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.list-heading strong{color:var(--text-h);font:800 12px/1 var(--mono)}.player-row{background:#ffffff0a;border-radius:4px;min-height:28px;padding:6px 8px}.player-row span{color:var(--text-h);font-weight:800}.player-row small{color:var(--text);font:700 11px/1 var(--mono)}.spectator-list p{color:var(--text);margin:0;font-size:13px}.countdown-panel,.assignment-summary,.npc-summary,.bullet-panel,.winner-panel,.scoreboard-panel{border:1px solid var(--border);background:#ffffff06;border-radius:6px;gap:8px;padding:12px;display:grid}.countdown-panel span{color:var(--accent);font:900 54px/.9 var(--mono);text-transform:uppercase}.countdown-panel p,.assignment-summary p,.npc-summary p,.bullet-panel p,.winner-panel p,.round-history p{color:var(--text);margin:0;font-size:13px}.assignment-summary span,.npc-summary span,.bullet-panel span,.winner-panel span,.scoreboard-panel>span{color:var(--text);font:700 11px/1 var(--mono);text-transform:uppercase}.assignment-summary strong,.npc-summary strong,.winner-panel strong{color:var(--text-h);font:800 20px/1 var(--mono)}.score-list,.round-history{gap:6px;display:grid}.score-row{background:#ffffff0a;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;min-height:30px;padding:7px 8px;display:flex}.score-row strong{color:var(--text-h)}.score-row span{color:var(--accent);font:900 15px/1 var(--mono)}.round-history{padding-top:4px}.bullet-list{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.bullet-chip{--crosshair-color:var(--text);border:1px solid var(--crosshair-color);min-height:28px;color:var(--text-h);font:800 11px/1 var(--mono);border-radius:4px;align-items:center;gap:6px;padding:7px 8px;display:flex}.bullet-chip:before{content:"";background:var(--crosshair-color);border-radius:2px 2px 5px 5px;width:7px;height:14px;box-shadow:inset 0 -4px #00000047}.host-start{z-index:1;background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);position:sticky;top:0}.actions{z-index:1;gap:10px;display:grid;position:sticky;top:0}.actions button:first-child{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.playfield{border:1px solid var(--border);background:linear-gradient(90deg, transparent 0 91%, #ffffff14 91% 92%, transparent 92%), linear-gradient(90deg, #0000002e, transparent 18% 84%, #e13d3529), var(--track);cursor:crosshair;-webkit-user-select:none;user-select:none;border-radius:8px;grid-template-rows:repeat(20,1fr);height:min(560px,100svh - 156px);min-height:520px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff09}.lane{background:linear-gradient(90deg, transparent 0 13%, #ffffff0a 13% 13.4%, transparent 13.4% 100%), rgba(255, 255, 255, calc(.02 + var(--depth) * .006));border-bottom:1px solid #ffffff14;min-height:0;position:relative}.lane.locked{filter:saturate(.55)}.lane.locked .racer{opacity:.72}.lane:after{content:"";top:0;right:calc(7% + var(--depth) * 3px);background:repeating-linear-gradient(0deg,#f7f0dfcc 0 5px,#0000 5px 10px);width:2px;height:100%;position:absolute}.lane-stripe{background:#ffffff14;height:1px;position:absolute;inset:50% 11% auto 46px}.lane-number{color:#ffffff8c;font:700 11px/1 var(--mono);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.racer{top:50%;left:var(--racer-progress);background:var(--suit);width:22px;height:25px;image-rendering:pixelated;border:2px solid #111;grid-template-rows:9px 13px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:3px 3px #0000006b,inset 0 -5px #00000038}.racer-head{background:linear-gradient(90deg, transparent 0 3px, #111 3px 4px, transparent 4px 6px, #111 6px 7px, transparent 7px), var(--head);width:10px;height:8px;box-shadow:-4px 2px 0 var(--trim), 4px 2px 0 var(--trim);margin-top:2px}.shape-0 .racer-head{width:11px}.shape-0 .racer-body{width:15px}.shape-0:before{content:"";background:var(--trim);border-radius:4px 4px 0 0;width:14px;height:4px;position:absolute;top:-4px;left:4px}.shape-1{border-radius:2px}.shape-1 .racer-head{border-radius:3px 3px 1px 1px;width:8px;height:10px;margin-top:0}.shape-1 .racer-body{border-radius:2px;width:12px;height:13px}.shape-1:before{content:"";background:var(--trim);border-radius:2px;width:10px;height:3px;position:absolute;top:-2px;left:6px}.shape-2 .racer-head{width:12px;height:7px;margin-top:3px}.shape-2 .racer-body{clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);width:13px;height:10px}.shape-2 .racer-shadow{width:18px;left:2px}.shape-2:before{content:"";background:linear-gradient(90deg, transparent 0 4px, var(--trim) 4px 14px, transparent 14px), transparent;width:18px;height:4px;position:absolute;top:-3px;left:2px}.shape-3{border-radius:4px 4px 2px 2px}.shape-3 .racer-head{width:9px;height:9px;box-shadow:-3px 2px 0 var(--trim), 3px 2px 0 var(--trim)}.shape-3 .racer-body{border-radius:0 0 4px 4px;width:15px;height:10px}.shape-3:before{content:"";background:var(--trim);clip-path:polygon(0 100%,50% 0,100% 100%);width:12px;height:5px;position:absolute;top:-5px;left:5px}.shape-4 .racer-head{width:8px;height:8px;box-shadow:-3px 2px 0 var(--trim), 3px 2px 0 var(--trim);border-radius:50%;margin-top:1px}.shape-4 .racer-body{border-radius:5px 5px 3px 3px;width:11px;height:14px}.shape-4:before{content:"";background:var(--trim);border-radius:50% 50% 0 0;width:12px;height:4px;position:absolute;top:-4px;left:5px}.racer-body{background:linear-gradient(90deg, var(--trim) 0 4px, var(--suit) 4px 10px, var(--trim) 10px), var(--suit);width:14px;height:11px}.racer-shadow{background:#00000052;width:22px;height:4px;position:absolute;bottom:-6px;left:4px}.racer.walking{animation:.52s ease-in-out infinite step-bob}.racer.running{animation:.36s ease-in-out infinite step-bob}.racer.dead{opacity:.74;filter:saturate(.55);height:15px;animation:none;transform:translate(-50%,-10%)rotate(90deg)}.racer.dead .racer-head{margin-top:0}.racer.dead .racer-shadow{bottom:-4px}.body-marker{top:50%;left:calc(var(--racer-progress,28%) + 30px);color:#fecaca;font:800 10px/1 var(--mono);text-transform:uppercase;position:absolute;transform:translateY(-50%)}.winner-marker{color:#facc15;font:900 11px/1 var(--mono);text-transform:uppercase;position:absolute;top:50%;right:56px;transform:translateY(-50%)}@keyframes step-bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-52%)}}.archetype-driver{--head:#f7c59f;--suit:#f7f0df;--trim:#ef4444}.archetype-runner{--head:#f0b98f;--suit:#7dd3fc;--trim:#0f172a}.archetype-mask{--head:#111827;--suit:#fca5a5;--trim:#f8fafc}.archetype-coat{--head:#d8a47f;--suit:#86efac;--trim:#14532d}.archetype-cap{--head:#e9b384;--suit:#fde68a;--trim:#1d4ed8}.reveal-tag{color:#fff;font:800 12px/1 var(--mono);position:absolute;top:50%;right:18px;transform:translateY(-50%)}.crosshair{--crosshair-color:#f87171;border:2px solid var(--crosshair-color);width:20px;height:20px;box-shadow:0 0 0 1px #101217, 0 0 12px var(--crosshair-color);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.crosshair:before,.crosshair:after{content:"";background:var(--crosshair-color);position:absolute}.crosshair:before{width:26px;height:2px;top:8px;left:-5px}.crosshair:after{width:2px;height:26px;top:-5px;left:8px}.crosshair-red{--crosshair-color:#f87171}.crosshair-blue{--crosshair-color:#60a5fa}.crosshair-green{--crosshair-color:#4ade80}.crosshair-yellow{--crosshair-color:#facc15}@media (width<=900px){.top-bar,.hero-panel{grid-template-columns:1fr;display:grid}.state-tabs,.status-strip{grid-template-columns:repeat(2,1fr)}.state-card{min-height:auto}}