:root{--ink: #f4f7f8;--dim: rgb(244 247 248 / .6);--glass: rgb(14 20 26 / .62);--line: rgb(255 255 255 / .16);--accent: #ff5a4d;--ok: #6effc8;--warn: #ffc857;--bad: #ff5a4d;font:13px/1.35 ui-sans-serif,system-ui,Helvetica Neue,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#c5e6f4}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}kbd{display:inline-block;min-width:1.7em;padding:.1em .45em;margin:0 .15em;border:1px solid var(--line);border-radius:5px;background:#ffffff1f;font:600 .92em ui-monospace,Menlo,monospace;text-align:center}h3{margin:.6em 0 .35em;font-size:10px;letter-spacing:.16em;color:var(--dim);font-weight:600}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 0}.row b{font-weight:500;white-space:nowrap}.row.dim,.dim b{color:var(--dim)}.ok,.row.ok b{color:var(--ok)}.warn,.row.warn b{color:var(--warn)}.bar{flex:0 0 84px;height:6px;border-radius:3px;background:#ffffff24;overflow:hidden}.bar b{display:block;height:100%;background:var(--ok)}.bar.warn b{background:var(--warn)}.bar.bad b{background:var(--bad)}#h-top{position:absolute;top:14px;left:16px;display:flex;gap:14px;padding:6px 12px;border-radius:8px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#h-credits{font-weight:700;color:var(--warn)}#h-online{color:var(--dim)}#h-prompt,#h-flash{position:absolute;left:50%;translate:-50% 0;padding:8px 16px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .15s;white-space:nowrap}#h-prompt{bottom:96px;font-size:14px}#h-flash{top:18%;font-weight:700;letter-spacing:.08em;color:var(--warn)}#h-prompt.on,#h-flash.on{opacity:1}#h-seats{position:absolute;bottom:16px;left:50%;translate:-50% 0;display:flex;gap:8px}.seat{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;min-width:128px;padding:6px 10px;border-radius:8px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid transparent}.seat kbd{grid-row:span 2}.seat b{font-size:12px}.seat span{font-size:11px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat.taken{opacity:.6}.seat.me{border-color:var(--accent)}.seat.me span{color:var(--ink)}#h-mark{position:absolute;left:0;top:0;display:none}#h-mark.on{display:block}#h-mark i{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border:2px solid #ff5fa2;rotate:45deg}#h-mark span{position:absolute;left:24px;top:-9px;padding:1px 7px;border-radius:4px;background:var(--glass);color:#ffb3d2;white-space:nowrap;font-size:11px}.view{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.view.on{display:block}.help{position:absolute;bottom:74px;left:50%;translate:-50% 0;padding:5px 12px;border-radius:8px;background:var(--glass);color:var(--dim);font-size:11.5px;white-space:nowrap}.readout{position:absolute;left:24px;bottom:120px;min-width:250px;padding:10px 14px;border-radius:10px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tape{position:absolute;top:18px;left:50%;translate:-50% 0;padding:6px 18px;border-radius:8px;background:var(--glass);font:600 16px ui-monospace,Menlo,monospace;letter-spacing:.08em}.gauges{position:absolute;left:24px;bottom:120px;display:grid;grid-template-columns:repeat(5,auto);gap:6px}.gauges div{min-width:68px;padding:8px 10px;border-radius:10px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.gauges b{display:block;font:600 20px ui-monospace,Menlo,monospace}.gauges span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.throttle{position:absolute;right:28px;bottom:120px;width:26px;height:180px;border-radius:8px;background:var(--glass);border:1px solid var(--line);display:flex;align-items:flex-end}.throttle i{display:block;width:100%;border-radius:6px;background:var(--ok)}.throttle i.rev{background:var(--warn)}.throttle span{position:absolute;top:-20px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.12em;color:var(--dim)}.panel{position:absolute;top:60px;width:262px;padding:8px 16px 14px;border-radius:12px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel.left{left:20px}.panel.right{right:20px}.panel canvas{display:block;border-radius:8px}.row.sel{background:#ffffff1f;margin:0 -6px;padding:2px 6px;border-radius:4px}.row.drone b{color:#ff9c92}.row.ship b{color:#a5e0ff}.ball{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 0,transparent min(44vh,44vw),rgb(8 10 14 / .88) calc(min(44vh,44vw) + 3px),rgb(8 10 14 / .96) 100%)}.reticle{position:absolute;left:50%;top:50%;width:120px;height:120px;translate:-50% -50%;border:1.5px solid rgb(255 255 255 / .55);border-radius:50%}.reticle i{position:absolute;background:#ffffff8c}.reticle i:nth-child(1){left:50%;top:-18px;bottom:-18px;width:1.5px;translate:-50% 0;mask:linear-gradient(#000 0 32%,transparent 32% 68%,#000 68%)}.reticle i:nth-child(2){top:50%;left:-18px;right:-18px;height:1.5px;translate:0 -50%;mask:linear-gradient(90deg,#000 0 32%,transparent 32% 68%,#000 68%)}.reticle b{position:absolute;left:50%;top:50%;width:5px;height:5px;translate:-50% -50%;border-radius:50%;background:var(--accent)}.reticle.small{width:54px;height:54px;border-radius:4px;border-color:#6effc8b3}.feed{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 10px #080a0ebf,inset 0 0 160px #0000008c;background:repeating-linear-gradient(0deg,rgb(0 0 0 / .07) 0 1px,transparent 1px 3px)}.camname{position:absolute;top:60px;left:30px;font:600 13px ui-monospace,Menlo,monospace;letter-spacing:.1em;color:#ff8c84}.repair{position:absolute;left:50%;top:62%;translate:-50% 0;padding:10px 20px 16px;border-radius:12px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;display:none}.repair.on{display:block}.seq{display:flex;gap:8px;justify-content:center}.seq kbd{font-size:22px;min-width:2em;padding:.25em 0;opacity:.55}.seq kbd.cur{opacity:1;border-color:var(--warn);background:#ffc85740;scale:1.12}.seq kbd.done{opacity:1;border-color:var(--ok);color:var(--ok)}#start{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0c12188c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:auto}#start.off{display:none}#join{max-width:780px;margin:16px;padding:26px 32px;border-radius:16px;background:#0e141ae0}#join h1{margin:0;font-size:34px;letter-spacing:.3em}.tag{margin:2px 0 18px;color:var(--dim)}#join label{color:var(--dim)}#join input,#join button{font:inherit;font-size:15px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#ffffff14;color:var(--ink)}#join button{margin-left:8px;background:var(--accent);border-color:transparent;font-weight:700;cursor:pointer}#join table{margin-top:20px;border-collapse:collapse;font-size:12px}#join th{text-align:left;color:var(--dim);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:10px}#join td,#join th{padding:5px 14px 5px 0;border-bottom:1px solid var(--line);vertical-align:top}#join td:first-child{white-space:nowrap;font-weight:600}