*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #eef2f6;--dim: #8e99a8;--line: rgba(238, 242, 246, .14);--panel: rgba(11, 14, 19, .66);--ok: #74d6a0;--warn: #e8b661;--signal: #6ee08a;--near: #f0846a}html,body{height:100%;overflow:hidden;background:#0b0e13}body{font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--ink);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}#boot{position:fixed;inset:0;display:grid;place-items:center;font-size:11px;letter-spacing:.34em;color:var(--dim);background:#0b0e13;z-index:10;transition:opacity .7s ease}#boot.gone{opacity:0;pointer-events:none}#hud{position:fixed;inset:0;pointer-events:none}.hud-row{display:contents}#hud.panels-off .hud-row,.panel-touch{display:none}.panel{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:9px 10px 10px;backdrop-filter:blur(10px)}.panel-label{display:flex;justify-content:space-between;align-items:baseline;font-size:9px;letter-spacing:.2em;color:var(--dim);margin-bottom:7px}.panel-label em{font-style:normal;letter-spacing:.08em;opacity:.62}.panel-vision{left:18px;top:18px}.panel-vision canvas{display:block;width:224px;height:126px;image-rendering:pixelated;border-radius:3px;background:#000}.status{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:10px;letter-spacing:.1em;color:var(--warn)}.status i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;box-shadow:0 0 7px currentColor}.status.ok{color:var(--ok)}.panel-radar{left:18px;top:216px}.panel-radar canvas{display:block;width:180px;height:120px}.panel-signal{left:18px;top:380px;width:202px}.aspects{display:flex;align-items:center;gap:8px}.aspects i{width:13px;height:13px;border-radius:50%;background:#eef2f61a;border:1px solid var(--line);transition:background 80ms linear,box-shadow 80ms linear}#asp-green.on{background:#1fd07b;border-color:#1fd07b;box-shadow:0 0 10px #1fd07b}#asp-amber.on{background:#ffc21e;border-color:#ffc21e;box-shadow:0 0 10px #ffc21e}#asp-red.on{background:#ff4b3a;border-color:#ff4b3a;box-shadow:0 0 10px #ff4b3a}.aspects b{margin-left:auto;font-size:13px;font-weight:500}.panel-gauge{right:18px;top:18px;width:194px}.readout{display:flex;align-items:center;gap:6px;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid var(--line)}.readout b{font-size:36px;font-weight:500;line-height:1;letter-spacing:-.03em;margin-left:auto}.readout .unit{font-size:10px;color:var(--dim);margin-right:auto}.arrow{font-size:16px;line-height:1;color:#eef2f629;transition:color 60ms linear}.arrow.on{color:var(--signal);text-shadow:0 0 11px var(--signal)}.rows{display:grid;gap:5px;font-size:11px}.rows>div{display:flex;justify-content:space-between;align-items:center;gap:14px}.rows span{color:var(--dim);letter-spacing:.12em;font-size:9px}.rows b.cue{color:var(--signal)}.panel-keys{left:18px;bottom:18px;font-size:10px;color:var(--dim);line-height:2}kbd{display:inline-block;min-width:17px;text-align:center;padding:0 5px;margin-right:9px;border:1px solid var(--line);border-radius:3px;color:var(--ink)}.mark{position:absolute;right:20px;bottom:18px;font-size:10px;letter-spacing:.26em;color:var(--dim);opacity:.85}@media (max-width: 700px),(max-height: 500px){#hud{display:flex;flex-direction:column;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom,0px));gap:7px}.hud-row{display:flex;gap:7px;align-items:stretch}.panel{position:static;width:auto;flex:1 1 0;min-width:0;padding:7px 8px 8px}.panel-vision{flex-grow:1.05}.panel-vision canvas{width:100%;height:auto;aspect-ratio:240 / 135}.panel-radar canvas{width:100%;height:auto;aspect-ratio:180 / 120}.panel-label{font-size:8px;margin-bottom:5px}.panel-label em{display:none}.status{font-size:9px;margin-top:6px}.readout{padding-bottom:7px;margin-bottom:7px}.readout b{font-size:24px}.rows{font-size:9.5px;gap:4px}.panel-keys,.mark{display:none}.panel-touch{display:flex;align-items:flex-end;margin-top:auto;padding-top:4px}}.touch-toggles{display:flex;flex-direction:column;gap:8px}.tbtn{-webkit-tap-highlight-color:transparent;touch-action:none;pointer-events:auto;user-select:none;display:flex;align-items:center;justify-content:center;font:inherit;font-size:11px;letter-spacing:.08em;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(10px)}.tbtn:active{background:#6ee08a47;border-color:var(--signal)}.touch-toggles .tbtn{padding:9px 12px}