:root{font-family:'DM Sans',Inter,'Segoe UI',sans-serif;color:#e5eceb;background:#070e15;--muted:#7e919c;--border:#21313d;--cyan:#68d9df;--gold:#eab780;--panel:#0c1822}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(ellipse at 69% -20%,#12313d 0%,transparent 45%),#070e15;font-size:13px}button,select,input{font:inherit}button{cursor:pointer}select{cursor:pointer}.app-shell{max-width:1700px;margin:auto;padding:0 36px}.header{height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #243641}.brand{display:flex;gap:18px;align-items:center}.emblem{width:52px;height:52px;display:grid;place-items:center;border:1px solid #d4a36c;color:#e4b480;font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-2px;transform:rotate(-0deg)}.emblem span{color:#697c7b;margin-left:1px}.micro{color:#7196a2;font-size:10px;letter-spacing:2px;font-weight:700}.brandname{font:700 24px 'Space Grotesk',sans-serif;letter-spacing:2px;margin-top:5px}.edition{color:#e9ac79;font-weight:400}.header-meta{display:flex;align-items:center;gap:12px;color:#b7c5cd;font-size:10px;font-weight:700;letter-spacing:1.5px}.live-dot{display:inline-block;height:6px;width:6px;background:#66ded2;border-radius:50%;box-shadow:0 0 12px #47c7bb}.header-divider{height:18px;width:1px;background:#3a4e58;margin:0 10px}.build{color:#728691}.layout{display:grid;grid-template-columns:317px minmax(0,1fr);gap:39px;padding:35px 0 38px}.sidebar{border:1px solid #24323d;background:linear-gradient(150deg,#101f29,#0b151e);padding:25px 25px 18px;align-self:start}.side-title{display:flex;align-items:center;justify-content:space-between}.pill{border:1px solid #497078;padding:7px 8px;color:#80c4c7;letter-spacing:1.1px;font-size:9px;font-weight:700}.sidebar h1{font:700 39px/1.05 'Space Grotesk',sans-serif;letter-spacing:-1.7px;margin:26px 0 14px}.sidebar h1 em{font-weight:400;font-style:normal;color:#e7b17b}.intro{line-height:1.65;color:#9babb4;font-size:12px;margin:0 0 30px}.control-group{border-top:1px solid #2c3c47;padding:22px 0 5px}.control-group h2{font-size:12px;color:#e1e9ee;margin:0 0 20px;font-weight:700;letter-spacing:.8px;display:flex;justify-content:space-between}.control-group h2 span{color:#68818d;font-size:10px}.field{display:block;margin-bottom:20px}.field>span{display:flex;justify-content:space-between;color:#93a9b5;font-size:11px;margin-bottom:11px}.field output{font-size:11px;color:#e3b987;font-weight:700}select{width:100%;background:#152630;color:#dbe8ee;border:1px solid #35505b;padding:12px 10px;border-radius:2px;outline:none}select:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #e7ac73;outline-offset:3px}.field input[type=range]{width:100%;accent-color:#dfaf75;display:block;cursor:pointer;height:4px}.toggle{display:flex;justify-content:space-between;align-items:center;position:relative;color:#c7d0d7;font-size:11px;margin:0 0 24px;cursor:pointer}.toggle input{position:absolute;opacity:0;right:0}.switch{width:37px;height:19px;border:1px solid #59747b;border-radius:16px;position:relative;background:#22333c}.switch:after{content:'';position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#9ca9ad;transition:transform .2s,background .2s}.toggle input:checked + .switch{background:#245d61}.toggle input:checked + .switch:after{background:#81e0d8;transform:translateX(18px)}.side-foot{display:flex;align-items:center;gap:10px;color:#709aa7;font-size:9px;letter-spacing:1.3px;padding-top:13px;border-top:1px solid #2a3942}.foot-symbol{font-size:24px;color:#e5ac71}.foot-light{color:#b5bdc4;margin-left:auto}.main-content{min-width:0}.simulation-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 16px}.simulation-heading h2{font:600 22px 'Space Grotesk',sans-serif;letter-spacing:-.6px;margin:6px 0 0}.renderer-status{color:#7ca0a7;background:#102631;border:1px solid #355460;font-size:9px;letter-spacing:1.2px;padding:8px 10px}.scene-wrap{height:min(47vw,520px);min-height:345px;position:relative;border:1px solid #2b4654;background:radial-gradient(ellipse at center,#173744,#050d18 79%);overflow:hidden}.scene-wrap:before{content:'';position:absolute;inset:0;border:12px solid rgba(5,12,20,.4);z-index:1;pointer-events:none}.viewport,.viewport canvas{width:100%;height:100%;display:block}.view-overlay{position:absolute;z-index:2;top:32px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.view-overlay strong{font:700 12px 'Space Grotesk',sans-serif;letter-spacing:1.1px}.top-left{left:36px}.top-right{right:36px;align-items:flex-end}.top-right strong{font-size:16px;color:#e7c19a}.scene-caption{position:absolute;bottom:28px;left:34px;display:flex;align-items:center;gap:10px;z-index:2;color:#dfbf92;font-size:10px;font-weight:700;letter-spacing:1.4px;pointer-events:none}.view-dot{width:7px;height:7px;border:1px solid #e4ac75;background:#a57447;border-radius:50%}.caption-extra{margin-left:12px;color:#7894a2;font-size:9px}.scene-legend{position:absolute;right:33px;bottom:30px;z-index:2;display:flex;gap:20px;color:#95b4c1;font-size:9px;letter-spacing:.7px;pointer-events:none}.scene-legend span,.chart-legend span{display:flex;align-items:center;gap:7px}.legend-orange,.legend-teal{display:inline-block;height:2px;width:15px;background:#edb478}.legend-teal{background:#64dce0}.actionbar{display:flex;align-items:center;gap:12px;padding:17px 0 29px;border-bottom:1px solid var(--border)}.btn-primary,.btn-secondary,.btn-export{height:42px;border:1px solid #334b56;padding:0 18px;color:#dae5e9;background:#152632;font-size:10px;font-weight:700;letter-spacing:1px;white-space:nowrap}.btn-primary{background:#dfac77;color:#15212a;border-color:#dfac77;min-width:160px}.btn-primary:hover{background:#f3c491}.btn-secondary:hover,.btn-export:hover{background:#1b3441}.speed-control{margin-left:auto;display:flex;align-items:center;gap:12px}.speed-control label{font-size:9px;color:#8097a3;font-weight:700;letter-spacing:1.2px}.speed-control select{font-size:10px;width:120px;padding:12px 8px}.btn-export{background:transparent}.telemetry-title{display:flex;justify-content:space-between;align-items:center;padding:28px 0 13px}.telemetry-sync{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1px;color:#8ca7ac}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #2b414e;background:#0c1a24}.metric{min-width:0;padding:18px 22px 15px;border-right:1px solid #253b46}.metric:last-child{border-right:0}.metric>span{color:#91aab3;font-size:10px;font-weight:700;letter-spacing:1px}.metric>div{display:flex;align-items:baseline;gap:8px;margin:9px 0 13px}.metric strong{font:600 clamp(21px,2.3vw,31px) 'Space Grotesk',sans-serif;color:#f1f3f2;font-variant-numeric:tabular-nums;letter-spacing:-1px}.metric small{color:#c79e72;font-size:12px}.metric-rule{display:block;background:linear-gradient(90deg,#ddab71,#55747b 65%,#26414a);height:2px;width:100%}.lower-grid{display:grid;grid-template-columns:1.48fr 1fr;gap:17px;margin-top:20px}.chart-panel,.instrument-panel{border:1px solid #263c48;background:linear-gradient(145deg,#0d1b25,#0a151f);padding:19px 22px 15px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-head h3{font:600 15px 'Space Grotesk',sans-serif;margin:8px 0}.chart-legend{display:flex;gap:14px;color:#9eaeb5;font-size:9px;white-space:nowrap}.chart-panel canvas{width:100%;height:188px;display:block;margin:5px 0 0}.instrument-panel .panel-head{margin-bottom:9px}.readout{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #263a44;padding:12px 0;color:#9aabb5;font-size:11px}.readout strong{color:#e2e9e6;font:600 12px 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums}.readout:last-child{padding-bottom:4px}footer{border-top:1px solid #263a45;display:flex;justify-content:space-between;gap:20px;padding:23px 0 35px;color:#718997;font-size:9px;font-weight:700;letter-spacing:1px}@media(max-width:1150px){.app-shell{padding:0 22px}.layout{grid-template-columns:280px minmax(0,1fr);gap:20px}.sidebar{padding:18px}.metric{padding:15px 12px}.scene-legend{display:none}.actionbar{flex-wrap:wrap}.speed-control{margin-left:0}.lower-grid{grid-template-columns:1fr}.chart-panel canvas{height:210px}}@media(max-width:760px){.app-shell{padding:0 13px}.header{height:75px}.header-meta{display:none}.brandname{font-size:20px}.emblem{width:44px;height:44px}.layout{display:flex;flex-direction:column;padding-top:17px}.sidebar{order:2;width:100%}.main-content{order:1;width:100%}.simulation-heading h2{font-size:18px}.scene-wrap{height:375px;min-height:300px}.view-overlay{top:25px}.top-left{left:24px}.top-right{right:24px}.view-overlay strong{font-size:10px}.top-right strong{font-size:12px}.scene-caption{left:22px;bottom:23px}.caption-extra{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #253b46}.actionbar{gap:8px}.btn-primary{flex:1}.btn-secondary{flex:1}.btn-export{flex:1}.speed-control{order:4;width:100%;justify-content:space-between}.speed-control select{width:54%}footer{font-size:8px;line-height:1.6;display:block}footer span{display:block}}