:root{--green:#3dff8a;--amber:#ffb627;--red:#ff3b3b;--cyan:#35e0ff;--magenta:#ff3cf0;--purple:#b07bff;--white:#f2f6fa;--info:#d7e3ee;--panel:#06121c85;--panel-edge:#96d2ff38;--ink:#e8f1f8;--muted:#8fa6b8;--bg:#06121c;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}:root[data-palette=deuteranopia],:root[data-palette=protanopia]{--green:#4ea8ff;--amber:#ffd23f;--red:#ff6a00;--magenta:#e87dff}:root[data-palette=tritanopia]{--green:#2ee6c8;--amber:#ff8fb1;--red:#ff2d2d;--cyan:#8fd3ff;--purple:#c08cff}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}.hud{pointer-events:none;box-sizing:border-box;padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));z-index:10;grid-template:"weather mission objective""left center right"1fr"radar console weapons"/minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:8px;font-size:clamp(11px,1.05vw,16px);display:grid;position:fixed;inset:0}.hud[data-mode=compact]{grid-template-areas:"radar-top mission objective""left center right""radar console weapons";font-size:clamp(10px,1.1vw,14px)}.hud[data-mode=touch]{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:"radar console weapons""left center right""stick mission fire";gap:4px;font-size:clamp(10px,1.6vh,14px)}.hud[data-mode=rotate]{display:none}.hud.dim>:not(.area-mission){opacity:.45}.hud [data-zone],.hud button,.hud input,.hud .interactive{pointer-events:auto}.hud button{min-width:44px;min-height:44px;font:inherit;color:inherit;cursor:pointer}.panel{background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-sizing:border-box;border-radius:10px;padding:6px 8px;position:relative}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.72em}.big{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--white);font-size:1.45em;font-weight:700}.area-weather{grid-area:weather;place-self:start}.hud[data-mode=compact] .area-weather,.hud[data-mode=touch] .area-weather{grid-area:left;place-self:start;min-height:0;padding:2px 6px;font-size:.85em}.hud[data-mode=compact] .area-weather .label,.hud[data-mode=touch] .area-weather .label{display:none}.hud[data-mode=touch] .area-left{margin-left:50px}.hud[data-mode=touch] .area-weather{transform-origin:100% 100%;grid-area:radar;place-self:end;transform:scale(.85)}.area-mission{flex-wrap:wrap;grid-area:mission;justify-content:center;place-self:start center;align-items:center;gap:6px;display:flex}.hud[data-mode=touch] .area-mission{align-self:end}.area-objective{grid-area:objective;place-self:start end}.hud[data-mode=touch] .area-objective{grid-area:mission;place-self:end}.area-left{flex-direction:column;grid-area:left;place-self:center start;gap:8px;display:flex}.area-right{flex-direction:column;grid-area:right;place-self:center end;align-items:flex-end;gap:8px;display:flex}.area-radar{grid-area:radar;place-self:end start}.hud[data-mode=touch] .area-radar{align-self:start}.area-console{flex-direction:column;grid-area:console;place-self:end center;align-items:stretch;gap:4px;width:min(100%,560px);display:flex}.hud[data-mode=touch] .area-console{align-self:start}.area-weapons{flex-direction:column;grid-area:weapons;place-self:end;align-items:flex-end;gap:6px;display:flex}.hud[data-mode=touch] .area-weapons{align-self:start}.topbar{gap:6px;display:flex}.iconbtn{background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:0 10px;font-weight:700}.iconbtn:hover{border-color:var(--cyan)}.iconbtn:focus-visible,.hud button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.mission-bar{white-space:nowrap;font-family:var(--mono);font-variant-numeric:tabular-nums;align-items:center;gap:10px;min-height:44px;display:flex}.mission-bar .stars{color:var(--amber);letter-spacing:2px}.mission-bar .score{font:700 1em var(--mono);margin:0}.objective{white-space:nowrap;align-items:center;gap:8px;min-height:44px;display:flex}.phase-chip{letter-spacing:.1em;color:var(--magenta);border:1px solid var(--magenta);background:#ff3cf02e;border-radius:999px;padding:3px 10px;font-size:.8em;font-weight:800}.phase-chip[data-phase=egress]{color:var(--green);border-color:var(--green);background:#3dff8a24}.objective .obj-arrow{width:26px;height:26px;color:var(--magenta);transition:transform .1s linear}.objective[data-target=exit] .obj-arrow{color:var(--green)}.tape{flex-direction:column;gap:4px;width:clamp(70px,8vw,110px);display:flex}.hud[data-mode=touch] .tape,.hud[data-mode=compact] .tape{width:clamp(56px,7vw,84px)}.tape .bar{background:#ffffff1a;border-radius:5px;align-self:center;width:10px;height:clamp(40px,12vh,120px);position:relative;overflow:hidden}.hud[data-mode=touch] .tape .bar{height:clamp(26px,9vh,70px)}.tape .fill{background:var(--white);border-radius:5px;position:absolute;bottom:0;left:0;right:0}.notches{justify-content:center;gap:3px;display:flex}.notch-ind{border:1px solid var(--muted);color:var(--muted);border-radius:4px;padding:0 4px;font-size:.7em}.notch-ind.on{border-color:var(--cyan);color:var(--cyan)}.boost{background:#ffffff1a;border-radius:3px;height:5px;overflow:hidden}.boost>i{background:var(--cyan);height:100%;display:block}[data-level=green] .fill,[data-level=green] .lvl{background:var(--green)}[data-level=amber] .fill,[data-level=amber] .lvl{background:var(--amber)}[data-level=red] .fill,[data-level=red] .lvl{background:var(--red)}[data-level=amber] .big{color:var(--amber)}[data-level=red] .big{color:var(--red);animation:.6s ease-in-out infinite alternate pulse}.fuel{width:clamp(70px,8vw,110px)}.hud[data-mode=touch] .fuel,.hud[data-mode=compact] .fuel{width:clamp(56px,7vw,84px)}.fuel .bar{background:#ffffff1a;border-radius:6px;height:12px;margin-top:3px;position:relative;overflow:hidden}.fuel .fill{position:absolute;top:0;bottom:0;left:0}.fuel .home{background:var(--white);width:2px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 4px #000}.damage{text-align:center;width:clamp(70px,8vw,110px)}.hud[data-mode=touch] .damage,.hud[data-mode=compact] .damage{width:clamp(56px,7vw,84px)}.damage svg{width:100%;height:auto;max-height:12vh}.damage path{stroke:#00000080;stroke-width:1px;transition:fill .2s}.damage path[data-level=green]{fill:var(--green)}.damage path[data-level=amber]{fill:var(--amber)}.damage path[data-level=red]{fill:var(--red)}.weather{white-space:nowrap;align-items:center;gap:6px;min-height:44px;display:flex}.weather .wind{width:22px;height:22px;color:var(--white)}.weather .storm{color:var(--purple);font-weight:700}.radar{aspect-ratio:1;border-radius:50%;width:clamp(110px,24vh,240px);padding:4px}.hud[data-mode=touch] .radar{width:clamp(84px,25vh,170px)}.radar canvas{border-radius:50%;width:100%;height:100%;display:block}.radar .range{background:0 0;border:none;min-width:44px;min-height:44px;padding:0 6px;font-size:.7em;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.radar .range:before{content:"";background:var(--panel);border:1px solid var(--panel-edge);z-index:-1;border-radius:8px;position:absolute;inset:11px 0}.aim-area{pointer-events:none;width:min(30vh,26vw);height:min(30vh,26vw);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.threat-ring{width:100%;height:100%;overflow:visible}.threat-ring .base{fill:none;stroke:#ffffff47;stroke-width:1.5px}.threat-ring .wedge{stroke:none}.threat-ring .wedge[data-level=amber]{fill:var(--amber);opacity:.75}.threat-ring .wedge[data-level=red]{fill:var(--red);opacity:.95}.threat-ring .wedge.pulse{animation:.45s ease-in-out infinite alternate pulse}.threat-ring .tti{fill:var(--red)}.threat-ring text{fill:var(--red);font:700 11px var(--mono)}.console{flex-direction:column;gap:3px;min-height:3.4em;margin:0;padding:0;list-style:none;display:flex}.console li{border-left:4px solid var(--info);box-sizing:border-box;cursor:pointer;background:#040c149e;border-radius:8px;align-items:center;gap:6px;min-height:28px;padding:4px 9px;font-weight:600;animation:.18s ease-out lineIn;display:flex}.console li[data-level=red]{border-left-color:var(--red);color:#ffd9d9}.console li[data-level=amber]{border-left-color:var(--amber);color:#ffeccc}.console li[data-level=green]{border-left-color:var(--green);color:#dcffe9}.console li .detail{color:var(--muted);font-size:.85em;font-weight:400;display:none}.console li.open .detail{display:inline}.console li .count{color:var(--muted);font-family:var(--mono)}.console li .agent-svg{flex:none}.console li[data-level=red] .agent-svg{color:var(--red)}.console li[data-level=amber] .agent-svg{color:var(--amber)}.console li[data-level=green] .agent-svg{color:var(--green)}.console li.fading{opacity:.35;transition:opacity .4s}.crew-strip{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.hud[data-mode=touch] .crew-strip{gap:3px}.crew-strip .crew{background:var(--panel);border:1px solid var(--panel-edge);color:var(--muted);opacity:.55;border-radius:10px;place-items:center;padding:0;transition:opacity .2s,color .2s;display:grid;position:relative}.crew-strip .crew[data-active=true]{opacity:1;color:var(--white);border-color:var(--cyan)}.crew-strip .crew .tip{white-space:nowrap;color:var(--ink);border:1px solid var(--panel-edge);z-index:5;background:#040c14eb;border-radius:6px;padding:4px 8px;font-size:.8em;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.crew-strip .crew:hover .tip,.crew-strip .crew.show-tip .tip{display:block}.hud[data-mode=touch] .crew-strip .crew .tip{top:calc(100% + 6px);bottom:auto}.ai-status{background:var(--muted);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.ai-status[data-state=edge],.ai-status[data-state=device]{background:var(--green)}.ai-status[data-state=low]{background:var(--amber)}.verdict{border:1px solid var(--panel-edge);background:#040c14cc;border-radius:10px;align-items:center;gap:8px;padding:4px 8px;display:none}.verdict.on{display:flex}.verdict-chip{letter-spacing:.08em;color:#041018;border-radius:6px;padding:3px 8px;font-weight:900}.verdict-chip[data-verdict=ENGAGE]{background:var(--cyan)}.verdict-chip[data-verdict=AVOID],.verdict-chip[data-verdict=ESCAPE]{background:var(--amber)}.verdict-chip[data-verdict=ABORT]{background:var(--red);color:#fff}.verdict-chip[data-verdict=CONTINUE]{background:var(--green)}.verdict-chip[data-verdict=REROUTE]{background:var(--purple)}.verdict-reason{flex:1;font-size:.92em}.verdict-action{border:1px solid var(--cyan);color:var(--cyan);white-space:nowrap;background:#35e0ff26;border-radius:8px;padding:0 10px;font-weight:700}.command{gap:6px;display:none}.command.on{display:flex}.command input{border:1px solid var(--cyan);min-height:40px;color:var(--ink);font:inherit;-webkit-user-select:text;user-select:text;background:#040c14d9;border-radius:8px;flex:1;padding:0 10px}.ptt{color:var(--red);letter-spacing:.1em;text-align:center;font-weight:800;display:none}.ptt.on{animation:.6s ease-in-out infinite alternate pulse;display:block}.weapons{gap:5px;padding:5px;display:flex}.wcard{box-sizing:border-box;background:#ffffff0d;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:1px;width:clamp(50px,5.6vw,82px);padding:4px 5px;transition:transform .15s;display:flex}.wcard.selected{border-color:var(--cyan);background:#35e0ff1f;transform:translateY(-5px)}.wcard.disabled{opacity:.35}.wcard .wname{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.68em}.wcard .wcount{font-family:var(--mono);font-size:1.15em;font-weight:800}.wcard[data-level=amber] .wcount{color:var(--amber)}.wcard[data-level=red] .wcount{color:var(--red)}.wcard .lock{letter-spacing:.08em;min-height:1.2em;font-size:.65em;font-weight:800}.wcard .lock[data-lock=seeking]{color:var(--amber)}.wcard .lock[data-lock=locked]{color:var(--green)}.keycap{font-family:var(--mono);border:1px solid var(--muted);color:var(--muted);border-radius:4px;padding:0 4px;font-size:.65em}.hud[data-mode=touch] .keycap,.hud[data-mode=phone] .keycap{display:none}.flares{flex-wrap:wrap;align-items:center;gap:3px;width:clamp(100px,12vw,170px);padding:5px 6px;display:flex}.flares i{background:var(--white);border-radius:50%;width:7px;height:7px;display:block}.flares i.used{background:#ffffff26}.flares[data-level=amber] i:not(.used){background:var(--amber)}.flares[data-level=red] i:not(.used){background:var(--red)}.glow{animation:.9s ease-out glow}.glow-red{--g:var(--red)}.glow-amber{--g:var(--amber)}.glow-green{--g:var(--green)}.glow-info{--g:var(--cyan)}@keyframes glow{0%{box-shadow:0 0 0 3px var(--g), 0 0 22px var(--g)}to{box-shadow:0 0 #0000}}@keyframes pulse{0%{opacity:1}to{opacity:.35}}@keyframes lineIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.reduced .glow,.reduced [data-level=red] .big,.reduced .threat-ring .wedge.pulse{animation:none}.reduced .glow{outline:2px solid var(--g)}@media (prefers-reduced-motion:reduce){.glow{outline:2px solid var(--g);animation:none}.threat-ring .wedge.pulse,[data-level=red] .big{animation:none}}.highlight{outline-offset:2px;outline:3px solid var(--cyan)!important;box-shadow:0 0 18px var(--cyan)!important}.overlay{pointer-events:none;z-index:5;width:100%;height:100%;position:fixed;inset:0}.edge-flash{pointer-events:none;z-index:6;opacity:0;transition:opacity .35s;position:fixed;inset:0}.vignette{pointer-events:none;z-index:4;opacity:0;background:radial-gradient(#0000 55%,#000000bf 100%);transition:opacity .3s;position:fixed;inset:0}.frame{pointer-events:none;z-index:3;border:2px solid #96d2ff1f;border-radius:18px;margin:4px;position:fixed;inset:0}.training-hint{z-index:12;pointer-events:none;border:1px solid var(--cyan);text-align:center;background:#040c14d1;border-radius:12px;padding:8px 14px;font-weight:700;display:none;position:fixed;top:22%;left:50%;transform:translate(-50%)}.training-hint.on{display:block}.training-hint .keycap{color:var(--cyan);border-color:var(--cyan);margin-left:6px;font-size:.95em}.hud[data-mode=touch]~.training-hint{top:30%}.legend{flex-wrap:wrap;justify-content:center;gap:6px;display:none}.legend.on{display:flex}.legend span{background:var(--panel);border:1px solid var(--panel-edge);border-radius:8px;padding:2px 6px;font-size:.8em}.history{z-index:30;border:1px solid var(--panel-edge);pointer-events:auto;background:#040c14f2;border-radius:12px;width:min(92vw,520px);max-height:45vh;padding:8px;display:none;position:fixed;bottom:30vh;left:50%;overflow:auto;transform:translate(-50%)}.history.on{display:block}.history ol{flex-direction:column;gap:3px;margin:0;padding:0 0 0 4px;list-style:none;display:flex}.history li{align-items:center;gap:6px;font-size:.9em;display:flex}.history li time{color:var(--muted);font-family:var(--mono);font-size:.85em}.explain-layer{z-index:20;pointer-events:none;opacity:0;transition:opacity .3s;position:fixed;inset:0}.explain-layer.on{opacity:1}.explain-layer svg{width:100%;height:100%;position:absolute;inset:0}.explain-layer line{stroke:var(--cyan);stroke-width:1.5px;stroke-dasharray:5 4}.explain-layer .zlabel{border:1px solid var(--cyan);background:#040c14e6;border-radius:6px;max-width:200px;padding:3px 6px;font-size:12px;position:absolute}.touch-stick-zone{z-index:1;pointer-events:auto;touch-action:none;width:50vw;height:62vh;position:fixed;bottom:0;left:0}.stick-base{border:2px solid #ffffff40;border-radius:50%;width:96px;height:96px;display:none;position:absolute;transform:translate(-50%,-50%)}.stick-base.on{display:block}.stick-knob{background:#35e0ff73;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-fire{pointer-events:auto;z-index:3;grid-area:fire;grid-template-rows:52px 64px;grid-template-columns:repeat(3,52px);grid-template-areas:"flare missile strike""boost cannon cannon";place-self:end;gap:5px;display:grid}.tbtn{border:2px solid var(--panel-edge);touch-action:none;-webkit-tap-highlight-color:transparent;background:#06121c99;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:52px;height:52px;padding:0;font-size:11px;font-weight:800;transition:transform 60ms,background 60ms;display:flex;position:relative}.tbtn .tb-ico{width:40%;height:40%}.tbtn .tb-name{letter-spacing:.04em;font-size:.82em;line-height:1}.tbtn .tb-count:empty{display:none}.tbtn .tb-count{box-sizing:border-box;min-width:18px;font:800 10px/1.2 var(--mono);border:1px solid var(--panel-edge);color:var(--white);background:#040c14eb;border-radius:9px;padding:1px 4px;position:absolute;top:-5px;right:-5px}.tbtn.empty .tb-count{color:var(--red);border-color:var(--red)}.tbtn.empty{opacity:.45}.tbtn.down{transform:scale(.94)}.tbtn-missile[data-lock=seeking]{border-color:var(--amber)}.tbtn-missile[data-lock=locked]{border-color:var(--green);box-shadow:0 0 12px var(--green)}.tbtn-strike[data-lock=locking],.tbtn-strike[data-lock=seeking]{border-color:var(--amber)}.tbtn-strike[data-lock=locked]{border-color:var(--green);box-shadow:0 0 12px var(--green)}.tbtn.off{opacity:.32;border-color:var(--panel-edge);color:var(--muted)}.tbtn-flare{grid-area:flare}.tbtn-missile{grid-area:missile}.tbtn-strike{grid-area:strike}.tbtn-boost{grid-area:boost}.tbtn-cannon{border-color:var(--cyan);border-radius:26px;grid-area:cannon;width:100%;font-size:13px}.tbtn.down{background:#35e0ff59}.tbtn-cannon{border-color:var(--cyan);width:64px;height:64px}.tbtn-strike{border-color:var(--magenta);color:var(--magenta)}.touch-throttle{left:max(4px, env(safe-area-inset-left));z-index:3;pointer-events:auto;flex-direction:column;gap:4px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.touch-throttle .notch{border:1px solid var(--panel-edge);background:#06121c99;border-radius:10px;width:44px;height:44px;font-weight:800}.touch-throttle .notch.active{border-color:var(--cyan);color:var(--cyan)}.touch-utility{pointer-events:auto;z-index:3;grid-area:stick;place-self:end start;gap:6px;margin-left:52px;display:flex}.ubtn{border:1px solid var(--panel-edge);background:#06121c99;border-radius:10px;font-weight:800}.hud:not([data-mode=touch]):not([data-mode=phone]) .touch-only{display:none!important}.hud[data-mode=touch] .area-mission{flex-flow:column;place-self:end start;align-items:flex-start;gap:4px}.hud[data-mode=touch] .area-objective{place-self:start end}.hud[data-mode=touch] .tape .label,.hud[data-mode=touch] .fuel .label,.hud[data-mode=touch] .damage .label{display:none}.hud[data-mode=touch] .damage svg{max-height:9vh}.hud[data-mode=touch] .panel{padding:3px 5px}.hud[data-mode=touch] .mission-bar,.hud[data-mode=touch] .objective{min-height:40px}.hud>[class*=area-]{z-index:2;position:relative}.hud[data-mode=phone]{--T:max(6px, env(safe-area-inset-top));--R:max(8px, env(safe-area-inset-right));--B:max(6px, env(safe-area-inset-bottom));--L:max(8px, env(safe-area-inset-left));--u:clamp(46px, 15dvh, 60px);--radar:clamp(84px, 31dvh, 136px);--aim:min(28dvh, 24vw);padding:0;font-size:clamp(10px,3.4dvh,13px);display:block}.hud[data-mode=phone] :is(.area-mission,.area-left,.area-right,.area-weapons){display:contents}.hud[data-mode=phone] :is(.area-radar,.area-weather,.area-objective,.mission-bar,.topbar,.speed,.fuel,.altitude,.damage,.area-console,.crew-strip){z-index:2;margin:0;position:fixed}.hud[data-mode=phone] .panel:not(.radar){border-radius:9px;padding:3px 6px}.hud[data-mode=phone] .label,.hud[data-mode=phone] .legend,.hud[data-mode=phone] .weapons,.hud[data-mode=phone] .flares{display:none!important}.hud[data-mode=phone] [data-zone]:not([data-zone=radar]),.hud[data-mode=phone] .console li{pointer-events:none}.hud[data-mode=phone] .aim-area{width:var(--aim);height:var(--aim)}.hud[data-mode=phone] .area-radar{left:var(--L);top:var(--T);width:var(--radar)}.hud[data-mode=phone] .radar .range{font-size:.85em;bottom:-8px;left:auto;right:-18px;transform:none}.hud[data-mode=phone] .area-weather{left:calc(var(--L) + var(--radar) + 12px);top:var(--T);gap:4px;min-height:30px;padding:2px 8px}.hud[data-mode=phone] .weather .wind{width:16px;height:16px}.hud[data-mode=phone] .area-objective{left:50%;top:var(--T);gap:6px;min-height:34px;padding:2px 8px;transform:translate(-50%)}.hud[data-mode=phone] .objective .obj-arrow{width:20px;height:20px}.hud[data-mode=phone] .phase-chip{padding:2px 7px;font-size:.75em}.hud[data-mode=phone] .fuel{right:calc(50% + 4px);top:calc(var(--T) + 40px);align-items:center;gap:6px;width:clamp(92px,15vw,132px);min-height:26px;display:flex}.hud[data-mode=phone] .fuel .big{min-width:3ch;font-size:1em!important}.hud[data-mode=phone] .fuel .bar{flex:1;height:9px;margin:0}.hud[data-mode=phone] .mission-bar{left:calc(50% + 4px);top:calc(var(--T) + 40px);gap:8px;min-height:26px;padding:2px 8px;font-size:.92em}.hud[data-mode=phone] .topbar{right:var(--R);top:var(--T);gap:4px}.hud[data-mode=phone] .topbar .iconbtn,.hud[data-mode=phone] .crew-strip .crew{background:#06121c73;width:44px;height:44px;padding:0}.hud[data-mode=phone] .crew-strip{right:calc(var(--R) + 3 * 44px + 2 * 4px + 4px);top:var(--T);gap:4px}.hud[data-mode=phone] .crew-strip .crew[data-agent-icon],.hud[data-mode=phone] .ai-status{display:none}.hud[data-mode=phone] .damage{right:var(--R);top:calc(var(--T) + 50px);width:50px;padding:2px 3px}.hud[data-mode=phone] .damage svg{max-height:calc(var(--u) * .95)}.hud[data-mode=phone] .damage .big{font-size:.9em!important}.hud[data-mode=phone] :is(.speed,.altitude){align-items:center;gap:3px;width:58px;top:50%;transform:translateY(-50%)}.hud[data-mode=phone] .speed{right:calc(50% + var(--aim) / 2 + 12px)}.hud[data-mode=phone] .altitude{left:calc(50% + var(--aim) / 2 + 12px)}.hud[data-mode=phone] :is(.speed,.altitude) .big{font-size:1.2em}.hud[data-mode=phone] .tape .bar{width:8px;height:clamp(26px,13dvh,56px)}.hud[data-mode=phone] .speed .notches{display:none}.hud[data-mode=phone] .speed .boost{width:100%}.hud[data-mode=phone] .area-console{left:calc(var(--L) + 32%);right:calc(var(--R) + 4.9 * var(--u) + 10px);bottom:var(--B);pointer-events:none;justify-content:flex-end;gap:3px;width:auto}.hud[data-mode=phone] .console{min-height:0}.hud[data-mode=phone] .console li{min-height:22px;padding:2px 7px;font-size:.95em}.hud[data-mode=phone] .console li:nth-child(n+3),.hud[data-mode=phone] .verdict.on~.console li:nth-child(n+2){display:none}.hud[data-mode=phone] .verdict{flex-wrap:wrap;gap:6px;padding:2px 6px}.hud[data-mode=phone] .verdict-reason{min-width:8em;font-size:.85em}.hud[data-mode=phone] .verdict-action{pointer-events:auto}.hud[data-mode=phone] .command{top:var(--T);z-index:30;pointer-events:auto;width:min(70vw,460px);position:fixed;left:50%;transform:translate(-50%)}.hud[data-mode=phone] .command input{min-height:44px}.hud[data-mode=phone]~.history{max-height:calc(100dvh - 70px);top:56px;bottom:auto}.hud[data-mode=phone]~.training-hint{padding:4px 10px;font-size:12px;top:calc(50% - min(14dvh,12vw) - 6px);transform:translate(-50%,-100%)}.hud[data-mode=phone]~.explain-layer .zlabel{max-width:160px;font-size:11px}.hud.dim[data-mode=phone] :is(.area-left,.area-right,.area-mission)>*,.hud.dim[data-mode=phone] :is(.touch-fire,.touch-throttle,.touch-utility){opacity:.45}.hud[data-mode=phone] .touch-stick-zone{width:50vw;height:100%;top:0;left:0}.hud[data-mode=phone] .stick-base{width:calc(2.1 * var(--u));height:calc(2.1 * var(--u))}.hud[data-mode=phone] .stick-knob{width:calc(.95 * var(--u));height:calc(.95 * var(--u))}.touch-stick-zone.ghost:before,.touch-stick-zone.ghost:after{pointer-events:none;position:absolute;top:70%;left:44%;transform:translate(-50%,-50%)}.touch-stick-zone.ghost:before{content:"";background:radial-gradient(circle,#35e0ff59 0 22px,#0000 23px);border:2px dashed #35e0ff8c;border-radius:50%;width:104px;height:104px;animation:1.6s ease-in-out infinite alternate ghost}.touch-stick-zone.ghost:after{content:"Left thumb: steer";color:var(--cyan);white-space:nowrap;text-shadow:0 1px 3px #000;font-size:12px;font-weight:800;top:calc(70% + 66px)}.touch-stick-zone.ghost:has(.stick-base.on):before{display:none}.touch-stick-zone.ghost:has(.stick-base.on):after{display:none}@keyframes ghost{0%{opacity:.55}to{opacity:1}}.hud[data-mode=phone] .touch-throttle{left:var(--L);top:calc(var(--T) + var(--radar) + 14px);gap:3px;transform:none}.hud[data-mode=phone] .touch-throttle .notch{border-radius:4px}.hud[data-mode=phone] .touch-throttle .notch:first-child{border-radius:12px 12px 4px 4px}.hud[data-mode=phone] .touch-throttle .notch:last-child{border-radius:4px 4px 12px 12px}.hud[data-mode=phone] .touch-throttle .notch.active{background:#35e0ff2e}.hud[data-mode=phone] .touch-utility{left:calc(var(--L) + 44px + 14px);top:calc(var(--T) + var(--radar) + 14px);flex-direction:column;gap:10px;margin:0;position:fixed}.hud[data-mode=phone] .ubtn{-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:12px;display:grid}.ubtn svg{width:20px;height:20px}.ubtn.down,.touch-throttle .notch.down{background:#35e0ff4d}.ubtn[data-testid=touch-mic].down{color:var(--red);border-color:var(--red)}.hud[data-mode=phone] .touch-fire{right:var(--R);bottom:var(--B);width:calc(4.9 * var(--u));height:calc(3.3 * var(--u));display:block;position:fixed}.hud[data-mode=phone] .tbtn{width:var(--u);height:var(--u);font-size:calc(var(--u) * .2);position:absolute}.hud[data-mode=phone] .tbtn-cannon{width:calc(1.45 * var(--u));height:calc(1.45 * var(--u));right:calc(.475 * var(--u));bottom:calc(.375 * var(--u));font-size:calc(var(--u) * .24);background:#35e0ff24;border-width:3px}.hud[data-mode=phone] .tbtn-flare{right:calc(2.3 * var(--u));bottom:calc(.35 * var(--u))}.hud[data-mode=phone] .tbtn-missile{right:calc(2 * var(--u));bottom:calc(1.8 * var(--u))}.hud[data-mode=phone] .tbtn-strike{right:calc(.5 * var(--u));bottom:calc(2.2 * var(--u))}.hud[data-mode=phone] .tbtn-boost{right:calc(3.8 * var(--u));bottom:calc(.25 * var(--u))}.hud[data-mode=phone] .tbtn.down{background:#35e0ff61}#ui-root{z-index:40;pointer-events:none;font-family:var(--font);position:fixed;inset:0}#ui-root>*{pointer-events:auto}.btn{border:1px solid var(--panel-edge);min-width:44px;min-height:44px;color:var(--ink);font:600 15px var(--font);cursor:pointer;background:#102434d9;border-radius:10px;padding:0 16px}.btn:hover{border-color:var(--cyan)}.btn:focus-visible,.seg button:focus-visible,.mcard:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.btn.primary{background:var(--cyan);color:#041018;border-color:var(--cyan);font-weight:800}.btn.ghost{background:0 0}.btn:disabled{opacity:.5;cursor:default}.btn.key{font-family:var(--mono);min-width:110px}.btn.key.listening{border-color:var(--amber);color:var(--amber)}.link{color:var(--cyan);font:700 15px var(--font);cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.modal-backdrop{box-sizing:border-box;background:#02080e8c;place-items:center;padding:12px;display:grid;position:fixed;inset:0;overflow:auto}.modal-backdrop.soft{background:#02080e59}.modal{box-sizing:border-box;border:1px solid var(--panel-edge);width:min(560px,100%);max-height:calc(100dvh - 24px);color:var(--ink);background:#06121cf0;border-radius:16px;padding:16px 18px;overflow:auto;box-shadow:0 20px 60px #00000080}.modal.small{width:min(320px,100%)}.modal h2{letter-spacing:.02em;margin:4px 0 10px;font-size:22px}.modal h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;font-size:13px}.explainer-top{justify-content:space-between;align-items:center;display:flex}.dots{gap:6px;display:flex}.dots span{background:#fff3;border-radius:50%;width:8px;height:8px}.dots span.on{background:var(--cyan)}.pic{width:100%;height:auto;max-height:34vh;margin:4px 0;display:block}.pic text{fill:var(--ink);font:600 12px var(--font)}.lead{text-align:center;margin:8px 0 14px;font-size:18px;font-weight:700}.ctl-keys{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 12px;margin-bottom:12px;display:grid}.ctl-keys div{align-items:center;gap:8px;font-size:14px;display:flex}.ctl-keys kbd{font-family:var(--mono);border:1px solid var(--muted);white-space:nowrap;border-radius:5px;padding:1px 6px;font-size:12px}.ctl-keys .hint{color:var(--muted);grid-column:1/-1;font-size:13px}.ctl-touch{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.ctl-big{width:28px;color:var(--cyan);font-size:20px;display:inline-block}.seg{flex-wrap:wrap;justify-content:center;gap:4px;margin:8px 0 12px;display:flex}.seg button{border:1px solid var(--panel-edge);min-width:70px;min-height:44px;color:var(--ink);font:700 14px var(--font);cursor:pointer;background:#102434d9;border-radius:10px}.seg button.on{border-color:var(--cyan);color:var(--cyan);background:#35e0ff24}.menu{border:1px solid var(--panel-edge);box-sizing:border-box;background:#06121ce6;border-radius:18px;width:min(640px,100vw - 24px);max-height:calc(100dvh - 24px);padding:14px 18px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.logo{text-align:center;letter-spacing:.18em;margin:2px 0 10px;font-size:clamp(24px,4vw,38px);font-weight:900}.logo span{color:var(--cyan)}.missions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mcard{text-align:left;border:1px solid var(--panel-edge);color:var(--ink);cursor:pointer;min-height:44px;font:13px var(--font);background:#102434b3;border-radius:12px;flex-direction:column;gap:4px;padding:10px;display:flex}.mcard b{font-size:15px}.mcard span{color:var(--muted)}.mcard.on{border-color:var(--magenta);background:#ff3cf01a}@media (max-height:480px){.menu{padding:8px 12px}.logo{margin:0 0 4px;font-size:22px}.mcard span{display:none}.seg{margin:4px 0 6px}.pic{max-height:26vh}.lead{margin:4px 0 8px;font-size:15px}.modal{padding:10px 14px}.modal h2{margin:2px 0 4px;font-size:18px}}.results h2[data-outcome=won]{color:var(--green)}.results h2[data-outcome=lost]{color:var(--red)}.results h2[data-outcome=aborted]{color:var(--amber)}.stars-big{color:var(--amber);letter-spacing:6px;font-size:34px}.score{font:800 26px var(--mono);margin:4px 0}.score small{font:600 13px var(--font);color:var(--muted)}.breakdown{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.recap{margin:10px 0;padding-left:18px;line-height:1.5}.field{border:1px solid var(--panel-edge);min-height:44px;color:var(--ink);font:15px var(--font);-webkit-user-select:text;user-select:text;background:#040c14d9;border-radius:10px;padding:0 12px}.ok{color:var(--green);font-weight:700}.board{border-collapse:collapse;width:100%;margin:10px 0;font-size:14px}.board th,.board td{text-align:left;border-bottom:1px solid #96d2ff1f;padding:4px 6px}.board th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.settings{width:min(620px,100%)}.set-row{justify-content:space-between;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.set-row select,.set-row input[type=range]{min-height:32px}.set-row select{color:var(--ink);border:1px solid var(--panel-edge);font:14px var(--font);background:#040c14d9;border-radius:8px;padding:0 8px}.set-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--cyan)}.levers{border-left:2px solid var(--panel-edge);padding-left:10px}.rotate{text-align:center;background:var(--bg);z-index:100;place-content:center;gap:12px;font-size:18px;font-weight:700;display:grid;position:fixed;inset:0}.rotate svg{margin:0 auto}.btn.new{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.menu-hint{text-align:center;color:var(--muted);margin:10px 0 0;font-size:13px}#ui-root>.tour{pointer-events:auto;position:fixed;inset:0}.tour kbd{font-family:var(--mono);border:1px solid var(--cyan);color:var(--cyan);white-space:nowrap;background:#35e0ff14;border-radius:5px;margin:0 1px;padding:0 5px;font-size:.85em}.tour-shade{background:#02080e9e;position:fixed;inset:0}.tour-spot{outline:2px solid var(--cyan);box-shadow:0 0 0 200vmax #02080e9e, 0 0 24px var(--cyan);pointer-events:none;border-radius:12px;transition:left .25s,top .25s,width .25s,height .25s;position:fixed}.tour-bubble{box-sizing:border-box;width:min(380px,100vw - 32px);color:var(--ink);border:1px solid var(--cyan);background:#06121cf7;border-radius:14px;padding:12px 16px;font-size:15px;line-height:1.45;transition:left .25s,top .25s;position:fixed;box-shadow:0 16px 50px #0009}.tour-bubble[data-step=keys]{width:min(560px,100vw - 32px)}.tour-bubble:before{content:"";background:inherit;border:1px solid var(--cyan);width:14px;height:14px;position:absolute;transform:rotate(45deg)}.tour-bubble[data-side=center]:before{display:none}.tour-bubble[data-side=right]:before{left:-8px;top:calc(var(--arrow) - 7px);border-width:0 0 1px 1px}.tour-bubble[data-side=left]:before{right:-8px;top:calc(var(--arrow) - 7px);border-width:1px 1px 0 0}.tour-bubble[data-side=below]:before{top:-8px;left:calc(var(--arrow) - 7px);border-width:1px 0 0 1px}.tour-bubble[data-side=above]:before{bottom:-8px;left:calc(var(--arrow) - 7px);border-width:0 1px 1px 0}.tour-bubble h2{color:var(--cyan);margin:4px 0 6px;font-size:20px}.tour-bubble p{margin:0 0 8px}.tour-when{border-left:3px solid var(--amber);background:#ffb62714;border-radius:0 8px 8px 0;padding:4px 0 4px 10px}.tour-when b{color:var(--amber)}.tour-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tour-count{font:700 12px var(--mono);color:var(--muted);letter-spacing:.08em}.tour-voice{border:1px solid var(--panel-edge);color:var(--muted);min-height:32px;font:600 13px var(--font);cursor:pointer;background:0 0;border-radius:8px;padding:0 8px}.tour-voice.on{color:var(--cyan);border-color:var(--cyan)}.tour-voice:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.tour-nav{align-items:center;gap:8px;margin-top:6px;display:flex}.tour-nav .btn{min-height:38px;padding:0 12px}.tour-nav .btn.primary kbd,.tour-nav .btn.primary{color:#041018}.tour-spacer{flex:1}.tour-keys{margin:6px 0 8px}@media (prefers-reduced-motion:reduce){.tour-spot,.tour-bubble{transition:none}}#ui-root>.tour.live{pointer-events:none}.tour.live .tour-bubble,.tour-block{pointer-events:auto}.tour-block{position:fixed}.tchip{font:800 .82em var(--font);letter-spacing:.04em;color:var(--ink);white-space:nowrap;border:1.5px solid var(--cyan);background:#35e0ff1f;border-radius:999px;margin:0 1px;padding:0 7px;display:inline-block}.tour-try{border-left:3px solid var(--cyan);background:#35e0ff14;border-radius:0 8px 8px 0;padding:4px 0 4px 10px;font-weight:700}.tour-try b{color:var(--cyan);margin-right:4px}.tour-try[data-done=true]{border-left-color:var(--green);background:#3dff8a1a}.tour-try[data-done=true] b{color:var(--green)}.tour-nav .btn.primary.nudge{animation:.7s ease-in-out infinite alternate nudge}@keyframes nudge{0%{box-shadow:0 0 0 0 var(--cyan)}to{box-shadow:0 0 0 5px #35e0ff40}}.tour[data-touch=true] .tour-nav .btn{min-height:44px}@media (max-height:520px){.tour-bubble{border-radius:12px;width:min(330px,100vw - 16px);padding:7px 12px 8px;font-size:13px;line-height:1.35}.tour-bubble h2{margin:1px 0 4px;font-size:16px}.tour-bubble p{margin:0 0 5px}.tour-when,.tour-try{padding:3px 0 3px 8px}.tour-voice{min-height:30px;font-size:12px}.tour-nav{margin-top:4px}}@media (prefers-reduced-motion:reduce){.tour-nav .btn.primary.nudge{animation:none}}@media (max-height:520px) and (orientation:landscape){.modal.explainer{width:min(720px,100%)}.explainer-top .link{min-height:36px}.ctl-touch{gap:3px;margin-bottom:4px;font-size:13px;line-height:1.3}.ctl-touch .ctl-big{width:20px;font-size:15px}.modal.results{width:min(820px,100%)}.results-body{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;column-gap:18px;display:grid}.results h2{margin-top:0}.stars-big{font-size:24px}.score{font-size:20px}.breakdown{gap:4px 10px;font-size:12px}.recap{margin:0 0 6px;font-size:13px;line-height:1.35}.board{margin:4px 0;font-size:12px}.board th,.board td{padding:2px 5px}.board tbody tr:nth-child(n+6){display:none}.results .row{margin-top:6px}}