:root{--bg:#08111a;--p:#0b1722ed;--line:#284050ba;--teal:#84e7e4;--muted:#8d9fa9;--white:#e7f0f3;--gold:#ddba78;--warn:#f0ac73;--green:#8fe0ab;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050d16;color:var(--white);font-family:Inter,'Segoe UI',Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}#app{height:100%;width:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 44% 43%,#132e39 0%,#070f17 65%,#02070b)}#viewport{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.grain{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.22;background:repeating-linear-gradient(transparent 0 3px,#fff1 4px 4.5px);mix-blend-mode:overlay}.topbar{position:absolute;left:0;right:0;top:0;height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:linear-gradient(180deg,#061019fa,#07121ad9);border-bottom:1px solid #29424b99;z-index:4}.brand{display:flex;align-items:center;gap:14px;min-width:300px}.brandmark{width:40px;height:40px;display:grid;place-items:center;color:#ddc385;border:1.5px solid #9bb2b1;transform:rotate(45deg);border-radius:9px}.brandmark span{transform:rotate(-45deg);font-size:29px}.brand-text b{letter-spacing:2px;font-size:17px;font-weight:800}.brand-text .thin{font-weight:450;color:#bdd2d4}.gold{color:var(--gold)}.brand-text small{display:block;letter-spacing:1.32px;font-size:8px;color:#748f9b;margin-top:6px}.top-mid{color:#9dd5be;font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:12px;font-weight:700}.pulse-dot,.op-led,.led-green{width:6px;height:6px;display:inline-block;background:#78dfb9;border-radius:50%;box-shadow:0 0 12px #82efbe}.pulse-dot{animation:pulse 1.7s infinite}.mid-divider{height:13px;width:1px;background:#34515a;margin:0 8px}.top-mid #clock{color:#9aabb1;font-size:9px}.top-actions{display:flex;align-items:center;gap:14px}.header-button{border:0;background:transparent;color:#a3bdc6;font-size:16px;display:flex;align-items:center;gap:8px}.header-button span{font-size:10px;letter-spacing:1px}.operator{font-size:10px;color:#a8b9b6;display:flex;align-items:center;gap:9px;padding-left:17px;border-left:1px solid #35515c;letter-spacing:1px}.panel{position:absolute;top:95px;bottom:102px;overflow:hidden;z-index:3;background:linear-gradient(140deg,#0a1722f4,#09131ee9);border:1px solid #2a414d91;box-shadow:0 15px 80px #0008;backdrop-filter:blur(18px)}.left-panel{left:24px;width:294px;padding:20px 19px 14px;display:flex;flex-direction:column}.panel-eyebrow{font-size:9px;letter-spacing:1.9px;color:var(--gold);display:flex;justify-content:space-between;font-weight:750}.panel-eyebrow span{color:#536d7b}.left-panel h1{font-size:28px;letter-spacing:2px;line-height:1.07;margin:17px 0 10px;font-weight:800}.left-panel h1 em{font-style:normal;color:#9bd8da}.intro{font-size:11px;color:#9eb2be;line-height:1.66;margin:0}.micro-rule{height:1px;background:linear-gradient(90deg,#bd9f67,#344752,#223540);margin:18px 0}.section-label{font-size:9px;letter-spacing:1.45px;font-weight:800;display:flex;justify-content:space-between;align-items:center;color:#a9c2cb}.live{font-size:8px;color:#78daaf}.metric-grid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.metric{background:#13263190;padding:10px 10px 8px;min-height:86px;border:1px solid #28424d75}.metric>span{font-size:8px;letter-spacing:1.03px;color:#95adb8}.metric strong{display:block;font-size:24px;letter-spacing:-.8px;margin-top:6px;color:#eff5f5;font-weight:670}.metric strong span{font-size:13px;margin-left:2px;color:#bed1d6}.metric strong.ice{color:#94ebe9}.metric small{font-size:9px;color:#7797a4;display:block;margin-top:3px}.section-space{margin-top:20px}.schematic-wrap{margin-top:11px;background:linear-gradient(100deg,#0b1d28af,#0a1b25);padding:2px 8px 9px;border:1px solid #1e3845}.schematic-wrap svg{width:100%;height:124px;display:block}.schematic-wrap .waypoint-dot{cursor:pointer}.schematic-caption{display:flex;justify-content:space-between;font-size:8px;color:#819aa5;letter-spacing:.5px}.schematic-caption span:first-child{color:#92d5c7}.waypoint-list{overflow:auto;min-height:50px;scrollbar-width:thin;margin-top:9px}.waypoint{border:0;border-bottom:1px solid #203846;display:flex;align-items:center;width:100%;background:transparent;color:#97acb7;text-align:left;padding:10px 3px;font-size:10px;letter-spacing:.55px;gap:9px}.waypoint:hover,.waypoint.active{color:#d4e8e7;background:#1d45503b}.waypoint b{font-size:9px;color:#ddba78;margin-right:3px}.waypoint .arrow{margin-left:auto;color:#6c91a2}.left-footer{font-size:9px;color:#d6b773;letter-spacing:1.2px;border-top:1px solid #203b4a;padding-top:12px;margin-top:auto;display:flex;justify-content:space-between}.left-footer span{font-size:7px;color:#5d8794}.right-panel{right:24px;width:306px;padding:20px 19px;display:flex;flex-direction:column}.control-title{font-size:20px;font-weight:350;letter-spacing:1px;line-height:1.13;margin:20px 0 18px}.control-title b{font-weight:750;color:#c7dcdf}.tabs{display:flex;border-bottom:1px solid #294653;gap:13px;margin-bottom:20px}.tab{color:#7b99a5;letter-spacing:1px;font-size:9px;background:none;border:0;padding:0 0 12px;font-weight:750}.tab.active{color:#9ff4e5;border-bottom:2px solid #a7e6d7}.tab-panel{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.hidden{display:none!important}.control-block{margin-bottom:22px}.control-line{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.05px;font-weight:800}.control-line label{color:#acc0c6}.control-line b{color:#97e6e7;font-size:12px}.control-block input[type=range]{margin:13px 0 8px;width:100%;height:3px;accent-color:#91e9e3;cursor:pointer}.range-ends{display:flex;justify-content:space-between;font-size:8px;color:#587986;letter-spacing:.9px}.graph-top{display:flex;justify-content:space-between;margin:11px 0;font-size:10px;letter-spacing:.6px;font-weight:700;color:#c7dadb}.graph-top small{font-weight:500;color:#668794;font-size:8px}.graph-legend{display:flex;gap:17px;font-size:8px;color:#6dbaba;margin-top:5px;letter-spacing:.5px}.graph-legend span:last-child{color:#d9b171}.control-buttons{margin-top:25px;display:flex;flex-direction:column;gap:9px}.action-button,.primary-button{font-size:9px;letter-spacing:1.15px;font-weight:800;border:1px solid #355a65;background:#122833;color:#b6d5d9;padding:13px 7px;width:100%}.action-button:hover,.primary-button:hover{background:#225367}.action-button.warning{color:#dfb987;border-color:#7a6649}.primary-button{background:#2a6871;color:#e4fcfa;border-color:#5aa3a8;margin-top:16px}.system-footer{border-top:1px solid #27404d;padding-top:17px;margin-top:15px;display:grid;gap:12px}.system-footer div{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.6px;color:#8db8ad}.stat-pair{display:flex;justify-content:space-between;margin:12px 0;border-bottom:1px solid #28434f;padding:0 0 13px;font-size:9px;letter-spacing:.5px;color:#819aa7}.stat-pair b{color:#c6e5e7}.label-small{margin-top:24px;font-size:9px;color:#85b9c6;letter-spacing:1px;font-weight:750}.text-input{margin-top:12px;width:100%;padding:12px;background:#0c1b25;color:#cce9e7;border:1px solid #355665;letter-spacing:1.1px}.robot-feed{margin-top:20px;color:#8bafb5;font-size:10px;line-height:1.9}.robot-feed div{border-bottom:1px solid #213743;padding:5px 0}.muted-note{font-size:10px;line-height:1.7;color:#758d99;font-weight:400}.scene-overlay{position:absolute;z-index:2;top:108px;left:clamp(330px,29%,435px);pointer-events:none;text-shadow:0 3px 18px #000b}.scene-id{color:#d5b376;letter-spacing:2.5px;font-size:10px;font-weight:850}.scene-id span{color:#b2d7d6}.scene-title{font-size:32px;letter-spacing:3px;font-weight:770;margin-top:6px}.scene-subtitle{font-size:9px;letter-spacing:1.3px;display:flex;align-items:center;gap:9px;color:#94bec8;margin-top:7px}.glow-line{width:23px;height:1px;background:#dcb871}.view-tools{position:absolute;z-index:2;top:203px;left:clamp(330px,29%,435px);display:flex;flex-direction:column;gap:5px}.view-btn{height:33px;width:35px;background:#101e2abf;border:1px solid #375463;color:#9fc0ca;font-size:19px;line-height:1}.view-btn.selected,.view-btn:hover{color:#9af2ed;border-color:#80cdce}.coordinate-readout{position:absolute;z-index:2;bottom:126px;left:clamp(330px,29%,435px);display:flex;gap:15px;font-size:9px;letter-spacing:.3px;color:#789ca7;background:#06151fc2;padding:10px 14px;border:1px solid #2c4e5b}.coordinate-readout b{color:#bed9de}.bottom-panel{position:absolute;z-index:4;bottom:19px;left:24px;right:24px;height:66px;padding:0 19px;background:#0b1823ef;border:1px solid #344955;display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 5px 40px #0008}.bottom-left{display:flex;gap:12px;align-items:center;max-width:47%}.insignia{border:1px solid #a5ad83;color:#e6cc86;display:grid;place-items:center;border-radius:50%;height:33px;width:33px;font-size:17px;flex-shrink:0}.bottom-heading{font-size:9px;letter-spacing:1.2px;color:#d6bc85;font-weight:850}.bottom-value{font-size:10px;color:#96b5bf;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-mid,.bottom-right{display:flex;align-items:center;gap:9px;color:#7894a1;font-size:9px;letter-spacing:1px;white-space:nowrap}.timeline-btn,.speed-button,.export-button{border:1px solid #34505b;background:#102532;color:#b7d0d4;padding:6px 9px;font-size:10px}.speed-button.active{background:#32686d;color:#d7fffa}.bottom-right b{color:#d7c08c;font-size:11px}.export-button{margin-left:9px;color:#99ddd8}.loading{position:absolute;inset:0;z-index:10;background:radial-gradient(circle at center,#112c3c,#06111b 70%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;letter-spacing:2.7px;font-size:13px;color:#cedddd;transition:opacity .7s}.loading-mark{font-size:85px;color:#e1c180;animation:rotate 5s linear infinite}.loading small{font-size:9px;color:#89a4b0;letter-spacing:1.5px}.loading-track{width:250px;height:3px;background:#25404a;margin-top:13px}.loading-track div{width:85%;height:100%;background:#98ece0;animation:progress 1.8s ease}.loading.hide{opacity:0;pointer-events:none}.modal{position:absolute;inset:0;z-index:9;display:grid;place-items:center;background:#010910dd}.modal-body{width:min(540px,90vw);background:#10212c;border:1px solid #4b6e79;box-shadow:0 15px 85px #000e;padding:29px}.modal-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;color:#d9bf8b}.modal-top button{border:0;background:none;color:#c1d4d9;font-size:19px}.modal-body h2{font-size:29px;letter-spacing:.5px}.modal-body p{line-height:1.7;font-size:13px;color:#9bb7c0}.modal-body .primary-button{margin-top:12px}#toast{position:absolute;z-index:8;bottom:108px;right:345px;padding:12px 19px;background:#153d47ed;border:1px solid #58a7ab;font-size:11px;letter-spacing:.5px;opacity:0;transform:translateY(10px);transition:.3s;pointer-events:none;max-width:320px}#toast.visible{opacity:1;transform:translateY(0)}@keyframes pulse{50%{opacity:.3}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes progress{from{width:0}to{width:85%}}@media(max-width:1180px){.top-mid{display:none}.scene-overlay{top:93px}.left-panel{width:260px}.right-panel{width:268px}.coordinate-readout{display:none}.bottom-mid{display:none}}@media(max-width:860px){.topbar{height:60px;padding:0 13px}.brand-text b{font-size:12px}.brand-text small{font-size:7px}.brandmark{width:32px;height:32px}.top-actions .header-button span,.operator{display:none}.left-panel{top:72px;left:10px;width:210px;bottom:82px;padding:12px}.left-panel h1{font-size:19px}.intro,.metric small,.left-footer span{display:none}.metric{padding:7px;min-height:68px}.metric strong{font-size:18px}.metric>span{font-size:7px}.schematic-wrap svg{height:105px}.right-panel{top:72px;right:10px;width:205px;bottom:82px;padding:12px}.control-title{font-size:14px}.tab{font-size:8px}.scene-overlay,.view-tools{display:none}.bottom-panel{left:9px;right:9px;bottom:8px;height:60px}.bottom-left{max-width:68%}.bottom-right .export-button{display:none}}@media(max-width:560px){.left-panel{width:170px}.right-panel{width:165px}.metric-grid{grid-template-columns:1fr 1fr}.metric{min-height:61px}.metric strong{font-size:14px}.left-panel .section-space,.left-panel .schematic-wrap{display:none}.control-title{margin:12px 0;font-size:13px}.tab{font-size:7px;letter-spacing:0}.tabs{gap:7px}.panel-eyebrow{font-size:7px}.bottom-value{font-size:9px}.bottom-right{display:none}}