: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.hostile 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:92px;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{background:var(--accent);border-color:transparent;font-weight:700;cursor:pointer}#modes{display:flex;gap:6px;margin-bottom:14px}#join #modes button{background:none;border-color:var(--line);font-weight:600;color:var(--dim)}#join #modes button.on{background:#ffffff1f;color:var(--ink)}#fields{display:grid;gap:10px;max-width:340px}#fields label{display:grid;gap:4px;font-size:13px}#fields label[hidden]{display:none}#keys h2{margin:0 0 6px;font-size:18px}#keys p{margin:0;max-width:46ch;color:var(--dim)}#key-list{font:600 16px/1.7 ui-monospace,Menlo,monospace;letter-spacing:.06em;-webkit-user-select:all;user-select:all}#logout{position:fixed;top:10px;right:10px;font:inherit;font-size:12px;padding:4px 10px;border-radius:6px;border:1px solid var(--line);background:#0e141a99;color:var(--dim);cursor:pointer}#logout:hover{color:var(--ink)}#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}#join-error{color:#ff9c92;min-height:1.2em;margin:6px 0 0;font-size:13px}#join-error:empty{display:none}#h-pack,#h-own{color:var(--dim)}#h-contract{position:absolute;top:52px;left:16px;padding:5px 12px;border-radius:8px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ok);font-size:12px;letter-spacing:.04em;display:none}#h-contract.on{display:block}#h-task{position:absolute;left:50%;bottom:96px;translate:-50% 0;display:none;align-items:center;gap:12px;padding:8px 16px;border-radius:10px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}#h-task.on{display:flex}#h-task .bar{flex:0 0 140px}#h-task em{font-style:normal;font-size:11px;color:var(--dim)}#h-menu{position:absolute;left:50%;top:50%;translate:-50% -50%;min-width:420px;padding:8px 18px 12px;border-radius:12px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none}#h-menu.on{display:block}#h-menu .row{padding:5px 0}#h-menu .row span{color:var(--dim);white-space:nowrap}#h-menu .row.sel span{color:var(--ink)}#h-way{position:absolute;left:0;top:0;display:none}#h-way.on{display:block}#h-way i{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border:2px solid var(--ok);rotate:45deg}#h-way span{position:absolute;left:20px;top:-9px;padding:1px 7px;border-radius:4px;background:var(--glass);color:var(--ok);white-space:nowrap;font-size:11px}.seat b{white-space:nowrap}#h-comms{position:absolute;left:16px;bottom:16px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-size:11.5px}#h-mic{padding:5px 10px;border-radius:8px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--dim);border:1px solid transparent;white-space:nowrap}#h-mic.live{color:var(--ink);border-color:var(--ok)}#h-voices div{padding:3px 10px;border-radius:8px;background:var(--glass);color:var(--ok);margin-top:4px;white-space:nowrap}#h-hail{position:absolute;top:92px;left:50%;translate:-50% 0;padding:6px 14px;border-radius:8px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#a5e0ff;white-space:nowrap;display:none}#h-hail.on{display:block}#h-pings>div{position:absolute;left:0;top:0}#h-pings i{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border:2px solid var(--warn);border-radius:50%}#h-pings span{position:absolute;left:16px;top:-9px;padding:1px 7px;border-radius:4px;background:var(--glass);color:var(--warn);white-space:nowrap;font-size:11px}#h-boss{position:absolute;top:58px;left:50%;translate:-50% 0;display:none;align-items:center;gap:12px;padding:6px 14px;border-radius:8px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700;letter-spacing:.1em;color:#ff9c92}#h-boss.on{display:flex}#h-boss .bar{flex:0 0 260px;height:8px}#h-pvp{color:var(--bad);font-weight:700;letter-spacing:.06em}#h-pvp:empty{display:none}#env{position:fixed;top:0;left:50%;translate:-50% 0;z-index:30;padding:1px 12px 2px;border-radius:0 0 8px 8px;background:var(--warn);color:#1a1408;font-size:10px;font-weight:800;letter-spacing:.2em;pointer-events:none}#env:empty{display:none}