:root{color-scheme:dark;font-family:Inter,'Segoe UI',Arial,sans-serif;background:#090d10;color:#e8e7df;--ink:#e6e6e2;--quiet:#7e9198;--accent:#efa96c;--accent-strong:#ffcb8e;--stroke:rgba(184,208,221,.16);--glass:rgba(9,16,21,.80)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #f5c48c;outline-offset:3px}#viewport{position:fixed;inset:0;background:#11191d}#viewport canvas{display:block;width:100%;height:100%;outline:0;touch-action:none}#vignette{position:fixed;pointer-events:none;inset:0;background:radial-gradient(ellipse 70% 64% at 52% 51%,transparent 31%,rgba(0,0,0,.22) 74%,rgba(0,0,0,.55) 120%)}#flash{position:fixed;inset:0;background:rgba(242,239,207,.95);opacity:0;pointer-events:none;mix-blend-mode:screen;z-index:11}.glass{background:var(--glass);border:1px solid var(--stroke);box-shadow:0 14px 75px rgba(0,0,0,.24);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.topbar{position:fixed;top:19px;left:21px;right:21px;height:68px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:20;background:rgba(8,14,19,.86)}.identity{display:flex;gap:12px;align-items:center;min-width:205px}.brand-mark{width:35px;height:36px;position:relative;overflow:hidden;border:1px solid rgba(255,192,127,.45);border-radius:7px;background:linear-gradient(140deg,rgba(232,143,74,.17),rgba(232,143,74,.02))}.mark-orbit{position:absolute;left:6px;right:6px;top:8px;height:13px;border-top:3px solid var(--accent);border-radius:50%;transform:rotate(-25deg)}.mark-orbit:after{content:"";position:absolute;left:7px;top:7px;width:10px;height:11px;border-left:3px solid var(--accent);border-radius:50%;transform:rotate(25deg)}.mark-core{position:absolute;width:5px;height:5px;background:#ffc589;border-radius:50%;bottom:7px;left:14px}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-text strong{font-size:20px;letter-spacing:2px;line-height:1;font-weight:800}.brand-dot{color:var(--accent)}.brand-text small{letter-spacing:2px;font:9px 'DM Mono',monospace;color:#8c9a9e}.top-center{display:flex;align-items:center;gap:11px}.chip{font:10px 'DM Mono',monospace;letter-spacing:.65px;color:#8999a2;padding:7px 11px;border:1px solid rgba(171,184,193,.15);border-radius:4px;white-space:nowrap}.chip-live{border-color:rgba(239,169,108,.3);color:var(--accent);background:rgba(233,143,76,.07)}.chip-live i,.activity-dot,.connection-light,.pulse-small{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f2ad72;box-shadow:0 0 12px #f2ad72;margin-right:6px;vertical-align:middle;animation:blink 2s ease-in-out infinite}.top-actions{display:flex;gap:9px}.icon-btn{width:34px;height:34px;color:#aeb8bc;border:1px solid var(--stroke);border-radius:5px;background:rgba(255,255,255,.025);font-size:20px}.icon-btn:hover,.reset-btn:hover{color:var(--accent);border-color:rgba(239,169,108,.45)}.controls{position:fixed;top:100px;left:21px;bottom:110px;width:324px;border-radius:10px;display:flex;flex-direction:column;z-index:8;overflow:hidden}.panel-head{padding:26px 23px 20px;border-bottom:1px solid rgba(200,220,234,.11)}.eyebrow,.section-heading,.telemetry-title,.map-head,.event-head{font:10px 'DM Mono',monospace;letter-spacing:1.5px;color:#9ca9ad}.mini-glyph{font-size:9px;color:var(--accent);margin-right:7px}.panel-index{float:right;color:#55676f}.panel-head h1{font:700 31px 'Arial Narrow',Impact,Inter,sans-serif;letter-spacing:.15px;margin:11px 0 4px}.panel-head h1 span{color:var(--accent)}.panel-head p{font-size:11px;line-height:1.5;color:#7d8e96;margin:0}.scroll-controls{overflow-y:auto;overflow-x:hidden;flex:1;scrollbar-width:thin;scrollbar-color:#38444a transparent}.control-section{padding:19px 23px 20px;border-bottom:1px solid rgba(200,220,234,.085)}.section-heading{display:flex;align-items:center;gap:11px;color:#c6cdd1;font-size:10px;letter-spacing:1.1px;margin-bottom:18px}.section-heading>span:first-child{color:#67757d}.status-dot{margin-left:auto;background:#c79561;height:5px;width:5px;border-radius:50%}.ef-select{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.ef-btn{min-width:0;height:36px;font:600 11px 'DM Mono',monospace;color:#8e9ea5;background:#172027;border:1px solid #2b3940;border-radius:4px;transition:.15s}.ef-btn:hover{border-color:#b08a60;color:#f2c697}.ef-btn.active{background:#d69660;color:#111419;border-color:#d69660;box-shadow:0 3px 20px #d6966024}.intensity-meta{display:flex;justify-content:space-between;font:8px 'DM Mono',monospace;margin-top:9px;color:#697c86;letter-spacing:.55px}.intensity-meta strong{color:#d8a474;font-weight:500}.slider-set{display:flex;flex-direction:column;gap:14px}.slider-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#bfc5c8}.slider-row output{font:11px 'DM Mono',monospace;color:var(--accent);font-variant-numeric:tabular-nums}.slider-set input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:3px;margin:9px 0 5px;border-radius:9px;background:linear-gradient(90deg,#e5a264 50%,#35434c 50%);cursor:pointer}.slider-set input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;border:2px solid #f8cb95;background:#20262c;box-shadow:0 0 0 3px rgba(222,153,88,.13)}.slider-set input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;border:2px solid #f8cb95;background:#20262c}.camera-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.camera-btn{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;background:#172027;border:1px solid #304048;border-radius:4px;color:#98a9b1;font:11px 'DM Mono',monospace}.camera-btn.active{background:rgba(225,150,87,.13);border-color:#ad7e54;color:#f2c28e}.camera-btn:first-letter{font-size:16px}.camera-help{font:10px 'DM Mono',monospace;color:#6c818d;margin:12px 0 0}.toggle-line{display:flex;align-items:center;justify-content:space-between;margin:15px 0}.toggle-line>span{font-size:12px;color:#c4ced1}.toggle-line small{display:block;font:8px 'DM Mono',monospace;margin-top:5px;color:#6e8089;letter-spacing:.3px}.switch{position:relative;display:inline-flex;width:33px;height:19px;align-items:center}.switch input{opacity:0;width:0;height:0;position:absolute}.switch>span{width:33px;height:19px;background:#3b4850;border-radius:30px;transition:.2s}.switch>span:after{content:"";display:block;width:13px;height:13px;background:#b6c0c5;border-radius:50%;position:absolute;left:3px;top:3px;transition:.2s}.switch input:checked+span{background:#d39560}.switch input:checked+span:after{left:17px;background:#161c22}.last-section{border-bottom:0}.panel-footer{display:flex;align-items:center;padding:0 20px;height:42px;flex-shrink:0;background:rgba(5,11,15,.65);border-top:1px solid #243038;font:9px 'DM Mono',monospace;color:#77958e;letter-spacing:.55px}.connection-light{background:#74c09f;box-shadow:0 0 9px #74c09f}.panel-footer-ver{margin-left:auto;color:#53676f}.telemetry{position:fixed;right:21px;top:100px;width:275px;bottom:110px;border-radius:10px;padding:19px 18px 10px;overflow:auto;scrollbar-width:thin;scrollbar-color:#324047 transparent;z-index:8}.telemetry-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #304049;padding-bottom:15px;color:#cad5d8}.crosshair-icon{font-size:18px;color:var(--accent)}.metric-feature{padding:17px 0 19px;border-bottom:1px solid #304049}.metric-feature>small,.data-grid small{display:block;font:9px 'DM Mono',monospace;letter-spacing:.5px;color:#7d929e}.metric-value{display:flex;align-items:baseline;gap:9px;margin-top:2px}.metric-value span{font:700 51px 'Arial Narrow',Impact,sans-serif;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-1px}.metric-value em{font:11px 'DM Mono',monospace;color:#93a2a9;font-style:normal}.metric-bar{width:100%;height:4px;background:#304049;border-radius:3px;overflow:hidden;margin-top:8px}.metric-bar div{width:56%;height:100%;background:linear-gradient(90deg,#e5ba7e,#ea805b);box-shadow:0 0 12px #ea805b}.scale-labels{display:flex;justify-content:space-between;font:8px 'DM Mono',monospace;margin-top:7px;color:#687a84}.data-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:20px;column-gap:8px;padding:20px 0;border-bottom:1px solid #304049}.data-grid strong{display:block;margin-top:7px;font:600 13px 'DM Mono',monospace;color:#d7dfe0}.map-head{display:flex;align-items:center;justify-content:space-between;margin-top:19px;color:#c6d0d0;letter-spacing:.8px;font-size:9px}.map-corners{color:#6f8491;font-size:8px}#radar{width:100%;height:auto;margin-top:10px;border:1px solid #334550;background:#0c1c24;border-radius:4px;display:block}.event-head{display:flex;justify-content:space-between;align-items:center;margin-top:19px;padding-bottom:10px;border-bottom:1px solid #304049;color:#c6d0d0}.pulse-small{margin-right:4px}.event-list{display:flex;flex-direction:column;margin-top:10px;gap:11px;max-height:150px;overflow:hidden}.event-item{display:flex;gap:8px;align-items:start;font:9px/1.45 'DM Mono',monospace;color:#889ba3;min-height:16px}.event-item i{width:4px;height:4px;border-radius:50%;background:#dc9b65;flex-shrink:0;margin-top:5px}.event-item span{flex:1}.event-item time{font-size:8px;color:#586f7a}.scene-tag{position:fixed;top:26%;left:47%;color:#e3dfd3;pointer-events:none;text-shadow:0 2px 18px #111b1d;z-index:4;font:9px 'DM Mono',monospace;letter-spacing:1px}.scene-tag-line{height:1px;width:46px;background:rgba(240,195,136,.85);margin-bottom:9px;transform-origin:left;transform:rotate(0deg)}.scene-tag span{display:block}.scene-tag b{color:#eca86f}.scene-tag small{display:block;color:#b3a99a;font-size:8px;margin-top:5px}.coords{position:fixed;bottom:118px;left:371px;font:9px 'DM Mono',monospace;letter-spacing:1px;color:#b1c0bd;opacity:.7;z-index:3;text-shadow:0 1px 6px #142227}.bottom-bar{position:fixed;left:21px;right:21px;bottom:18px;height:80px;border-radius:10px;display:flex;align-items:center;z-index:20;padding:13px 19px;gap:22px;background:rgba(8,14,19,.88)}.transport{display:flex;gap:8px;align-items:center}.play-btn{height:46px;width:47px;background:var(--accent);border:1px solid var(--accent);color:#161d22;font-size:20px;font-weight:800;border-radius:6px}.play-btn:hover{background:#ffd29c}.reset-btn{height:45px;width:45px;background:#1b262d;color:#c0cacc;border:1px solid #34424a;border-radius:6px;font-size:25px}.timeline-zone{flex:1;min-width:140px}.timeline-top{display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono',monospace;color:#acb8bb;letter-spacing:.45px}.timeline-top b{font-weight:500;color:#d2d9d9}.timeline-track{position:relative;height:4px;border-radius:10px;background:#374148;margin:13px 0 8px;cursor:pointer}.timeline-track>div:first-child{width:0%;background:linear-gradient(90deg,#be754b,#f8bb86);height:100%;border-radius:10px}.timeline-track>div:nth-child(2){position:absolute;width:10px;height:10px;border-radius:50%;background:#f8c58d;box-shadow:0 0 13px #f1a76c;top:-3px;left:0%;transform:translateX(-50%);pointer-events:none}.timeline-labels{display:flex;justify-content:space-between;font:8px 'DM Mono',monospace;letter-spacing:.4px;color:#64747e}.bottom-right{display:flex;align-items:center;gap:24px}.fps-label{white-space:nowrap;font:9px 'DM Mono',monospace;color:#64777f}.fps-label strong{color:#92c1a1;font-size:12px}.kbd{border:1px solid #3a474d;background:#172027;color:#9fb0b4;padding:8px;border-radius:4px;font:8px 'DM Mono',monospace}.kbd b{margin-left:7px;color:#667983;font-weight:500}#toast{position:fixed;bottom:115px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(15,23,28,.9);border:1px solid #6b6054;color:#f2bd8b;border-radius:6px;padding:12px 18px;z-index:60;opacity:0;pointer-events:none;transition:opacity .24s,transform .24s;font:11px 'DM Mono',monospace;white-space:nowrap}#toast.visible{transform:translateX(-50%) translateY(0);opacity:1}#loading{position:fixed;inset:0;background:radial-gradient(ellipse at center,#152028,#090f14 70%);z-index:120;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .8s,visibility .8s}#loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-emblem{font-size:63px;color:var(--accent);line-height:1;animation:spin 3s linear infinite}#loading h2{font:700 26px 'Arial Narrow',Impact,sans-serif;letter-spacing:3px;margin:19px 0 6px}#loading p{font-size:12px;color:#8b9ca3;margin:0}.load-line{margin-top:29px;width:230px;height:2px;background:#28363e}.load-line i{display:block;height:2px;background:var(--accent);width:100%;animation:load 1.5s ease-out both}#loading small{color:#667d87;font:9px 'DM Mono',monospace;letter-spacing:1px;margin-top:16px}#restore-ui{position:fixed;z-index:30;right:20px;top:20px;padding:12px 18px;border-radius:6px;background:#16232b;border:1px solid #bd905c;color:#e6bd8e;display:none;font:11px 'DM Mono',monospace}#restore-ui span{margin-left:12px;font-size:17px}.ui-hidden .controls,.ui-hidden .telemetry,.ui-hidden .topbar,.ui-hidden .bottom-bar,.ui-hidden .scene-tag,.ui-hidden .coords{display:none}.ui-hidden #restore-ui{display:block}@keyframes blink{50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes load{0%{width:0}100%{width:100%}}
@media(max-width:1200px){.top-center .desktop-only{display:none}.controls{width:290px}.telemetry{width:245px}.coords{left:330px}.bottom-right .kbd{display:none}.bottom-right{gap:9px}}
@media(max-width:900px){.telemetry{top:100px;bottom:auto;height:auto;max-height:calc(100vh - 210px);width:200px}.data-grid{row-gap:13px}.metric-value span{font-size:41px}.event-list{display:none}.panel-head{padding:17px}.controls{width:245px}.control-section{padding:15px}.top-center .chip.soft{display:none}.scene-tag{display:none}.coords{display:none}}
@media(max-width:680px){.topbar{left:9px;right:9px;top:9px;height:54px;padding:0 11px}.identity{min-width:0}.brand-text strong{font-size:16px}.brand-text small{font-size:7px}.brand-mark{width:30px;height:30px}.top-center{display:none}.controls{left:9px;top:auto;bottom:91px;width:min(54vw,245px);max-height:43vh}.panel-head{padding:12px 14px 10px}.panel-head h1{font-size:21px;margin:6px 0 2px}.panel-head p{font-size:9px}.eyebrow{font-size:8px}.control-section{padding:11px 13px}.section-heading{margin-bottom:10px;font-size:8px}.ef-btn{height:29px;font-size:9px}.slider-set{gap:8px}.slider-row{font-size:10px}.camera-btn{padding:7px;font-size:9px}.telemetry{top:73px;right:9px;width:160px;padding:11px 11px 13px;max-height:calc(100vh - 170px)}.telemetry-title{font-size:8px;padding-bottom:8px}.metric-feature{padding:9px 0}.metric-feature>small,.data-grid small{font-size:7px}.metric-value span{font-size:36px}.metric-value em{font-size:9px}.data-grid{gap:10px 5px;padding:12px 0}.data-grid strong{font-size:10px;margin-top:3px}.map-head{margin-top:12px;font-size:7px}.map-corners{display:none}.bottom-bar{left:9px;right:9px;bottom:9px;height:70px;padding:9px;gap:9px}.play-btn,.reset-btn{width:36px;height:40px;font-size:18px}.timeline-top{font-size:8px}.timeline-labels{font-size:6px}.bottom-right{display:none}.timeline-track{margin:13px 0 9px}#toast{bottom:83px;max-width:90vw;overflow:hidden;text-overflow:ellipsis;font-size:9px}}@media(max-width:390px){.telemetry{width:132px}.controls{width:206px}.ef-btn{font-size:8px}.metric-value span{font-size:30px}.brand-text small{letter-spacing:1px}}