:root{--ink:#f0f7fa;--muted:#8298a9;--line:rgba(149,189,201,.14);--aqua:#47d9d0;--bg:rgba(5,18,28,.88);--blue:#6eaedf;--gold:#dcae75;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);color-scheme:dark}*{box-sizing:border-box}html,body,.app{height:100%;margin:0;overflow:hidden}body{background:#071722}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}#viewport{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 50% 60% at 52% 45%,transparent 40%,rgba(0,10,17,.3) 100%)}.topbar{position:absolute;left:0;top:0;right:0;height:84px;display:flex;align-items:center;padding:0 30px;gap:24px;background:linear-gradient(180deg,rgba(4,13,22,.98),rgba(4,13,22,.87));border-bottom:1px solid var(--line);z-index:3}.brandmark{display:flex;align-items:center;gap:13px;min-width:330px}.logo{height:42px;width:42px;border-radius:10px;background:#0d303b;border:1px solid #2a8b8f;display:flex;align-items:center;justify-content:center;color:#64e5df;font-size:32px;line-height:1}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:#78aeb5}.brandmark h1{font-size:20px;line-height:1;margin:5px 0 0;letter-spacing:2.8px}.brandmark h1 span{font-size:17px;color:#7b969c;font-weight:400}.center-status{margin:auto;display:flex;align-items:center;gap:12px;color:#afc9d1;font-size:10px;letter-spacing:1.8px;font-weight:700;white-space:nowrap}.status-light{display:inline-block;flex:none;width:7px;height:7px;border-radius:100%;background:#36ddb0;box-shadow:0 0 10px #36ddb0}.status-light.blue{background:#4ab8ef;box-shadow:0 0 10px #4ab8ef}.dotsep{color:#456271}.top-actions{display:flex;gap:10px}.icon-btn{background:rgba(60,93,106,.17);border:1px solid var(--line);color:#d1e6e9;border-radius:6px;width:35px;height:35px}.btn{padding:11px 15px;border-radius:5px;border:1px solid #408b94;background:transparent;color:#b6e7ea;font-size:10px;letter-spacing:1.1px;font-weight:800;white-space:nowrap}.btn-primary{background:#157c88;border-color:#229fa8;color:#eaffff}.btn-primary:hover{background:#1b949a}.btn-outline{border-color:var(--line);background:rgba(255,255,255,.03);color:#a9bbc4}.panel{position:absolute;top:99px;bottom:55px;z-index:2;background:var(--bg);border:1px solid var(--line);backdrop-filter:blur(17px);box-shadow:0 16px 55px rgba(0,0,0,.25);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#245363 transparent}.left-rail{left:18px;width:254px;border-radius:8px;padding:23px 17px 15px}.panel-label{font-size:10px;color:#9ab5be;letter-spacing:1.2px;font-weight:800;margin:1px 1px 15px;display:flex;justify-content:space-between}.small-square{color:#50717d;font-size:9px}.stage-list{display:grid;gap:5px}.stage-item{width:100%;display:flex;text-align:left;align-items:center;gap:11px;padding:10px 10px;border-radius:5px;border:1px solid transparent;background:none;color:#9fb2be;transition:background .15s}.stage-item:hover{background:#12303d}.stage-item.active{border-color:#255666;background:linear-gradient(90deg,#154756,#112734);color:#ecffff}.stage-icon{width:28px;height:28px;border:1px solid #2b4b58;border-radius:5px;display:grid;place-items:center;color:var(--aqua);font-size:13px}.stage-name{font-size:11px;font-weight:800;letter-spacing:.4px}.stage-desc{font-size:9px;color:#73929f;margin-top:2px}.panel-rule{height:1px;background:var(--line);margin:20px 0}.toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b3c7d0;margin:15px 1px}.switch{position:relative;display:inline-block;width:32px;height:17px}.switch input{opacity:0;width:0;height:0}.track{position:absolute;inset:0;border-radius:20px;background:#31414a;transition:.2s}.track:before{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#9caeb5;transition:.2s}input:checked+.track{background:#197c83}input:checked+.track:before{transform:translateX(15px);background:#65eee2}.zone-readout{background:#0b2732;border-left:2px solid #48c7cc;padding:15px 13px}.zone-readout strong{display:block;font-size:12px;letter-spacing:1px;margin:9px 0 7px}.zone-readout p{font-size:11px;line-height:1.6;color:#95b2be;margin:0 0 12px}.selection-id{font-size:9px;color:#59b3b7;letter-spacing:.5px}.left-footer{font-size:9px;letter-spacing:1px;color:#7da0ac;margin-top:19px;display:flex;align-items:center;gap:8px}.right-rail{right:18px;width:348px;border-radius:8px;display:flex;flex-direction:column}.right-head{display:flex;align-items:center;justify-content:space-between;padding:24px 19px 17px}.right-head h2{font-size:17px;font-weight:600;margin:6px 0 0}.live-pill{font-size:9px;font-weight:800;background:#103f35;color:#43d2a9;border:1px solid #236f59;border-radius:3px;letter-spacing:1px;padding:7px 9px}.metrics{padding:0 18px}.metric{background:#0d2936;border:1px solid #1d4051;padding:13px;border-radius:5px}.metric.hero{background:linear-gradient(120deg,#10394a,#10303b);padding:15px;margin-bottom:9px}.metric-title{font-size:9px;letter-spacing:1.1px;font-weight:800;color:#87a7b8;display:flex;justify-content:space-between}.metric-title span{letter-spacing:0;color:#67909c}.number-row{display:flex;align-items:flex-end;gap:10px;margin:8px 0}.number-row strong{font-size:31px;letter-spacing:-1px;line-height:1.2;font-weight:650}.metric-trend{color:#61e7c6;font-size:10px;padding-bottom:5px}.mini-track{height:3px;background:#28515b;border-radius:3px;overflow:hidden}.mini-track i{height:100%;width:43%;background:#40dfcb;display:block}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric-grid .metric{min-height:85px}.metric-grid strong{display:block;font-size:20px;font-weight:650;margin-top:10px;color:#e0f8fa}.metric small{display:block;font-size:9px;color:#7095a3;margin-top:2px}.chart-wrap{padding:22px 19px 6px}.section-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;font-weight:850;color:#acc4ce}.chart-legend{font-size:9px;color:#6e9a9f}.chart-legend b{background:#57e2d8;display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}#trendCanvas{display:block;width:100%;height:117px;margin:10px 0 0;background:#0a222e;border:1px solid #1e3744;border-radius:4px}.chart-foot{display:flex;justify-content:space-between;font-size:9px;color:#5e8a99;margin:6px 0}.controls{padding:10px 19px 15px}.tiny-link{font-size:9px;letter-spacing:.4px;color:#5fd7d3;background:none;border:0}.control-row{margin:16px 0}.control-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2px;color:#a6bfca}.control-head output{font-weight:800;color:#d7f7f6}.control-row input{width:100%;accent-color:#45cdd1;height:3px;margin-top:13px}.control-scale{display:flex;justify-content:space-between;color:#4e7785;font-size:9px;margin-top:5px}.actions{display:flex;gap:8px;margin-top:18px}.actions .wide{flex:1}.alarm-box{font-size:10px;padding:12px;margin-top:12px;color:#f6d4ae;background:#422f20;border-left:3px solid #e4a96b;line-height:1.6}.rail-footer{margin:0 19px 20px;color:#547987;font-size:9px;line-height:1.6;border-top:1px solid var(--line);padding-top:12px}.world-captions{position:absolute;inset:100px 370px 65px 285px;pointer-events:none}.floating-tag{position:absolute;left:6%;top:12%;font-size:10px;color:#b5eaf1;letter-spacing:1px;text-shadow:0 2px 12px #001827}.floating-tag strong{font-size:9px;font-weight:700;color:#75afb7;margin-left:8px}.tag-line{height:26px;width:1px;background:#55c2c6;margin:0 0 6px 11px}.compass{position:absolute;bottom:35px;right:40px;display:flex;align-items:center;flex-direction:column;color:#94bcc7;font-size:10px}.compass b{font-size:32px;line-height:1.2;color:#91e3e0}.compass i{font-style:normal;color:white}.bottom-hud{position:absolute;bottom:0;left:0;right:0;height:45px;background:#06131d;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:9px;letter-spacing:.6px;color:#91b3be;z-index:3;gap:14px}.hud-left,.hud-center,.hud-right{display:flex;align-items:center;gap:9px}.hud-center{color:#648692}.hud-right{white-space:nowrap}.muted{color:#3b6071}.bottom-hud kbd{font-family:inherit;border:1px solid #284251;padding:3px 5px;border-radius:3px;color:#c8dce3;font-size:9px}.ghost{background:none;border:0;color:#79c4cb;font-size:9px;font-weight:800}.label-overlay{position:absolute;pointer-events:none;top:49%;left:46%;background:#092734;border:1px solid #258d9a;padding:9px 12px;font-size:11px;color:#e8ffff;box-shadow:0 5px 25px #001}.overlay{z-index:12;position:absolute;inset:0;display:grid;place-items:center;background:rgba(3,12,20,.76);backdrop-filter:blur(9px)}[hidden]{display:none!important}.dialog{max-width:520px;background:#0b2735;border:1px solid #2a6778;padding:30px;box-shadow:0 20px 90px #0006;border-radius:10px}.dialog h2{font-size:25px;font-weight:600}.dialog p{font-size:13px;line-height:1.7;color:#aac4d1}.dialog .btn{margin-top:9px}@media(max-width:1150px){.center-status{display:none}.left-rail{width:215px}.right-rail{width:300px}.world-captions{inset:100px 315px 65px 245px}.bottom-hud .hud-center{display:none}}@media(max-width:750px){.topbar{height:65px;padding:0 12px}.brandmark{min-width:0}.brandmark h1{font-size:13px}.brandmark h1 span{font-size:12px}.brandmark .eyebrow{font-size:7px}.logo{width:32px;height:32px}.top-actions .btn{display:none}.left-rail{top:78px;left:8px;width:170px;bottom:63px;padding:14px 9px}.right-rail{top:auto;right:8px;bottom:63px;height:45%;width:calc(100vw - 200px);min-width:190px}.stage-item{padding:7px 4px}.stage-icon{display:none}.stage-name{font-size:9px}.stage-desc{font-size:8px}.panel-label{font-size:8px}.panel-rule{margin:13px 0}.toggle-row{font-size:9px}.right-head{padding:12px}.metrics{padding:0 9px}.metric.hero{padding:9px}.metric-grid{display:none}.number-row strong{font-size:23px}.chart-wrap{display:none}.controls{padding:9px}.control-row{margin:10px 0}.world-captions{display:none}.bottom-hud{height:52px;padding:0 9px;font-size:8px}.hud-right{display:none}}