:root{font-family:'IBM Plex Mono',monospace;color:#cbdce1;background:#06131c;font-size:12px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3ae6e4;outline-offset:2px}#app,#viewport{position:fixed;inset:0;width:100%;height:100%}#viewport{display:block;touch-action:none}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 51% 46%,transparent 30%,rgba(0,8,15,.46) 85%,rgba(0,5,12,.75) 100%)}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 39px;border-bottom:1px solid #25404c;background:linear-gradient(#06131bef,#06131b85)}.brand{display:flex;gap:16px;align-items:center}.brand-mark{border:2px solid #2ee1d8;width:49px;height:49px;display:flex;align-items:center;justify-content:center;color:#ebf8f7;font-family:'Barlow Condensed';font-size:31px;font-weight:800}.brand-mark span,.load-mark span{color:#29ddd2;font-size:15px}.overline,.toolbar-title,.panel-id,.panel-header,.mini-label{font-size:10px;letter-spacing:2px;color:#5ca1aa}.brand-title{font-family:'Barlow Condensed',sans-serif;font-size:28px;font-weight:800;letter-spacing:2px;color:#e8fbf8}.brand-title span{color:#35dfd6}.top-mid{font-size:10px;letter-spacing:1.4px;color:#9bb5bd}.live-dot{display:inline-block;background:#3bddd3;border-radius:50%;width:6px;height:6px;margin-right:11px;box-shadow:0 0 12px #3ce0db}.top-divider{height:15px;display:inline-block;border-left:1px solid #365562;margin:0 16px;vertical-align:middle}.top-right{display:flex;gap:13px;align-items:center;font-size:9px;letter-spacing:1.5px;color:#69919d}.top-right b{color:#dee9ea;font-size:13px}.icon-button{border:1px solid #406473;color:#d6f6f2;background:#12252d;width:28px;height:28px;border-radius:4px}.panel{position:absolute;z-index:2;background:linear-gradient(140deg,#061720e0,#071720cc);border:1px solid #285060;backdrop-filter:blur(11px)}.intro{left:39px;top:118px;width:292px;padding:21px 22px}.panel-id{display:flex;align-items:center;justify-content:space-between;letter-spacing:1px}.small-tag{font-size:8px;border:1px solid #385c64;padding:5px;color:#81abb3}.intro h1{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:35px;line-height:1.02;letter-spacing:1px;color:#f0faf6;margin:23px 0 12px}.intro h1 em{font-style:normal;color:#4fdcd3}.subtitle{color:#7dadb3;letter-spacing:1px;font-size:9px}.thin-divider{height:1px;background:#24424c;margin:22px 0 17px}.stat-line{display:flex;justify-content:space-between;gap:6px;margin:13px 0;font-size:9px}.stat-line span{color:#688e9b}.stat-line b{color:#cbd9dc;font-size:9px;text-align:right;font-weight:500}.sequence{display:grid;gap:14px;margin-top:19px}.sequence div{display:flex;align-items:center;gap:15px;color:#bed1d5}.sequence i{font-style:normal;color:#3cdbcf;border:1px solid #2d626a;padding:4px 6px;font-size:9px}.footnote{color:#536f7b;font-size:8px;line-height:1.65;margin-top:25px}.telem{right:39px;top:118px;width:261px;padding:18px 21px}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #224653;padding-bottom:15px;color:#a9dde0;font-size:10px;letter-spacing:1.4px}.pulse{color:#29e4d5}.readouts{display:grid;grid-template-columns:1fr 1fr;gap:20px 15px;margin:22px 0}.readouts label{display:block;color:#6b95a0;font-size:9px;letter-spacing:.5px}.readouts b{display:block;color:#e8f4f5;font-family:'Barlow Condensed';font-size:27px;font-weight:600;margin:7px 0 4px}.readouts b span{font-size:13px;color:#50c9c6}.meter{height:2px;background:#23404b;overflow:hidden}.meter i{display:block;height:100%;background:#41d6d2;width:0%;box-shadow:0 0 8px #48ddda}.scope{height:140px;position:relative;border:1px solid #214251;background:radial-gradient(circle,#0f333c 1px,transparent 1px) center / 13px 13px;overflow:hidden}.scope-center,.scope-ring,.scope-spoke,.scope-sweep{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);pointer-events:none}.scope-center{width:5px;height:5px;background:#5de4d9;box-shadow:0 0 10px #22d9ca;border-radius:50%}.scope-ring{border:1px solid #1c5d63;border-radius:50%}.scope-ring.one{width:70px;height:70px}.scope-ring.two{width:116px;height:116px}.scope-spoke.h{width:100%;border-top:1px solid #20454f}.scope-spoke.v{height:100%;border-left:1px solid #20454f}.scope-sweep{width:100px;height:100px;border-radius:50%;background:conic-gradient(from 30deg,transparent 0deg,transparent 275deg,#2ce2cc2e 360deg);animation:radar 7s linear infinite}@keyframes radar{to{transform:translate(-50%,-50%) rotate(360deg)}}.scope>span{position:absolute;bottom:8px;left:11px;font-size:8px;color:#57989f}.telemetry-caption{display:flex;flex-direction:column;gap:9px;margin-top:19px;font-size:9px;color:#6b929d}.telemetry-caption strong{color:#43e1d3;font-size:10px;letter-spacing:1px;font-weight:500}.view-toolbar{position:absolute;z-index:4;right:39px;top:518px;width:261px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.toolbar-title{grid-column:1/-1;margin-bottom:7px}.camera-btn{background:#09212cbd;border:1px solid #315461;color:#7fadb7;padding:10px 0;font-size:9px}.camera-btn:hover,.camera-btn.selected{color:#8cfff3;border-color:#42d8ce;background:#0f4144}.mode-switch{display:flex;gap:5px;position:absolute;bottom:157px;left:50%;transform:translateX(-50%);z-index:5;padding:5px;background:#081924ce;border:1px solid #24424e;backdrop-filter:blur(10px)}.mode-btn{background:transparent;color:#86a5af;border:1px solid transparent;padding:11px 17px;white-space:nowrap;font-size:10px;letter-spacing:1px}.mode-btn b{color:#506d78;font-size:9px;margin-right:7px}.mode-btn.active{border-color:#328985;background:#0d3b41;color:#91fff0}.mode-btn.active b{color:#50c6c2}.playback{position:absolute;bottom:0;left:0;right:0;height:144px;z-index:4;border-top:1px solid #2b505b;background:linear-gradient(#081d27ed,#071621fa);backdrop-filter:blur(14px)}.controls-row{display:flex;align-items:center;gap:28px;padding:20px 39px 18px}.transport-buttons{display:flex;align-items:center;gap:8px}.transport-buttons button{min-width:35px;height:39px;border:1px solid #2a5965;background:#0b2630;color:#8abdc1}.transport-buttons .primary-play{padding:0 15px;background:#31d7c8;border-color:#31d7c8;color:#04222b;min-width:104px;font-weight:700}.primary-play span{margin-left:5px}.transport-buttons button.active{border-color:#50e6d4;color:#57eadb}.timeline-container{flex:1;min-width:155px}.timeline-heading{display:flex;justify-content:space-between;color:#8dbac2;font-size:9px;letter-spacing:1.2px}.timeline-heading strong{color:#40e7d5}.timeline-container input{width:100%;accent-color:#40dbcd;cursor:pointer;height:17px;margin-top:9px}.tick-labels{display:flex;justify-content:space-between;color:#577986;font-size:8px;letter-spacing:.5px}.settings{display:flex;gap:12px;align-items:flex-end}.settings>div{display:flex;flex-direction:column;gap:7px}.settings label{font-size:8px;color:#67909a;letter-spacing:1px}.settings select,.settings button{background:#0b2832;border:1px solid #2a5360;color:#b1ced0;padding:10px 6px;font-size:10px}.settings button{height:39px}.footer-line{border-top:1px solid #1d3d4a;display:flex;justify-content:space-between;padding:12px 39px;color:#567987;letter-spacing:1px;font-size:8px}.cyan-square{color:#2ce5d4;margin-right:9px}.annotations{position:absolute;inset:0;pointer-events:none;z-index:3}.part-label{position:absolute;display:flex;align-items:center;gap:9px;padding:5px 9px;background:#09232bcf;border:1px solid #2b7078;color:#a0e8e6;font-size:9px;letter-spacing:.5px;white-space:nowrap;transform:translate(-50%,-100%)}.part-label:before{content:'+';color:#50e9e1}.manual-panel,.inspect-panel{position:absolute;z-index:9;background:#081d27f2;border:1px solid #2f6470;backdrop-filter:blur(14px);width:278px;right:39px;bottom:166px;padding:17px 18px;max-height:52vh;overflow:auto}.manual-panel[hidden],.inspect-panel[hidden],.help-overlay[hidden]{display:none}.manual-panel .panel-header{margin-bottom:18px}.manual-control{margin-bottom:16px}.manual-control>div{display:flex;justify-content:space-between;margin-bottom:5px;font-size:10px;color:#95c3c9}.manual-control>div strong{color:#4fe3d5}.manual-control input{width:100%;accent-color:#39dfd3}.manual-help{font-size:9px;color:#6c919b;line-height:1.5;border-top:1px solid #2b4953;padding-top:12px}.close-btn{color:#92b9c1;background:none;border:0;font-size:20px;padding:0 4px}.inspect-panel h3{font-family:'Barlow Condensed';font-size:24px;letter-spacing:1px;color:#ddfbf5;margin:16px 0 8px}.inspect-panel p{color:#81a9b1;line-height:1.65}.help-overlay{position:fixed;inset:0;z-index:40;background:#020b11d9;display:grid;place-items:center}.help-dialog{width:min(520px,90vw);background:#0b2431;border:1px solid #4aa6af;padding:28px;color:#a8d2d2;line-height:1.8}.help-dialog h2{font-family:'Barlow Condensed';font-size:32px;color:#a0fff0;margin:0}.help-dialog .close-btn{float:right}.load-mark{font-family:'Barlow Condensed';font-size:51px;color:#ecfcf9}.load-mark span{font-size:28px}#loading{position:fixed;inset:0;z-index:50;background:#06131b;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#77d0d1;letter-spacing:2px;font-size:11px;transition:opacity .6s}#loading small{margin-top:10px;color:#416e7b;font-size:9px}#loading.hidden{opacity:0;pointer-events:none}
@media(max-width:1140px){.intro{width:240px;left:17px;top:96px;padding:16px}.intro h1{font-size:29px}.telem{width:218px;right:17px;top:96px;padding:14px}.view-toolbar{right:17px;top:479px;width:218px}.topbar{padding:0 17px}.controls-row{padding:18px 17px;gap:12px}.footer-line{padding:12px 17px}.mode-btn{padding:10px}.manual-panel,.inspect-panel{right:17px}}
@media(max-width:800px){.topbar{height:63px}.brand-mark{height:39px;width:39px}.brand-title{font-size:21px}.overline{font-size:8px}.top-mid{display:none}.top-right>span{display:none}.intro{top:75px;width:178px;padding:11px}.intro h1{font-size:23px;margin:12px 0}.subtitle{font-size:7px}.intro .sequence,.intro .mini-label,.intro .footnote{display:none}.intro .thin-divider{margin:10px 0}.stat-line{font-size:7px;margin:8px 0}.stat-line b{font-size:7px}.telem{width:154px;top:75px;padding:10px}.telem .readouts{gap:10px}.readouts b{font-size:20px}.readouts label{font-size:7px}.scope{height:83px}.telemetry-caption{font-size:7px}.view-toolbar{top:auto;bottom:252px;right:11px;width:154px;grid-template-columns:repeat(4,1fr)}.camera-btn{font-size:8px;padding:7px 0}.mode-switch{bottom:171px;left:50%;width:max-content;max-width:98%;overflow:auto}.mode-btn{font-size:8px;padding:8px}.playback{height:158px}.controls-row{padding:11px 12px;gap:7px;flex-wrap:wrap}.transport-buttons button{min-width:29px;height:32px}.transport-buttons .primary-play{min-width:72px;padding:0 6px}.timeline-container{flex:1;min-width:170px}.settings{width:100%;justify-content:flex-end;gap:8px}.settings select,.settings button{padding:5px;height:29px;font-size:9px}.settings>div{flex-direction:row;align-items:center}.footer-line{padding:7px 12px}.footer-line span:nth-child(2){display:none}.manual-panel,.inspect-panel{right:12px;bottom:238px;max-height:34vh;width:225px}}
@media(max-width:480px){.top-right b{font-size:10px}.intro{width:145px;left:6px}.intro h1{font-size:19px}.telem{right:6px;width:132px}.telem .scope{display:none}.telem .readouts{grid-template-columns:1fr 1fr}.readouts b{font-size:18px}.view-toolbar{right:6px;width:132px;bottom:250px}.mode-btn b{display:none}.playback{height:161px}.settings label{display:none}.timeline-container{min-width:125px}.footer-line{font-size:7px}.part-label{font-size:7px}}