:root{--void: #0b0f19;--text: #dce3f0;--dim: #8a94ad;--amber: #f59e0b;--cyan: #06b6d4;--crimson: #ef4444;--ok: #34d399;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#05070e;color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:fixed;inset:0;pointer-events:none;font-size:clamp(.62rem,1.1vw,.8rem);letter-spacing:.09em;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.panel{padding:.65em .9em;border-radius:13px;background:linear-gradient(158deg,#bed6ff1a,#a0bef00d 38%,#0b0f196b);box-shadow:inset 0 1px #d6e8ff33,0 14px 36px -22px #000000e6}.tl,.tr,.bl,.bc,.link,.hint{position:absolute}.tl{top:3%;left:2%}.tr{top:3%;right:2%;text-align:right}.bl{bottom:3%;left:2%}.bc{bottom:3%;left:50%;transform:translate(-50%);display:flex;gap:1.1em;white-space:nowrap;align-items:center}.vitals{position:absolute;top:21%;left:2%;display:grid;gap:.45em}.coord{color:var(--amber);font-weight:700}.sys{color:var(--dim);font-size:.85em}.cur{color:var(--amber)}.cur.ae{color:var(--cyan)}.lbl{color:var(--dim);font-size:.9em}.key{color:var(--amber);font-weight:700}.muted{color:var(--dim);opacity:.55}.ready{color:var(--ok)}.row{display:grid;grid-template-columns:5.4em 1fr;align-items:center;gap:.6em}.bar{height:.55em;width:clamp(90px,13vw,150px);background:#a0bef021;border-radius:99px;overflow:hidden;position:relative}.bar>i{position:absolute;inset:0 auto 0 0;display:block;border-radius:99px;transition:width .12s linear}.bar.hull>i{background:linear-gradient(90deg,#b45309,var(--amber))}.bar.shield>i{background:linear-gradient(90deg,#0e7490,#22d3ee)}.bar.fuel>i{background:linear-gradient(90deg,#4b5872,var(--dim))}.hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;text-transform:uppercase;letter-spacing:.2em;color:var(--dim);padding:1.1em 1.6em;border-radius:16px;transition:opacity .3s;background:radial-gradient(120% 140% at 50% 40%,#0b0f19eb 55%,#0b0f1900)}.hint b{color:var(--amber);display:block;margin-bottom:.5em}.hint.gone{opacity:0}.link{position:absolute;top:3%;left:50%;transform:translate(-50%);color:var(--dim)}.link .ok{color:var(--ok)}.link .bad{color:var(--crimson)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}