:root{--bg:#0f1218;--panel:#10131aeb;--line:#2a303b;--text:#e6e8ec;--muted:#8d96a5;--accent:#d9a21b;--danger:#e0453a;--ok:#3fb26b;--font:"Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--mono:"DejaVu Sans Mono", Consolas, Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:14px/1.4 var(--font);margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;position:fixed}.join{width:400px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:22px 24px 18px;top:50%;left:40px;overflow:auto;transform:translateY(-50%)}.join h1{letter-spacing:.02em;margin:0;font-size:24px}.join .sub{color:var(--muted);margin:2px 0 18px}.join label,.join legend{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:12px 0 5px;font-size:12px;font-weight:600;display:block}.join input{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#0b0d12;border-radius:4px;padding:9px 10px}.join input:focus,.look:focus-visible,#join-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.join fieldset{border:0;margin:0;padding:0}.look-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.look{border:1px solid var(--line);color:var(--text);font:12px var(--font);cursor:pointer;text-align:left;background:#0b0d12;border-radius:4px;flex-direction:column;gap:5px;padding:7px 6px 6px;display:flex}.look[aria-checked=true]{border-color:var(--accent);background:#191a14}.look .chips{gap:3px;display:flex}.look .chip{border:1px solid #00000080;border-radius:2px;width:14px;height:14px}.look .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#join-button{background:var(--accent);color:#15120a;width:100%;font:600 15px var(--font);cursor:pointer;border:0;border-radius:4px;margin-top:16px;padding:10px}#join-button:disabled{opacity:.5;cursor:default}.error{border-left:3px solid var(--danger);color:#f3b1aa;background:#e0453a1a;margin:12px 0 0;padding:8px 10px}.status{color:var(--muted);margin:10px 0 0;font-size:12px}#crosshair{background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;transition:width 80ms,height 80ms,margin 80ms,background 80ms;position:fixed;top:50%;left:50%;box-shadow:0 0 0 1px #0009}#crosshair.target{background:0 0;border:2px solid #fff;width:14px;height:14px;margin:-7px 0 0 -7px;box-shadow:0 0 0 1px #0009,inset 0 0 0 1px #0009}.hint{background:#0a0c10bf;border-radius:3px;padding:3px 8px;font-size:13px;position:fixed;top:calc(50% + 28px);left:50%;transform:translate(-50%)}.hint:empty{display:none}.badge{border:1px solid var(--line);background:#0a0c10cc;border-radius:4px;align-items:center;gap:7px;padding:5px 9px;font-size:12px;display:flex;position:fixed;top:12px;left:12px}.badge .dot{background:var(--ok);border-radius:50%;width:8px;height:8px}.badge.offline .dot{background:var(--danger)}.badge.face{font-family:var(--mono);left:auto;right:12px}.help{color:var(--muted);background:#0a0c10b3;border-radius:4px;padding:7px 10px;font-size:12px;line-height:1.7;position:fixed;bottom:12px;left:12px}kbd{color:var(--text);font:11px var(--mono);background:#181c24;border:1px solid #3a414d;border-bottom-width:2px;border-radius:3px;padding:0 4px}.players{width:280px;padding:12px 14px;top:60px;right:12px}.players h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:13px}.players ul{margin:0;padding:0;list-style:none}.players li{border-top:1px solid var(--line);justify-content:space-between;gap:8px;padding:6px 0;display:flex}.players li .where{color:var(--muted);font-size:12px}.players li.self .who{color:var(--accent)}.center-card{border:1px solid var(--line);pointer-events:none;background:#0a0c10d9;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:14px 22px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.center-card span{color:var(--muted)}.banner{border-bottom:1px solid var(--danger);background:#5a1712;justify-content:center;gap:12px;padding:10px 16px;font-size:14px;display:flex;position:fixed;top:0;left:0;right:0}#pc-overlay{background:#040609e0;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.pc-frame{background:#0c0d10;border:1px solid #2a2e35;border-radius:6px;padding:10px;line-height:0}.pc-canvas{aspect-ratio:1280/760;touch-action:none;-webkit-user-select:none;user-select:none;width:min(94vw,148.211vh);height:auto;display:block}.pc-hint{color:var(--muted);font-size:13px}#pc-input{opacity:0;width:20px;height:20px;position:fixed;top:0;left:-2000px}.ptt{border:1px solid var(--line);z-index:5;background:#10131af0;border-radius:4px;padding:8px 14px;font-size:14px;font-weight:600;position:fixed;bottom:70px;left:50%;transform:translate(-50%)}.ptt.live{border-color:var(--danger);color:#ffb4ab}.pause{z-index:8;width:420px;max-width:calc(100vw - 32px);padding:16px 20px;top:50%;left:50%;transform:translate(-50%,-50%)}.pause header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pause h2{margin:0;font-size:18px}.pause #resume-button{background:var(--accent);color:#15120a;font:600 14px var(--font);cursor:pointer;border:0;border-radius:4px;padding:7px 16px}.settings{grid-template-columns:1fr 170px;align-items:center;gap:8px 12px;font-size:13px;display:grid}.settings label{color:var(--muted)}.settings input[type=range]{width:100%;accent-color:var(--accent)}.settings select{color:var(--text);border:1px solid var(--line);font:inherit;background:#0b0d12;border-radius:4px;padding:4px}.settings input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);justify-self:start}.debrief{z-index:10;width:760px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);padding:18px 22px;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.debrief header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.debrief h2{margin:0;font-size:20px}.debrief h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:16px 0 6px;font-size:13px}.debrief button{background:var(--accent);color:#15120a;font:600 13px var(--font);cursor:pointer;border:0;border-radius:4px;padding:6px 14px}.debrief .totals{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.debrief .stat{border:1px solid var(--line);background:#0b0d12;border-radius:4px;padding:8px 10px}.debrief .stat b{font-size:22px;display:block}.debrief .stat span{color:var(--muted);font-size:12px}.debrief table{border-collapse:collapse;width:100%;font-size:13px}.debrief th,.debrief td{text-align:left;border-top:1px solid var(--line);padding:5px 6px}.debrief th{color:var(--muted);font-weight:600}.debrief .grade{font-size:16px;font-weight:800}.debrief .quote{border-left:3px solid var(--accent);color:#e9dfc4;margin:0;padding:8px 12px;font-style:italic}.debrief .callnote{color:var(--muted);margin:0;font-size:13px}#toasts{pointer-events:none;flex-direction:column;gap:8px;width:320px;display:flex;position:fixed;bottom:12px;right:12px}.toast{border:1px solid var(--line);border-left:3px solid var(--accent);background:#10131af0;border-radius:4px;padding:9px 12px;font-size:13px;transition:opacity .4s}.toast strong{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:12px;display:block}.toast.urgent{border-left-color:var(--danger)}.toast.fade{opacity:0}@media (max-width:640px){.join{width:auto;left:16px;right:16px}.look-grid{grid-template-columns:repeat(2,1fr)}.help{display:none}}#hud.zoomed #crosshair,#hud.zoomed .help,#hud.zoomed .hint,#hud.closeup #crosshair,#hud.closeup .help{display:none}#hud.closeup .hint{top:auto;bottom:24px}canvas.phone-closeup{cursor:pointer}.needs{width:150px;color:var(--muted);pointer-events:none;background:#0a0c10b3;border-radius:4px;padding:7px 9px;font-size:11px;position:fixed;top:46px;right:12px}.need{align-items:center;gap:6px;margin:2px 0;display:flex}.need span{width:42px}.need i{background:#2a2d34;border-radius:3px;flex:1;height:6px;overflow:hidden}.need b{background:#5fbf86;width:50%;height:100%;transition:width .6s,background .6s;display:block}.need b.low{background:#e0a43a}.need b.crit{background:#d9483b}.need-note{color:#e8c37a;margin-top:3px}.need-note:empty,#hud.zoomed .needs{display:none}#drowse{pointer-events:none;z-index:5;--vignette:0;background:radial-gradient(ellipse at center, transparent 45%, rgba(0, 0, 0, calc(var(--vignette) * .85)) 100%);position:fixed;inset:0}#drowse .lid{background:#000;height:50%;transition:transform .45s ease-in;position:absolute;left:0;right:0;transform:scaleY(0)}#drowse .lid.top{transform-origin:top;top:0}#drowse .lid.bottom{transform-origin:bottom;bottom:0}#drowse.closed .lid{transform:scaleY(1)}#drowse .zzz{color:#cfd6e4;font:700 28px var(--mono);letter-spacing:6px;opacity:0;transition:opacity .3s;position:absolute;top:46%;left:50%;transform:translate(-50%)}#drowse.closed .zzz{opacity:1;transition-delay:.3s}#zap-flash{pointer-events:none;opacity:0;z-index:6;background:#fffbe0;position:fixed;inset:0}#zap-flash.on{animation:.6s ease-out zapflash}@keyframes zapflash{0%{opacity:.95}20%{opacity:.2}30%{opacity:.8}to{opacity:0}}.radio-line{z-index:7;background:#0a0c10eb;border:1px solid #b3261e;border-radius:4px;width:min(560px,100vw - 32px);padding:10px 12px;position:fixed;bottom:110px;left:50%;transform:translate(-50%)}.radio-line label{color:#f0a89f;margin-bottom:6px;font-size:12px;display:block}.radio-line input{box-sizing:border-box;color:#eef0f3;width:100%;font:14px var(--mono);background:#15181e;border:1px solid #343a44;border-radius:3px;padding:7px 9px}