:root{--phosphor: #7dffa8;--phosphor-dim: #3f9c60;--phosphor-faint: #1c4a2d;--amber: #ffb347;--cyan: #57e6ff;--danger: #ff5a47;--panel-bg: rgba(2, 14, 6, .72);--glow: 0 0 6px rgba(125, 255, 168, .55)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#010502;color:var(--phosphor);font-family:IBM Plex Mono,Cascadia Mono,Consolas,monospace;font-size:13px;text-transform:uppercase;letter-spacing:.06em}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-bottom:1px solid var(--phosphor-faint);background:linear-gradient(#020e06d9,#020e0600);text-shadow:var(--glow)}.brand{letter-spacing:.25em}.clock,.warp{font-size:15px}.clock span,.warp span{color:var(--cyan)}#warp-box.warping span{color:var(--amber)}.panel{position:absolute;top:56px;display:flex;flex-direction:column;gap:12px;width:250px}#left-panel{left:14px}#right-panel{right:14px}.module{border:1px solid var(--phosphor-faint);background:var(--panel-bg);padding:14px 12px 10px;position:relative;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.module:before,.module:after{content:"";position:absolute;width:7px;height:7px;border-color:var(--phosphor-dim);border-style:solid}.module:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.module:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.module-title{position:absolute;top:-8px;left:10px;background:#020e06;padding:0 6px;font-size:10px;letter-spacing:.2em;color:var(--phosphor-dim)}.row{display:flex;justify-content:space-between;gap:8px;margin:4px 0;font-size:12px}.row span{color:var(--phosphor-dim)}.row b{font-weight:400;color:var(--phosphor);text-shadow:var(--glow)}.row b.on{color:var(--cyan)}.row b.off{color:var(--phosphor-dim);text-shadow:none}.row b.hot{color:var(--amber)}.row b.bad{color:var(--danger)}.bar-row{display:flex;align-items:center;gap:8px;margin:7px 0 3px;font-size:11px}.bar-row span{color:var(--phosphor-dim);width:32px}.bar-row b{width:40px;text-align:right;font-weight:400}.bar{flex:1;height:8px;border:1px solid var(--phosphor-faint);background:#00000080}.bar div{height:100%;background:var(--phosphor-dim);box-shadow:var(--glow)}#throttle-bar{background:var(--amber);width:100%}#fuel-bar{width:100%}#mission-list{margin:4px 0 2px;padding-left:20px;font-size:11px}#mission-list li{margin:5px 0;color:var(--phosphor-dim)}#mission-list li.active{color:var(--phosphor);text-shadow:var(--glow)}#mission-list li.done{color:var(--phosphor-faint);text-decoration:line-through}#mission-list li.done:after{content:" ✓";color:var(--phosphor-dim);text-decoration:none}#notify{position:absolute;bottom:46px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.toast{border:1px solid var(--phosphor-dim);background:var(--panel-bg);padding:6px 18px;letter-spacing:.2em;text-shadow:var(--glow);animation:toast-in .15s steps(3) both}.toast.warn{color:var(--amber);border-color:var(--amber)}.toast.bad{color:var(--danger);border-color:var(--danger)}.toast.fade{opacity:0;transition:opacity .6s}@keyframes toast-in{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}#help{position:absolute;bottom:14px;left:14px;width:340px;transition:opacity .2s}#help.hidden{opacity:0}.help-grid{display:grid;grid-template-columns:110px 1fr;gap:3px 12px;font-size:11px}.help-grid span:nth-child(odd){color:var(--cyan)}.help-grid span:nth-child(2n){color:var(--phosphor-dim);text-transform:none}.panel{pointer-events:none}.panel button{pointer-events:auto}.module button{background:#00000073;border:1px solid var(--phosphor-faint);color:var(--phosphor);font:inherit;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 4px;cursor:pointer}.module button:hover{border-color:var(--phosphor-dim);background:#143c2380;text-shadow:var(--glow)}.module button:active{background:#286e4180}.module button.go-btn{border-color:var(--phosphor-dim);color:var(--cyan)}.module button.warn-btn{border-color:#6e4a1e;color:var(--amber)}.module button.active-hold{border-color:var(--cyan);color:var(--cyan);text-shadow:var(--glow)}.btn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:7px 0 2px}#ops-burns{grid-template-columns:repeat(5,1fr)}#ops-checkpoints{grid-template-columns:repeat(2,1fr)}#ops-vehicle{grid-template-columns:repeat(4,1fr)}.node-row{display:flex;align-items:center;gap:4px;margin:5px 0;font-size:11px}.node-row>span{color:var(--phosphor-dim);width:30px;flex:none}.node-row>b{min-width:42px;text-align:center;font-weight:400;color:var(--amber)}.node-row button{flex:1}#navball{position:fixed;right:280px;bottom:16px;z-index:15;pointer-events:none}#scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#0000001f 3px);mix-blend-mode:multiply}