:root{color-scheme:dark;--ink:#e4f0f3;--muted:#739098;--accent:#73efe4;--amber:#edbf7d;--stroke:rgba(143,192,195,.18);--panel:rgba(5,15,27,.84);--danger:#ff7869}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#020712;color:var(--ink);font-family:'Segoe UI',Inter,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#viewport,#stage{position:absolute;inset:0;width:100%;height:100%;display:block}#stage{touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 49%,transparent 25%,rgba(1,5,13,.55) 100%)}.noise{position:absolute;inset:0;pointer-events:none;opacity:.075;background-image:url('./assets/textures/noise.png');background-size:256px}.topbar{position:absolute;z-index:30;left:0;right:0;top:0;height:88px;padding:19px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(180deg,rgba(1,7,15,.94),rgba(1,7,15,.55) 80%,transparent);border-bottom:1px solid rgba(109,170,183,.11)}.brand{display:flex;align-items:center;gap:16px}.brand-icon{border:1px solid var(--accent);width:43px;height:43px;display:grid;place-items:center;color:var(--accent);font-size:22px;letter-spacing:-4px;font-weight:900;transform:skewX(-8deg)}.brand-icon span{font-size:17px}.eyebrow,.section-heading{font-family:Consolas,'Courier New',monospace;letter-spacing:1.9px;font-size:10px;font-weight:700;color:#779aa2}.brand h1{font-size:16px;letter-spacing:3px;margin:5px 0 0;font-weight:700}.brand h1 span{color:var(--accent);font-weight:300}.top-right{display:flex;gap:10px;align-items:center}.mission{font:600 10px Consolas,monospace;letter-spacing:1.3px;color:#9fbcc4;margin-right:15px}.mission .sep{color:#455c69;margin:0 9px}.status-dot,.live-tag b{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--accent);box-shadow:0 0 12px var(--accent);margin-right:9px;animation:pulse 2.8s infinite}.iconbtn{background:rgba(17,34,49,.6);color:#c9d8da;border:1px solid var(--stroke);border-radius:3px;padding:11px 12px;letter-spacing:1.3px;font:600 10px Consolas,monospace}.iconbtn:hover,.preset:hover,.modebtn:hover,.actionbtn:hover{border-color:var(--accent);color:#fff}kbd{font:10px Consolas,monospace;padding:2px 4px;border:1px solid rgba(150,180,189,.28);color:#77969c;margin-left:6px}.sidebar,.systems{position:absolute;z-index:20;top:104px;bottom:91px;background:var(--panel);border:1px solid var(--stroke);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:auto;scrollbar-color:#21414d transparent;scrollbar-width:thin}.sidebar{left:24px;width:310px;padding:25px 24px}.systems{right:24px;width:314px}.section-heading span{color:var(--accent)}.big-name{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:29px;line-height:1.05;letter-spacing:-.9px;margin:19px 0 12px;color:#f4f5f1}.big-name em{font-style:normal;color:var(--accent)}.description{font-size:12px;line-height:1.7;color:#89a7ad;max-width:265px}.statrow{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.statrow>div{border-left:2px solid #244554;padding-left:12px}.statrow span,.telemetry span{display:block;color:#60848d;font:10px Consolas,monospace;letter-spacing:.7px}.statrow strong{font-size:23px;font-weight:500;display:block;margin-top:7px}.statrow small{font-size:10px;color:var(--accent);letter-spacing:1px}.rule{height:1px;background:linear-gradient(90deg,var(--stroke),transparent);margin:22px 0}.cameras{display:grid;gap:2px;margin-top:14px}.preset{appearance:none;border:1px solid transparent;background:transparent;display:flex;align-items:center;text-align:left;padding:11px 8px;color:#96b0b7;font:11px Consolas,monospace;letter-spacing:.45px;transition:.15s}.preset.active{background:rgba(81,218,212,.085);border-color:rgba(115,239,228,.22);color:var(--accent)}.preset-num{color:#4f7983;font-size:10px;margin-right:13px}.arrow{margin-left:auto;color:#42646c}.preset.active .arrow{color:var(--accent)}.toggle{display:flex;justify-content:space-between;align-items:center;margin-top:17px;color:#96acb4;gap:8px;font:10px Consolas,monospace;letter-spacing:.2px;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle i{height:15px;width:29px;border-radius:20px;border:1px solid #4a6470;background:#0b1927;position:relative;flex-shrink:0;transition:.2s}.toggle i:before{content:"";display:block;position:absolute;width:9px;height:9px;border-radius:100%;background:#48616c;top:2px;left:2px;transition:.2s}.toggle input:checked+i{border-color:var(--accent);background:#184942}.toggle input:checked+i:before{left:16px;background:var(--accent)}.sector-list{margin-top:12px;display:grid;gap:3px}.sector{border:0;background:transparent;color:#729099;display:flex;align-items:center;font:10px Consolas,monospace;letter-spacing:.2px;padding:5px 0;text-align:left}.sector .s-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:10px;opacity:.65}.sector:hover{color:var(--accent)}.systems-header{padding:23px 21px 17px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between}.systems-header h2{font-size:14px;letter-spacing:2.2px;font-weight:650;margin:9px 0 0}.live-tag{font:9px Consolas,monospace;letter-spacing:.5px;color:var(--accent);display:flex;align-items:center}.live-tag b{width:5px;height:5px;margin-right:6px}.systems-content{padding:24px 21px 18px}.control{margin-bottom:24px}.control-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.control-title label{font:10px Consolas,monospace;letter-spacing:.3px;color:#a6c0c2}.control-title output{font:12px Consolas,monospace;color:var(--accent)}.control input[type=range]{appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#2c8f8e,#79eeea);height:3px;width:100%;display:block;margin:17px 0 10px;cursor:pointer}.control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;transform:rotate(45deg);background:#e4fff7;border:3px solid #34636a;box-shadow:0 0 9px #62f5e9}.control input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#e4fff7;border:2px solid #34636a}.range-labels{display:flex;justify-content:space-between;color:#426770;font:9px Consolas,monospace;letter-spacing:.3px}.telemetry{border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);display:grid;grid-template-columns:1fr 1fr;gap:22px 10px;padding:21px 0;margin-top:4px}.telemetry strong{font:17px Consolas,monospace;color:#e5f0ee;display:block;margin-top:10px;letter-spacing:-.6px}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:21px}.actionbtn{min-height:39px;background:#0c2530;border:1px solid rgba(82,161,165,.35);color:#90d0d0;letter-spacing:.6px;font:10px Consolas,monospace;transition:.2s}.actionbtn.wide{grid-column:span 2}.actionbtn.danger{background:rgba(109,41,40,.12);border-color:rgba(235,100,90,.32);color:#ff9a88}.actionbtn.danger.active{background:rgba(200,64,51,.34);box-shadow:0 0 23px rgba(204,67,49,.2);color:#fff}.bottom-center{position:absolute;z-index:16;bottom:24px;left:50%;transform:translateX(-50%);min-width:450px;display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap}.crosshair{color:var(--accent);font-size:26px}.instruction{border:1px solid var(--stroke);background:rgba(3,14,25,.76);padding:12px 16px;display:flex;gap:13px;align-items:center;white-space:nowrap;font:10px Consolas,monospace;letter-spacing:.4px;color:#7e9aa2}.instruction>span:first-child{color:var(--accent)}.instruction .line{width:1px;height:13px;background:var(--stroke)}.mode-buttons{display:flex;gap:3px}.modebtn{border:1px solid var(--stroke);background:rgba(4,19,29,.82);color:#87a3aa;padding:11px 9px;font:10px Consolas,monospace}.modebtn.selected{border-color:rgba(102,239,223,.55);color:var(--accent);background:rgba(46,132,121,.23)}.bottom-left{position:absolute;z-index:12;bottom:24px;left:24px;display:flex;gap:16px;font:10px Consolas,monospace;color:#5b8590}.bottom-left b{color:#9dcbcb;font-weight:400}.hotspot{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);background:rgba(6,29,37,.45);color:var(--accent);border:1px solid rgba(111,238,226,.52);width:22px;height:22px;border-radius:50%;font:18px Arial,sans-serif;display:grid;place-items:center;line-height:0;transition:transform .15s,background .15s;box-shadow:0 0 20px rgba(57,201,195,.23);cursor:pointer}.hotspot:hover{transform:translate(-50%,-50%) scale(1.3);background:#227c7b}.hotspot:after{content:attr(data-label);position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font:9px Consolas,monospace;white-space:nowrap;letter-spacing:1px;color:#c4e6e5;background:rgba(3,16,22,.88);padding:5px 7px;border:1px solid #2a5c63;opacity:0;pointer-events:none}.hotspot:hover:after{opacity:1}.infocard{position:absolute;z-index:28;bottom:95px;left:350px;width:318px;background:rgba(3,16,27,.94);border:1px solid rgba(108,216,213,.37);padding:22px 23px;backdrop-filter:blur(14px);box-shadow:0 10px 50px #0007}.infocard h3{font:24px Georgia,serif;margin:14px 0 9px;color:#eaf8f3}.infocard p{font-size:12px;line-height:1.6;color:#8bacb4}.infocard dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.infocard dt{font:9px Consolas,monospace;color:#648893;letter-spacing:1px}.infocard dd{font:12px Consolas,monospace;color:var(--accent);margin:5px 0 0}.infocard>button#close-info{position:absolute;right:15px;top:12px;font-size:22px;background:none;border:0;color:#79949b}.focusbtn{background:#143b44;border:1px solid #397c7d;color:var(--accent);padding:11px 15px;width:100%;font:10px Consolas,monospace;letter-spacing:1px}.toast{position:absolute;z-index:50;left:50%;top:99px;transform:translateX(-50%);padding:12px 21px;border:1px solid rgba(103,232,217,.46);background:rgba(5,23,31,.95);font:11px Consolas,monospace;letter-spacing:1.1px;color:var(--accent);white-space:nowrap}.loading{position:absolute;z-index:90;inset:0;background:radial-gradient(ellipse at 50% 45%,#142b38,#020711 68%);display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-badge{width:85px;height:85px;display:grid;place-items:center;border:1px solid var(--accent);font:40px Georgia,serif;color:var(--accent);box-shadow:0 0 65px #1df8df24;transform:rotate(45deg);margin-bottom:42px}.loading-title{font:17px Consolas,monospace;letter-spacing:4px;color:#ecfefa}.loading-sub{margin:15px 0 25px;font:12px Consolas,monospace;color:#72919a}.loadbar{width:320px;height:2px;background:#17343d}.loadbar div{width:0;height:100%;background:var(--accent);box-shadow:0 0 15px var(--accent);animation:load 3s ease forwards}.loading-tip{margin-top:16px;font:10px Consolas,monospace;letter-spacing:2px;color:#4e7880}.fatal{position:absolute;z-index:99;left:50%;top:50%;transform:translate(-50%,-50%);width:min(540px,90vw);border:1px solid #e16f64;background:#121822;padding:30px;box-shadow:0 0 0 100vmax rgba(0,0,0,.8)}.fatal h2{color:#ff9288;font-size:18px}.fatal p{line-height:1.6;color:#afc2c9}.fatal code{color:var(--accent)}.hidden{display:none!important}.no-hud .topbar,.no-hud .sidebar,.no-hud .systems,.no-hud .bottom-center,.no-hud .bottom-left,.no-hud .infocard,.no-hud #hotspots{display:none!important}@keyframes pulse{50%{opacity:.35}}@keyframes load{to{width:100%}}@media(max-width:1280px){.sidebar{width:275px;left:12px;padding:18px}.systems{width:275px;right:12px}.infocard{left:300px}.topbar{padding:14px}}@media(max-width:1050px){.sidebar{width:260px;bottom:85px}.systems{width:260px;bottom:85px}.bottom-center{bottom:8px}.bottom-left{display:none}}@media(max-width:750px){.topbar{height:62px;padding:9px 12px}.brand h1{font-size:11px;letter-spacing:1px}.eyebrow{font-size:8px;letter-spacing:1px}.brand-icon{width:35px;height:35px}.mission{display:none}.sidebar{top:70px;left:8px;width:min(48vw,240px);bottom:78px;padding:12px;opacity:.91}.systems{top:70px;right:8px;width:min(48vw,240px);bottom:78px;opacity:.91}.big-name{font-size:21px}.statrow strong{font-size:17px}.description{font-size:11px}.systems-header{padding:14px 11px}.systems-header h2{font-size:10px;letter-spacing:1px}.systems-content{padding:15px 11px}.control{margin-bottom:16px}.control-title label{font-size:9px}.control-title output{font-size:9px}.telemetry{gap:15px 6px}.telemetry strong{font-size:13px}.control input[type=range]{margin-top:10px}.bottom-center{min-width:0;width:100%;bottom:6px;gap:6px}.instruction{padding:8px;font-size:8px}.modebtn{padding:8px 6px}.infocard{left:50%;bottom:90px;transform:translateX(-50%);max-width:90vw}.cameras .preset{font-size:9px;padding:8px 0}.preset-num{margin-right:7px}}@media(max-width:520px){.topbar .iconbtn{padding:7px}.sidebar{display:none}.systems{top:auto;bottom:64px;right:8px;left:8px;width:auto;max-height:35vh}.systems-header{padding:9px 12px}.systems-content{padding:9px 12px}.control{display:inline-block;width:47%;vertical-align:top;margin-right:2%}.control:nth-child(2n){margin-right:0}.telemetry{display:none}.btn-grid{margin:4px 0;grid-template-columns:repeat(4,1fr)}.actionbtn,.actionbtn.wide{grid-column:span 1;min-height:30px;font-size:8px}.bottom-center{bottom:4px}.instruction .line,.instruction span:last-child{display:none}.crosshair{display:none}.infocard{bottom:38vh}.loading-title{font-size:12px;letter-spacing:2px}}