:root{color-scheme:dark;--bg:#06111c;--panel:rgba(6,18,30,.89);--panel2:rgba(7,23,37,.94);--text:#e0eff2;--mute:#7993a7;--aqua:#7ceaf0;--edge:rgba(89,188,206,.22);--amber:#e8b66e;font-family:Inter,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text)}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #71dfed;outline-offset:3px}#viewport{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#viewport:active{cursor:grabbing}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 72% 82% at 55% 50%,transparent 35%,rgba(0,3,11,.67) 100%)}#scanlines{position:absolute;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(19,160,190,.10) 4px)}#masthead{height:78px;position:absolute;left:0;top:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:5;border-bottom:1px solid var(--edge);background:linear-gradient(90deg,rgba(5,14,23,.99),rgba(6,18,30,.88),rgba(5,12,23,.81));padding:0 28px 0 25px;backdrop-filter:blur(14px)}.mark{display:flex;gap:15px;align-items:center;min-width:300px}.emblem,.loadMark{color:white;font-weight:900;letter-spacing:-6px;font-size:39px;line-height:1}.emblem span,.loadMark span{color:#68dbe3;font-size:25px;vertical-align:middle;letter-spacing:0;padding-left:4px}.micro,.kicker{font:700 9px/1.2 Consolas,monospace;letter-spacing:2px;color:#8adbe9}.muted{color:var(--mute)}.brand{font-size:18px;letter-spacing:2.8px;font-weight:250}.brand b{font-weight:800}.version{display:inline-block;margin-left:13px;border:1px solid rgba(110,196,210,.4);padding:5px;font-size:9px;letter-spacing:1px;color:var(--aqua);vertical-align:middle}.mission{display:flex;align-items:center;gap:12px;font:700 10px Consolas,monospace;letter-spacing:1.3px;color:#9bd6da}.beacon,.pulse{display:inline-block;width:7px;height:7px;background:#69e9c9;border-radius:50%;box-shadow:0 0 12px #4bdfc3;animation:blink 3s ease-in-out infinite}.divis{color:#3e5b69}.headBtns{display:flex;gap:10px}.headBtns button{color:#b2d1db;background:rgba(20,47,60,.46);border:1px solid var(--edge);font-size:10px;letter-spacing:1px;padding:10px 13px}.headBtns button:hover{color:white;border-color:#87dbeb}.headBtns button:last-child{font-size:20px;padding:5px 14px}#sidebar{position:absolute;left:0;top:78px;bottom:0;width:356px;z-index:4;overflow-y:auto;background:linear-gradient(180deg,rgba(6,18,30,.97),rgba(6,17,28,.93));border-right:1px solid var(--edge);backdrop-filter:blur(17px);scrollbar-width:thin;scrollbar-color:#2b576a transparent}#sidebar section{padding:23px 25px;border-bottom:1px solid rgba(104,164,182,.13)}#sidebar .panelIntro{padding-top:28px;padding-bottom:24px}h1{font-size:21px;letter-spacing:1.2px;line-height:1.21;margin:14px 0 15px;font-weight:780}h1 em{font-style:normal;color:var(--aqua)}.panelIntro .meta{display:flex;gap:11px;flex-wrap:wrap}.meta span{border-left:2px solid #50a4b4;padding-left:8px;font:600 9px Consolas,monospace;color:#abcfda;letter-spacing:.3px}.panelIntro p{font-size:11px;line-height:1.8;color:#9bafbe;margin:17px 0 8px}.disclaimer{font-size:9px;color:#506c7a}.sectionTitle{display:flex;gap:16px;align-items:center;font:700 10px Consolas,monospace;letter-spacing:1.2px;color:#81d3e1;margin-bottom:17px}.line{height:1px;background:var(--edge);flex:1}.viewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.view{background:#0b1b29;border:1px solid #254055;color:#6e98a8;text-align:left;font:600 10px Consolas,monospace;padding:10px 9px;min-height:48px;transition:.2s}.view strong{display:block;color:#b7d6de;margin-top:5px;letter-spacing:.5px}.view:hover,.view.active{border-color:#67cfdd;background:#103446;color:#8aedec}.view.active strong{color:white}.tip{margin-top:12px;font:9px Consolas,monospace;letter-spacing:.4px;color:#799baa}kbd{font:700 10px Consolas,monospace;color:#bce6ec;border:1px solid #365969;border-radius:2px;background:#122838;padding:1px 4px}.control{margin:0 0 18px}.controlName{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}.control label,.switchRow strong{font:700 10px Consolas,monospace;color:#a0bdc7;letter-spacing:.45px}.control output{color:var(--aqua);font:700 13px Consolas,monospace}input[type=range]{display:block;width:100%;height:4px;appearance:none;background:linear-gradient(90deg,#5fdce7,#285467);border-radius:6px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#b7fbff;border:2px solid #0e5468;border-radius:50%;box-shadow:0 0 10px #70dbe3}.switchRow{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #1a3442;padding:11px 0}.switchRow strong{display:block}.switchRow small{display:block;color:#607a88;font-size:10px;margin-top:4px}.switch input{position:absolute;opacity:0}.switch{position:relative;cursor:pointer;flex:none;width:35px;height:19px}.switch span{display:block;height:18px;border-radius:20px;background:#213b49;border:1px solid #345a6b}.switch span:before{content:"";position:absolute;width:12px;height:12px;top:3px;left:3px;border-radius:50%;background:#718d9a;transition:.2s}.switch input:checked+span{background:#185663;border-color:#47bdce}.switch input:checked+span:before{left:20px;background:#7ceaf0;box-shadow:0 0 8px #68dcea}.readout{display:grid;grid-template-columns:1fr 1fr;gap:9px}.readout>div{background:#091b2c;border:1px solid #1a3945;padding:11px}.readout small,.perfgrid small{color:#61899a;display:block;font:9px Consolas,monospace;letter-spacing:.6px}.readout strong{color:#d4f7f8;display:block;margin-top:5px;font:24px Consolas,monospace}.readout strong i{color:#6ca8b4;font-size:11px;font-style:normal}#telemetry{width:100%;height:75px;display:block;margin:12px 0 6px;border:1px solid #1b3543;background:#081725}.diag{display:flex;align-items:center;gap:7px;color:#81a8b4;font:9px Consolas,monospace}.diag #sync{margin-left:auto;color:#68efc4}.perfgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.perfgrid div{padding:12px;background:rgba(12,36,52,.8)}.perfgrid b{display:block;margin-top:7px;font:700 17px Consolas,monospace}.bottomActions{display:flex;gap:6px;margin-top:12px}.bottomActions button,.bottomActions select{font:700 10px Consolas,monospace;color:#acd6de;background:#102c3d;border:1px solid #2d5262;padding:10px 8px;flex:1;min-width:0}.bottomActions button:hover{background:#18495b}.last{margin-bottom:15px}#reticle{position:absolute;left:calc(50% + 180px);top:52%;transform:translate(-50%,-50%);pointer-events:none;z-index:2;text-align:center;opacity:.43;font:9px Consolas,monospace;color:#b0e1ed;letter-spacing:2px}#reticle .cross{width:23px;height:23px;border:1px solid #76b2ba;border-radius:50%;margin:0 auto 13px;position:relative}#reticle .cross:before,#reticle .cross:after{content:"";position:absolute;background:#83d5df}#reticle .cross:before{height:1px;width:42px;left:-11px;top:10px}#reticle .cross:after{height:42px;width:1px;top:-11px;left:10px}#floatingStatus{position:absolute;right:28px;top:94px;padding:11px 13px;display:flex;gap:13px;align-items:center;border:1px solid var(--edge);background:rgba(6,19,30,.61);z-index:2;font:10px Consolas,monospace;letter-spacing:.5px}#floatingStatus .muted{color:#7a9aaa}#caption{position:absolute;bottom:28px;left:382px;right:25px;pointer-events:none;z-index:3;display:flex;gap:18px;align-items:center;font:10px Consolas,monospace;color:#89b3c0;letter-spacing:1px}#captionTitle{color:#7de0e6;white-space:nowrap;font-weight:700}#captionText{border-left:1px solid #3b6171;padding-left:15px}#inspector{position:absolute;right:29px;top:155px;width:290px;background:rgba(5,22,36,.93);padding:22px;z-index:8;border:1px solid #4a92a6;box-shadow:0 15px 65px #0009;backdrop-filter:blur(16px)}#inspector h2{font-size:18px;margin:12px 0}#inspector p{font-size:12px;line-height:1.7;color:#a4c3cf}.inspectStats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.inspectStats div{font:700 11px Consolas,monospace;padding:12px 8px;background:#113245}.inspectStats small{display:block;font-size:8px;color:#6c9caa;margin-bottom:6px}#inspector button{color:#a8e6ed;border:1px solid #4f8b9e;background:#102f41;padding:10px;font:700 10px Consolas,monospace}#closeInspector{position:absolute;right:11px;top:10px!important;background:none!important;border:none!important;font-size:22px!important;padding:0 6px!important}#inspectFocus{width:100%}#loading{position:absolute;z-index:25;inset:0;background:radial-gradient(ellipse at center,#102e40,#030b15 66%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;transition:opacity .7s}#loading.done{opacity:0;pointer-events:none}#loading .loadMark{font-size:82px;letter-spacing:-12px}#loading .loadMark span{font-size:50px}.loadTitle{font:700 14px Consolas,monospace;letter-spacing:4px;margin-top:23px}.loadBar{height:2px;width:220px;background:#1e4052}.loadBar span{display:block;height:100%;width:0%;background:#86f0ec;box-shadow:0 0 14px #82f3f1;transition:width .4s}.loadSub{font:10px Consolas,monospace;color:#77a2b2;letter-spacing:1.6px}.hidden{display:none!important}.overlay{position:absolute;z-index:30;inset:0;background:rgba(0,7,13,.76);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(9px)}.modal{position:relative;background:#081e2e;border:1px solid #376476;max-width:650px;width:calc(100% - 40px);padding:35px}.modal h2{font-size:28px;margin:12px 0 24px}.modalClose{position:absolute;top:12px;right:15px;background:none;color:#a2d9e3;border:0;font-size:28px}.helpGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.helpGrid b{font:700 11px Consolas,monospace;color:#8ee7ec}.helpGrid p{font-size:12px;line-height:1.7;color:#9cb6c2}#helpStart{margin-top:20px;background:#65cedb;color:#06202b;border:none;padding:14px 20px;font:700 12px Consolas,monospace}#toast{position:absolute;bottom:78px;right:28px;z-index:25;color:#cff8f9;background:#112c3b;border:1px solid #397d8c;padding:11px 17px;font:11px Consolas,monospace;opacity:0;transform:translateY(9px);transition:.3s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}@media (max-width:1100px){#sidebar{width:310px}#masthead{padding-left:18px}.mission{display:none}#reticle{left:calc(50% + 155px)}#caption{left:333px}}@media(max-width:700px){#masthead{height:61px;padding:0 10px}.emblem{font-size:30px}.brand{font-size:14px}.micro{font-size:7px}.version{display:none}.mark{min-width:0}.headBtns button:first-child{display:none}#sidebar{top:auto;bottom:0;max-height:44%;width:100%;border-right:0;border-top:1px solid #3b7280}#sidebar section{padding:16px}#sidebar .panelIntro{display:none}#floatingStatus{top:75px;right:10px}#floatingStatus .muted{display:none}#reticle{left:50%;top:36%}#caption{display:none}#inspector{right:9px;top:120px;width:min(290px,calc(100% - 18px))}.helpGrid{grid-template-columns:1fr}.modal{padding:20px;max-height:90%;overflow-y:auto}}