:root{color-scheme:dark;--bg:#0a1418;--panel:#101d22;--panel-alt:#152329;--border:rgba(159,186,181,.14);--text:#f0f2e9;--muted:#8b9d9c;--gold:#e4b96e;--blue:#79c8d2;--green:#93c8a5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #b5dfe5;outline-offset:3px}a{color:#b4d7d6;text-decoration:none}a:hover{text-decoration:underline}.micro{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--gold)}.upper{text-transform:uppercase}.bullet{color:#61736c;margin:0 8px}.appbar{min-height:103px;padding:22px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#101d20,#0b1519)}.identity{display:flex;gap:17px;align-items:center}.logo{height:52px;width:52px;border:1px solid #b68d5a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e4bd82;font-family:Georgia,serif;line-height:19px;background:#26271f;box-shadow:0 0 0 5px rgba(209,163,93,.035)}.logo span{font-size:24px}.logo b{font-family:inherit;font-size:11px;letter-spacing:2px}.appbar h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:29px;letter-spacing:1.15px;margin:3px 0 0}.slash{color:#a6b7b2;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:350}.subtitle{margin:3px 0 0;font-size:12px;color:#becac5;letter-spacing:.35px}.subtitle span{color:#738980}.header-actions{display:flex;align-items:center;gap:20px}.pill{border-radius:2px;font-size:10px;letter-spacing:1.1px;font-weight:650;padding:11px 13px;white-space:nowrap}.outline{border:1px solid #364742;color:#aec6bf}.little-dot{display:inline-block;width:7px;height:7px;background:#83b898;border-radius:50%;margin-left:6px;box-shadow:0 0 10px #83b89888}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 354px;gap:0;max-width:1900px;margin:auto}.maincolumn{min-width:0;padding:24px 22px 30px 28px}.controlpanel{padding:28px 24px 30px;background:#101c20;border-left:1px solid var(--border);box-shadow:-20px 0 30px rgba(0,0,0,.04)}.viewport-card{position:relative;height:min(59vw,590px);min-height:420px;overflow:hidden;border:1px solid #324541;border-radius:7px;background:radial-gradient(ellipse at center,#263e42,#172528);box-shadow:0 20px 65px #0004}.viewport-card canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.viewport-card canvas:active{cursor:grabbing}.viewport-top,.viewport-bottom{z-index:2;position:absolute;left:0;right:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.viewport-top{top:0;padding:17px 21px;background:linear-gradient(to bottom,rgba(10,21,24,.87),transparent)}.darkmicro{color:#e0c88c;font-size:9px}.sep{margin:0 5px;color:#95aca4}.scene-title{font-family:Georgia,serif;font-size:19px;margin-top:7px;color:#f8f5e8}.status-chip{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.45px;padding:9px 11px;border:1px solid #d7b77a99;background:#132327d9;color:#e3cfad;white-space:nowrap}.pulse{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px #e6b66a}.status-chip.running .pulse{background:#8fd5a6;box-shadow:0 0 12px #8fd5a6}.status-chip.stopped .pulse{background:#ef9c87;box-shadow:0 0 10px #ef9c87}.viewport-bottom{bottom:0;padding:13px 16px;background:linear-gradient(to top,rgba(9,22,25,.92),rgba(9,22,25,.04));gap:7px}.viewport-top button,.viewport-bottom button{pointer-events:auto}.view-buttons{display:flex;gap:5px;flex-wrap:wrap}.view-btn,.icon-btn{background:rgba(13,28,31,.72);border:1px solid #52666375;color:#d4ddd5;transition:background .2s,border-color .2s}.view-btn{font-size:11px;padding:10px 12px}.view-btn.active,.view-btn:hover,.icon-btn:hover{background:#cba66d;color:#152328;border-color:#d9ba89}.scene-actions{display:flex;gap:5px}.icon-btn{font-size:18px;min-width:37px;height:37px;border-radius:3px}.viewport-overlay{position:absolute;z-index:1;pointer-events:none}.left-note{bottom:80px;left:22px;display:flex;flex-direction:column;gap:4px;background:#0f2124bd;border-left:2px solid #ddbd85;padding:10px 13px}.left-note .micro{color:#d4b980;font-size:9px}.left-note strong{font-size:12px;letter-spacing:1.3px}.left-note small{font-size:10px;color:#bfcdca}.compass{right:24px;top:83px;display:flex;flex-direction:column;align-items:center;gap:0;font-size:10px;color:#f3e7d6;opacity:.86}.compass-cross{font-size:26px;color:#e9b577}.error-view{position:absolute;inset:0;z-index:4;padding:30px;background:#131d20;color:#fac1b4}.insightline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.data-tile{min-height:108px;background:linear-gradient(155deg,#17252a,#122025);border:1px solid var(--border);border-top:2px solid #987852;padding:16px 18px 12px}.data-tile>span{font-size:9px;letter-spacing:1.3px;font-weight:750;color:#9bafa8}.large-stat{display:flex;align-items:baseline;gap:7px;margin:10px 0 4px}.large-stat strong{font-size:30px;line-height:1;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums}.large-stat small{font-size:12px;color:#b7c2b5}.tiny-meter{height:3px;background:#354b46;margin-top:9px}.tiny-meter i{display:block;height:100%;background:#e3b56c;width:0%;transition:width .15s}.muted{font-size:10px;color:#94a6a0}.chart-card{border:1px solid var(--border);background:#122126;margin-top:12px;padding:18px 19px 12px}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.chart-heading h2{font:normal 21px Georgia,serif;margin:5px 0 0}.chart-legend{display:flex;gap:16px;font-size:10px;color:#afc4bf}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:14px;height:2px;display:inline-block}.legend-blue{background:#75d9e4}.legend-gold{background:#e0b26b}#telemetry{width:100%;height:154px;display:block;margin-top:7px}.telemetry-footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;padding-top:12px;flex-wrap:wrap}.telemetry-footer span{font-size:9px;letter-spacing:1px;color:#a6b5b2}.telemetry-footer strong{font-size:11px;color:#e9ede4;letter-spacing:.4px;margin-left:6px}.learn-card{margin-top:12px;padding:24px;border:1px solid var(--border);background:linear-gradient(120deg,#1b2927,#132122);display:grid;grid-template-columns:1fr auto;gap:25px}.learn-card h2{font:normal 22px Georgia,serif;margin:9px 0}.learn-card p{margin:0;color:#b3c1b7;font-size:12px;line-height:1.75;max-width:740px}.learn-facts{display:grid;gap:8px;align-content:center;min-width:132px}.learn-facts div{display:grid;gap:3px;border-left:2px solid #b28a5d;padding-left:11px}.learn-facts strong{color:#ebd09b;font:500 15px Georgia,serif}.learn-facts span{color:#9aaca4;font-size:10px}.panel-heading{padding-bottom:19px;border-bottom:1px solid var(--border)}.panel-heading h2{font:normal 27px Georgia,serif;margin:7px 0 6px}.panel-heading p{color:#92a6a0;font-size:12px;margin:0;line-height:1.5}.control-section{padding:20px 0 17px;border-bottom:1px solid var(--border)}.control-section.last{border-bottom:none}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-head h3{font-size:12px;letter-spacing:.65px;font-weight:750;margin:0}.section-head>span{font-size:9px;letter-spacing:1px;color:#9eab91}.control-grid{display:grid;gap:7px;margin-bottom:7px}.control-grid.two{grid-template-columns:1fr 1fr}.control-grid.three{grid-template-columns:repeat(3,1fr)}.button{border-radius:3px;border:1px solid #50605b;background:transparent;color:#e7efe9;padding:12px 7px;font-size:11px;font-weight:700;white-space:nowrap;transition:filter .18s,background .18s}.button:hover{filter:brightness(1.15)}.button.primary{border-color:#d6b57e;background:#cba66d;color:#1a2728}.button.reverse{background:#25494c;border-color:#3e747a;color:#d6edef}.button.secondary{background:#172a2f;border-color:#334b4e;color:#cbd7d3}.button.emergency{background:#382829;border-color:#704448;color:#efb4a7}.button.compact{padding:11px 17px}.inline-message{background:#172528;border-left:2px solid #c0a16e;color:#b0bbb4;font-size:11px;line-height:1.55;padding:10px 11px;margin-top:11px}.param{margin-bottom:18px}.param:last-child{margin-bottom:0}.param label{display:flex;justify-content:space-between;gap:15px;color:#b8cbc3;font-size:11px;margin-bottom:10px}.param output{color:#f0cc8c;font-variant-numeric:tabular-nums;font-size:11px;white-space:nowrap}.param input[type=range]{width:100%;accent-color:#d3af75;cursor:pointer;height:4px}.ticks{display:flex;justify-content:space-between;margin-top:6px;color:#718980;font-size:9px}.timechoice{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.timechoice button{padding:10px;background:#17292b;color:#bbc9c2;border:1px solid #304548}.timechoice button.selected{color:#141e20;background:#caa56a;border-color:#d4ad71;font-weight:750}.systems{display:grid;gap:10px;margin:19px 0}.systems div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dotted #34504a;padding-bottom:8px}.systems span{color:#8eaaa1;font-size:9px;letter-spacing:.9px}.systems strong{font-size:12px;color:#e8d0a1;font-variant-numeric:tabular-nums}.advisory{background:#21302d;border:1px solid #495a4b;padding:13px}.advisory span{font-size:10px;color:#e0bc80;letter-spacing:1px}.advisory p{font-size:11px;line-height:1.7;color:#b4c2b6;margin:8px 0 0}.footer{max-width:1900px;margin:auto;border-top:1px solid #283738;padding:19px 29px 22px;display:flex;justify-content:space-between;gap:20px;color:#7d9990;font-size:10px;letter-spacing:.4px}.footer span{padding:0 6px;color:#b7966b}.help-dialog{border:1px solid #657567;max-width:530px;width:calc(100% - 36px);padding:26px 31px;background:#16272b;color:#e5e9dd;box-shadow:0 40px 100px #000a}.help-dialog::backdrop{background:#061013e0}.dialog-head{display:flex;justify-content:space-between;align-items:center}.help-dialog h2{font:normal 30px Georgia,serif}.help-dialog p{font-size:13px;line-height:1.75;color:#becac1}.help-dialog dl{display:grid;grid-template-columns:120px 1fr;gap:9px;border-top:1px solid #425650;padding-top:14px}.help-dialog dt{font-size:11px;font-weight:700;color:#e0c496}.help-dialog dd{margin:0;font-size:12px;color:#b9c8c0}.help-note{border-left:2px solid #d1ae77;padding-left:13px}.help-dialog .button{margin-top:8px;padding:12px 18px}
@media(max-width:1240px){.workspace{grid-template-columns:minmax(0,1fr) 318px}.maincolumn{padding:16px}.controlpanel{padding:22px 16px}.viewport-card{height:510px}.view-btn{padding:9px 8px;font-size:10px}.data-tile{padding:14px 12px}.large-stat strong{font-size:26px}}
@media(max-width:990px){.workspace{grid-template-columns:1fr}.controlpanel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;border-left:none;border-top:1px solid var(--border)}.panel-heading{grid-column:1/-1}.viewport-card{height:clamp(420px,58vw,570px)}.insightline{grid-template-columns:repeat(4,1fr)}.control-section{padding:20px 0}.control-section.last{border-bottom:1px solid var(--border)}}
@media(max-width:650px){.appbar{padding:17px 15px;min-height:83px;gap:8px}.logo{width:43px;height:43px}.identity{gap:11px}.appbar h1{font-size:20px}.appbar .micro{font-size:8px;letter-spacing:1px}.subtitle{font-size:10px}.subtitle span{display:none}.header-actions{gap:5px}.header-actions .pill{display:none}.button.compact{padding:10px 11px}.maincolumn{padding:10px}.viewport-card{min-height:385px;height:475px}.viewport-top{padding:13px}.scene-title{font-size:16px}.darkmicro{letter-spacing:.6px}.status-chip{font-size:8px;max-width:110px;text-align:center;white-space:normal}.compass{right:13px}.left-note{left:11px;bottom:96px}.viewport-bottom{padding:8px;align-items:flex-end}.view-buttons{gap:4px}.view-btn{font-size:10px;padding:8px}.scene-actions{flex-direction:column}.insightline{grid-template-columns:repeat(2,1fr);gap:6px}.data-tile{min-height:104px}.chart-heading{align-items:flex-start}.chart-legend{flex-direction:column;gap:5px}.chart-card{padding:14px}.telemetry-footer{gap:8px}.learn-card{grid-template-columns:1fr;padding:17px}.learn-facts{grid-template-columns:repeat(3,1fr);gap:4px}.learn-facts strong{font-size:12px}.controlpanel{grid-template-columns:1fr;padding:20px}.footer{padding:15px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}