:root{color-scheme:dark;--bg:#101510;--panel:#19271e;--ink:#edf0e7;--dim:#9ba594;--yellow:#ffd400;--line:#374839;--green:#bde088}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px system-ui,sans-serif}header{display:flex;align-items:center;gap:24px;max-width:1420px;margin:auto;padding:24px 32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:800;letter-spacing:1px;color:var(--yellow)}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1.4px}.mark{background:var(--yellow);color:#142016;border-radius:12px;padding:4px 13px;font-size:34px}.badge{margin-left:auto;color:var(--dim);font-size:11px;letter-spacing:1.5px}button,select{border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#213326;padding:9px 14px;cursor:pointer;font:inherit}button:hover{border-color:var(--yellow)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}main{max-width:1420px;padding:20px 32px;margin:auto}.intro{padding:14px 0 24px}.intro h1{font-size:34px;letter-spacing:-1px;margin:0 0 6px}.intro p{color:var(--dim);margin:0;line-height:1.7}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.station,.visual,.test-panel,.logs{background:#161f18;border:1px solid #304033;border-radius:18px;padding:22px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px;color:var(--dim);margin-bottom:22px}.section-head label{font-size:10px;letter-spacing:0}.housing{padding:18px 20px 15px;background:linear-gradient(130deg,#3b4239,#222a23);border:2px solid #626a5b;border-radius:20px;box-shadow:0 18px 35px #0007;margin:16px auto 26px;max-width:640px}.housing-label{color:#c5cab7;font-size:10px;letter-spacing:3px;margin-bottom:14px;font-weight:700}.housing-label small{float:right;font-size:6px;padding-top:3px;letter-spacing:1px}.housing-foot{font-size:6px;letter-spacing:1.8px;color:#929a83;margin-top:13px;display:flex;align-items:center;gap:12px}#pump-led{margin-left:auto;width:5px;height:5px;background:#4a513e;border-radius:50%}#viewport{position:relative;width:100%;aspect-ratio:4/3;background:#112519;border:5px solid #080d09;border-radius:7px;overflow:hidden}#display{position:absolute;top:0;left:0;width:320px;height:240px;transform-origin:0 0;background:#102419;font-family:Arial,sans-serif;overflow:hidden}#display button{position:absolute;padding:0;border-radius:6px;font:bold 11px Arial,sans-serif;background:#294133;border:1px solid #415639;color:#e7efde;line-height:1.05;white-space:nowrap;overflow:hidden;letter-spacing:0}#display .primary{background:#ffd400;color:#151515;border-color:#ffd400}#display .green{background:#bde088;color:#112419;border-color:#bde088}#display .danger{background:#713831;color:#ffe6d6;border-color:#a45640}#display .secondary{background:#304d36;border-color:#63804a}#display .locked{background:#212021;color:#929292}#display .text{position:absolute;white-space:pre;overflow:hidden;font-size:10px;line-height:1.16;color:#fff}#display .tiny{font:8px monospace}#display .heading{position:absolute;left:0;top:0;width:320px;height:32px;background:#193522;border-bottom:1px solid #426039;padding:8px 10px;font-size:14px;color:#e7efde}.heading:before{content:'';display:inline-block;height:12px;width:3px;background:#bde088;margin-right:9px;vertical-align:middle}#display .metric{position:absolute;background:#193522;border-radius:5px;padding:5px 7px}#display .metric small{display:block;font:8px Arial;color:#a5b490}#display .metric strong{display:block;font:21px Arial;color:#fff;margin-top:2px}#display .logo{position:absolute;top:0;left:0;width:320px;height:34px;background:#193522;border-bottom:1px solid #425539;color:#ffd400;padding:0 0 0 37px}#display .logo b{font:20px Arial;letter-spacing:2px}#display .logo small{display:block;font:8px Arial;letter-spacing:.8px}#display .logo i{position:absolute;left:7px;top:5px;border-radius:5px;background:#ffd400;color:#102419;font:bold 22px Arial;width:22px;height:23px;text-align:center}#display input{position:absolute;background:#193522;color:white;border:1px solid #bde088;font:14px Arial;padding:4px}#overlay{position:absolute;inset:0;width:100%;height:100%;background:#101c16;pointer-events:none}.telemetry{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid #354631;border-radius:10px;overflow:hidden}.telemetry div{padding:12px;border-right:1px solid #354631}.telemetry div:last-child{border:0}.telemetry small{display:block;color:var(--dim);font-size:10px;margin-bottom:5px}.telemetry strong{font-size:15px;white-space:nowrap}.timebar{display:flex;gap:8px;align-items:center;margin-top:18px}.timebar span{margin-right:auto;color:var(--dim);font-variant-numeric:tabular-nums}.visual{display:flex;flex-direction:column}#vessel{width:100%;height:auto;max-height:480px;object-fit:contain;margin:auto}.quantity{display:flex;justify-content:center;gap:14px;align-items:baseline;margin-top:8px}.quantity strong{font-size:32px;font-variant-numeric:tabular-nums}.quantity span{color:var(--dim);font-size:12px}#phase-caption{text-align:center;color:var(--yellow);min-height:22px}.target-legend{display:flex;gap:8px;align-items:center;justify-content:center;color:var(--dim);font-size:10px}.yellow-line{width:20px;height:0;border-top:2px dashed var(--yellow)}.fluid-dot,.air-dot{width:9px;height:9px;background:#eabd43;border-radius:50%;margin-left:9px}.air-dot{background:#c1e7f5}.test-panel,.logs{margin-top:20px}summary{cursor:pointer;color:#d4dccb}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:24px 0}.controls label{display:flex;flex-direction:column;gap:8px;color:var(--dim);font-size:12px}.controls output{color:var(--ink);font-size:12px}input[type=range]{accent-color:var(--yellow);width:100%}.danger{background:#6b2d25;border-color:#8b4a3c}.test-panel p,footer{color:var(--dim);font-size:11px;line-height:1.8}pre{max-height:240px;overflow:auto;color:#a5bd99;font:11px monospace;white-space:pre-wrap}footer{display:flex;justify-content:space-between;gap:12px;padding:24px 0}footer button{font-size:10px}dialog{max-width:650px;background:#18271c;color:var(--ink);border:1px solid #597247;border-radius:14px;padding:24px}dialog::backdrop{background:#000b}dialog p{line-height:1.8}dialog .close{float:right}#dialog-body{clear:both;padding-top:12px}#display.standby{background:#000!important}#display.standby button{inset:0;width:320px;height:240px;background:#000;color:#333;border:0}#display .boot-progress{position:absolute;left:20px;top:214px;height:3px;background:#ffd400}@media(max-width:960px){.workspace{grid-template-columns:1fr}.controls{grid-template-columns:repeat(2,1fr)}.visual{min-height:440px}}@media(max-width:520px){header{padding:16px;gap:8px}.brand{font-size:20px}.badge{display:none}header button{margin-left:auto;font-size:11px}main{padding:15px}.intro h1{font-size:28px}.station,.visual{padding:13px}.housing{padding:12px 9px}.section-head{letter-spacing:.4px;font-size:8px}.telemetry div{padding:8px}.telemetry strong{font-size:12px}.timebar button,.timebar select{font-size:11px}.controls{grid-template-columns:1fr 1fr}footer{display:block}#vessel{max-height:340px}}
#display button.primary:disabled{background:#212021;color:#929292;border-color:#333b32;opacity:1}#display button.primary:disabled:before{content:'▣ ';font-size:9px}
#station-stop{width:100%;margin:-10px 0 16px;padding:12px;font-weight:700}#station-stop[hidden]{display:none}
.native-view{position:absolute;inset:0;background:#102418;color:#e7efde}.native-heading{position:absolute;left:0;top:0;width:320px;height:32px;background:#183021;border-bottom:1px solid #425539;padding:7px 10px 7px 20px;font:14px/16px Arial,sans-serif;color:#e7efde}.native-heading i{position:absolute;left:8px;top:10px;width:3px;height:12px;border-radius:1px;background:#bde388}.native-panel{position:absolute;border-radius:5px;background:#183021}.native-text{position:absolute;white-space:pre;overflow:hidden;text-overflow:ellipsis}.native-view .f0{font:8px/8px monospace;letter-spacing:1.2px}.native-view .f0x2{font:16px/16px monospace;letter-spacing:2.4px}.native-view .f2{font:14px/16px Arial,sans-serif}.native-view .f4{font:26px/26px Arial,sans-serif}#display .native-view button{font:14px/16px Arial,sans-serif;border-radius:6px;font-weight:400;background:#294131;border-color:#425539;color:#e7efde}#display .native-view button.primary{background:#ffd400;color:#151515;border-color:#ffd400}#display .native-view button.green{background:#bde388;color:#102418;border-color:#bde388}#display .native-view button.secondary{background:#314d31;border-color:#63794a}#display .native-view button.danger{background:#733831;color:#ffe7d6;border-color:#9c5942}.native-pressure-bar{position:absolute;border:1px solid #425539}.native-pressure-bar i{display:block;height:8px;background:white}.native-greeting{position:absolute;top:70px;left:12px;width:296px;text-align:center;white-space:nowrap}.native-plane{position:absolute;left:0;top:0;width:320px;height:240px;pointer-events:none}