:root{--bg:#03070c;--bg-soft:#050d14c7;--panel:linear-gradient(145deg, #071018e0, #03090eb8);--line:#98e0f529;--line-strong:#98e0f56b;--text:#eaf5f7;--muted:#90a7b0;--muted-2:#637a84;--cyan:#64e8ff;--cyan-soft:#64e8ff21;--violet:#a18dff;--violet-soft:#a18dff24;--amber:#ffc27d;--amber-soft:#ffc27d1f;--green:#79f7bc;--red:#ff6b7a;--font-display:"Bahnschrift", "DIN Alternate", "Arial Narrow", "Segoe UI", sans-serif;--font-ui:"Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-mono:"Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none}button,input{font:inherit;color:inherit}button{cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}#world{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}body.intro-open #world{cursor:default}#ui{z-index:10;pointer-events:none;position:fixed;inset:0}.screen-vignette,.screen-grain,.screen-scanlines{z-index:3;pointer-events:none;position:fixed;inset:0}.screen-vignette{background:radial-gradient(at 54% 46%,#0000 29%,#00040833 67%,#000306a8 100%)}.screen-grain{opacity:.035;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.screen-scanlines{opacity:.04;background:repeating-linear-gradient(#0000 0 2px,#bcefff47 3px)}.hud-layer{opacity:0;transition:opacity .8s var(--ease-out)}body.hud-ready .hud-layer{opacity:1}.topbar{pointer-events:none;z-index:8;align-items:center;gap:24px;padding:24px 30px;display:flex;position:absolute;top:0;left:0;right:0}.brand-lockup{align-items:center;gap:12px;min-width:190px;display:flex}.brand-mark{fill:none;width:34px;height:34px;stroke:var(--cyan);stroke-width:1px;filter:drop-shadow(0 0 10px #64e8ff47)}.brand-type{flex-direction:column;gap:3px;display:flex}.brand-type span,.brand-type strong{font-family:var(--font-mono);letter-spacing:.2em;font-weight:500}.brand-type span{color:var(--muted);font-size:8px}.brand-type strong{color:var(--text);letter-spacing:.14em;font-size:13px}.live-strip{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;white-space:nowrap;background:#030a106b;align-items:center;gap:11px;padding:8px 15px;font-size:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.live-dot{background:var(--green);width:5px;height:5px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:2.6s ease-in-out infinite signal-pulse;display:inline-block}.hairline{background:var(--line);width:1px;height:10px;display:block}.top-actions{pointer-events:auto;align-items:center;gap:7px;margin-left:auto;display:flex}.icon-button{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030a106b;place-items:center;transition:color .2s,border-color .2s,background .2s;display:grid;position:relative}.icon-button:hover,.icon-button.is-active{color:var(--cyan);border-color:var(--line-strong);background:var(--cyan-soft)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.graphics-panel{z-index:26;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);opacity:0;visibility:hidden;pointer-events:none;width:274px;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out), visibility .3s;background:linear-gradient(155deg,#06131bf7,#03090eed);padding:15px 16px 13px;position:fixed;top:76px;right:30px;transform:translateY(-7px);box-shadow:0 24px 70px #0000006b,inset 0 1px #dcf8ff0d}.graphics-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.graphics-heading{border-bottom:1px solid var(--line);color:var(--cyan);font-family:var(--font-mono);letter-spacing:.13em;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;font-size:8px;display:flex}.graphics-close{width:25px;height:25px;color:var(--muted);background:0 0;border:0}.graphics-close svg{width:13px;height:13px}.settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.settings-row-stack{display:block}.settings-label b,.settings-label small{font-family:var(--font-mono);letter-spacing:.07em;font-weight:500;display:block}.settings-label b{color:var(--text);font-size:8px}.settings-label small{color:var(--muted-2);margin-top:3px;font-size:6px}.settings-toggle{border:1px solid var(--line);min-width:64px;height:27px;color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.07em;background:#ffffff05;flex:none;justify-content:flex-start;align-items:center;gap:7px;padding:0 7px;font-size:7px;transition:color .2s,border-color .2s,background .2s;display:flex}.settings-toggle:hover{color:var(--text);border-color:var(--line-strong)}.settings-toggle i{border:1px solid #a4dfeb40;border-radius:8px;width:23px;height:11px;transition:border-color .2s,background .2s;position:relative}.settings-toggle i:after{content:"";background:var(--muted-2);width:5px;height:5px;transition:transform .2s var(--ease-out), background .2s ease;border-radius:50%;position:absolute;top:2px;left:2px}.settings-toggle.is-on{color:var(--cyan);background:var(--cyan-soft);border-color:#64e8ff57}.settings-toggle.is-on i{background:#64e8ff21;border-color:#64e8ff66}.settings-toggle.is-on i:after{background:var(--cyan);box-shadow:0 0 8px var(--cyan);transform:translate(11px)}.quality-switch{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:9px;display:grid}.quality-switch button{border:1px solid var(--line);height:26px;color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.05em;background:#ffffff04;font-size:7px;transition:color .2s,border-color .2s,background .2s}.quality-switch button:hover{color:var(--text);border-color:var(--line-strong)}.quality-switch button.is-active{color:var(--cyan);background:var(--cyan-soft);border-color:#64e8ff57}.graphics-note{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.04em;margin:12px 0 0;font-size:6px;line-height:1.7}.intro-open .graphics-panel,.tour-mode .graphics-panel,.photo-mode .graphics-panel{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.sector-readout{border-left:1px solid var(--line);width:194px;font-family:var(--font-mono);pointer-events:none;padding-left:12px;position:absolute;top:132px;left:30px}.sector-readout:before{content:"";background:var(--cyan);width:3px;height:28px;box-shadow:0 0 14px var(--cyan);position:absolute;top:0;left:-2px}.readout-kicker{color:var(--cyan);letter-spacing:.15em;font-size:8px}.readout-title{color:#d6f1f7c2;letter-spacing:.13em;margin:9px 0 13px;font-size:9px;line-height:1.7}.readout-row{color:var(--muted-2);letter-spacing:.12em;justify-content:space-between;gap:10px;padding:3px 0;font-size:7px;display:flex}.readout-row b{color:#b9ecf6ad;font-weight:500}.readout-bars{align-items:end;gap:3px;height:17px;margin-top:13px;display:flex}.readout-bars i{background:#64e8ff52;width:3px;height:5px}.readout-bars i:nth-child(2n){height:9px}.readout-bars i:nth-child(3n){background:#64e8ff94;height:14px}.readout-bars i:nth-child(5n){height:7px}.telemetry{pointer-events:none;width:290px;font-family:var(--font-mono);position:absolute;bottom:205px;left:30px}.telemetry-head{border-bottom:1px solid var(--line);color:var(--muted-2);letter-spacing:.15em;justify-content:space-between;padding-bottom:6px;font-size:7px;display:flex}.telemetry-feed{flex-direction:column;gap:5px;padding-top:8px;display:flex}.feed-line{color:#bbe3eb9e;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:7px;transition:opacity .3s;display:flex}.feed-line i{background:var(--cyan);width:3px;height:3px;box-shadow:0 0 6px var(--cyan);flex:none}.bottom-dock{z-index:9;pointer-events:none;grid-template-columns:minmax(350px,1.22fr) minmax(272px,.82fr) minmax(330px,1.06fr);gap:8px;width:calc(100% - 48px);max-width:1480px;display:grid;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.dock-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(17px)saturate(1.15);backdrop-filter:blur(17px)saturate(1.15);pointer-events:auto;min-width:0;padding:13px 15px 12px;position:relative;box-shadow:0 16px 50px #0000003d,inset 0 1px #dcf8ff09}.dock-panel:after{content:"";border-top:1px solid var(--line-strong);border-right:1px solid var(--line-strong);pointer-events:none;width:9px;height:9px;position:absolute;top:-1px;right:-1px}.panel-heading{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.13em;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:9px;font-size:8px;display:flex}.panel-accent{color:var(--amber)}.panel-meta{color:var(--muted-2);font-size:7px}.time-row{align-items:center;gap:12px;margin-top:11px;display:flex}.play-button{background:radial-gradient(circle, var(--cyan-soft), #02090e99);width:39px;height:39px;color:var(--cyan);border:1px solid #64e8ff73;border-radius:50%;flex:none;place-items:center;transition:background .2s,box-shadow .2s;display:grid}.play-button:hover{background:#64e8ff33;box-shadow:0 0 22px #64e8ff30}.play-button.is-paused{color:var(--amber);border-color:#ffc27d73}.play-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.time-readout{flex:none;min-width:81px}.clock-large{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.025em;color:var(--text);text-shadow:0 0 24px #65e8ff21;font-size:28px;font-weight:500;line-height:.94}.time-sub{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.12em;align-items:center;gap:6px;margin-top:6px;font-size:8px;display:flex}.signal-dot{background:var(--green);width:4px;height:4px;box-shadow:0 0 6px var(--green);border-radius:50%}.time-controls{flex:1;align-items:flex-end;gap:10px;min-width:0;display:flex}.slider-wrap{flex:1;min-width:0}.slider-track-labels{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.05em;justify-content:space-between;padding:0 1px 3px;font-size:6px;display:flex}.time-slider{--progress:75%;appearance:none;cursor:ew-resize;background:0 0;width:100%;height:15px;margin:0;display:block}.time-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--cyan) 0 var(--progress), #aadce829 var(--progress) 100%);border-radius:1px;height:2px}.time-slider::-moz-range-track{background:#aadce829;height:2px}.time-slider::-moz-range-progress{background:var(--cyan);height:2px}.time-slider::-webkit-slider-thumb{appearance:none;background:var(--cyan);clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);border:0;width:8px;height:16px;margin-top:-7px;box-shadow:0 0 12px #64e8ffcc}.time-slider::-moz-range-thumb{background:var(--cyan);border:0;border-radius:0;width:8px;height:16px;box-shadow:0 0 12px #64e8ffcc}.speed-button{border:1px solid var(--line);min-width:36px;height:23px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;flex:none;padding:0 7px;font-size:8px;transition:color .2s,border-color .2s}.speed-button:hover{color:var(--cyan);border-color:var(--line-strong)}.time-presets{align-items:center;gap:4px;margin-top:9px;display:flex}.time-presets button{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.07em;border:1px solid #0000;padding:3px 6px;font-size:8px;transition:color .2s,border-color .2s}.time-presets button:hover{color:var(--cyan);border-color:var(--line)}.weather-grid{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:11px;display:grid}.weather-button{min-width:0;height:50px;color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.03em;background:#ffffff05;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:7px;transition:color .2s,border-color .2s,background .2s;display:flex}.weather-button:hover{color:var(--text);background:#ffffff0a}.weather-button.is-active{color:var(--cyan);background:var(--cyan-soft);border-color:#64e8ff57}.weather-glyph{border:1px solid;border-radius:50%;width:12px;height:12px;display:block;position:relative}.weather-clear{color:var(--amber);box-shadow:inset 0 0 5px #ffc27d73}.weather-rain{color:#82c7ff;border-radius:50% 50% 55% 55%;transform:rotate(-12deg)}.weather-rain:after,.weather-storm:after{content:"";background:currentColor;width:1px;height:5px;position:absolute;top:4px;left:3px;box-shadow:4px 0}.weather-storm{color:var(--violet);border-radius:3px;transform:rotate(45deg)}.weather-storm:after{box-shadow:none;top:2px;left:2px;transform:rotate(-45deg)}.weather-snow{color:#dfeaff;background:linear-gradient(#0000 43%,currentColor 44% 56%,#0000 57%),linear-gradient(90deg,#0000 43%,currentColor 44% 56%,#0000 57%);border:0}.weather-fog{color:#a4b6bc;opacity:.8;background:repeating-linear-gradient(0deg,#0000 1px,currentColor 2px,#0000 3px 5px);border:0}.weather-hint{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:7px;overflow:hidden}.toggle-button{border:1px solid var(--line);color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.08em;padding:2px 6px;font-size:7px;transition:color .2s,border-color .2s,background .2s}.toggle-button.is-active{color:var(--green);background:#79f7bc12;border-color:#79f7bc5c}.action-grid{grid-template-columns:1fr 1fr;gap:4px;margin-top:9px;display:grid}.action-button{min-width:0;color:var(--muted);text-align:left;background:#ffffff05;border:1px solid #0000;align-items:center;gap:7px;padding:7px 6px;transition:color .2s,border-color .2s,background .2s;display:flex}.action-button:hover{color:var(--text);border-color:var(--line);background:#64e8ff0d}.action-button.is-active{color:var(--cyan);background:var(--cyan-soft);border-color:#64e8ff4d}.action-symbol{width:20px;color:var(--cyan);font-family:var(--font-display);text-align:center;flex:none;font-size:15px}.action-button b,.action-button small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.action-button b{color:inherit;font-family:var(--font-mono);letter-spacing:.03em;font-size:8px;font-weight:500}.action-button small{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.03em;margin-top:2px;font-size:6px}.pulse-action{background:linear-gradient(135deg,#64e8ff1c,#a18dff0f);border-color:#64e8ff2b}.preset-row{border-top:1px solid var(--line);align-items:center;gap:5px;margin-top:7px;padding-top:7px;display:flex}.preset-label{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.1em;margin-right:2px;font-size:7px}.preset-row button{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.05em;border:1px solid #0000;padding:3px 5px;font-size:7px;transition:color .2s,border-color .2s}.preset-row button:hover{color:var(--cyan);border-color:var(--line)}.fps-read{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.05em;margin-left:auto;font-size:7px}.control-hint{z-index:8;color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.08em;pointer-events:none;align-items:center;gap:18px;font-size:7px;display:flex;position:absolute;bottom:18px;left:30px;right:30px}.control-hint b{color:#c8ecf2b8;font-weight:500}.hint-fill{flex:1}.seed-label{color:var(--muted-2)}.seed-label b{color:var(--muted)}.inspector{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;visibility:hidden;width:312px;transition:transform .55s var(--ease-out), opacity .4s ease, visibility .4s ease;z-index:25;pointer-events:auto;background:linear-gradient(160deg,#051018f0,#03080dc4);border:1px solid #64e8ff3b;padding:22px;position:absolute;top:102px;right:28px;transform:translate(calc(100% + 70px));box-shadow:0 30px 80px #00000052,inset 0 1px #dcf8ff0a}.inspector.is-open{opacity:1;visibility:visible;transform:translate(0)}.inspector-glow{background:var(--cyan);width:62px;height:2px;box-shadow:0 0 22px var(--cyan);position:absolute;top:-1px;left:22px}.inspector-close{background:0 0;width:28px;height:28px;position:absolute;top:12px;right:12px}.inspector-kicker{color:var(--cyan);font-family:var(--font-mono);letter-spacing:.16em;margin-bottom:13px;font-size:7px}.inspector h2{max-width:calc(100% - 26px);font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:28px;font-weight:500;line-height:.94}.inspector-tenant{color:var(--muted);font-family:var(--font-mono);letter-spacing:.1em;margin:8px 0 18px;font-size:8px}.inspector-stats{border:1px solid var(--line);background:var(--line);grid-template-columns:1.15fr .9fr .8fr;gap:1px;display:grid}.inspector-stats>div{background:#040c12d6;padding:9px}.inspector-stats span,.inspector-stats b{font-family:var(--font-mono);letter-spacing:.08em;font-weight:500;display:block}.inspector-stats span{color:var(--muted-2);font-size:6px}.inspector-stats b{color:#daf4f9e6;margin-top:4px;font-size:10px}.meter-block{margin-top:16px}.meter-label{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;margin-bottom:6px;font-size:7px;display:flex}.meter-label b{color:var(--muted);font-weight:500}.meter{background:#a4dfeb1c;height:3px;overflow:hidden}.meter i{background:linear-gradient(90deg, var(--cyan), var(--violet));width:0%;height:100%;transition:width .6s var(--ease-out);display:block;box-shadow:0 0 10px #64e8ff73}.inspector-actions{flex-direction:column;gap:6px;margin-top:21px;display:flex}.inspector-primary,.inspector-secondary{min-height:35px;font-family:var(--font-mono);letter-spacing:.1em;text-align:left;padding:8px 12px;font-size:7px}.inspector-primary{color:#071116;background:var(--cyan);justify-content:space-between;align-items:center;display:flex}.inspector-primary:hover{background:#a5f4ff}.inspector-primary svg{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;width:14px;height:14px}.inspector-secondary{color:var(--muted);border:1px solid var(--line)}.inspector-secondary:hover{color:var(--cyan);border-color:var(--line-strong)}.hover-tag{border-left:1px solid var(--cyan);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:none;opacity:0;z-index:30;font-family:var(--font-mono);background:#030b11d1;flex-direction:column;gap:3px;padding:8px 10px;transition:opacity .15s,transform .15s;display:flex;position:fixed;transform:translateY(4px)}.hover-tag.is-visible{opacity:1;transform:translateY(0)}.hover-tag b{color:var(--text);letter-spacing:.07em;font-size:8px;font-weight:500}.hover-tag span{color:var(--muted);letter-spacing:.08em;font-size:6px}.toast-stack{pointer-events:none;z-index:35;flex-direction:column;gap:6px;width:min(370px,100% - 32px);display:flex;position:fixed;top:86px;left:50%;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .35s ease, transform .35s var(--ease-out);background:#040d14e6;border:1px solid #64e8ff38;align-items:center;gap:11px;padding:10px 13px;display:flex;transform:translateY(-7px)}.toast.is-visible{opacity:1;transform:translateY(0)}.toast>i{background:var(--cyan);flex:none;width:4px;height:21px;box-shadow:0 0 12px #64e8ff8c}.toast-warm>i{background:var(--amber);box-shadow:0 0 12px #ffc27d80}.toast b,.toast span{font-family:var(--font-mono);letter-spacing:.06em;display:block}.toast b{color:var(--text);font-size:8px;font-weight:500}.toast span{color:var(--muted);margin-top:3px;font-size:7px}.intro-overlay{z-index:40;transition:opacity .9s var(--ease-out), visibility .9s;background:linear-gradient(90deg,#02060afa 0%,#02070be6 29%,#03090e66 62%,#02070b14 100%),radial-gradient(at 82% 38%,#1b697c2b,#0000 43%);flex-direction:column;padding:26px 40px 22px;display:flex;position:fixed;inset:0;overflow:hidden}.intro-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-overlay:before{content:"";pointer-events:none;opacity:.5;background-image:linear-gradient(#72e2f80b 1px,#0000 1px),linear-gradient(90deg,#72e2f80b 1px,#0000 1px);background-size:74px 74px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000c,#0000 66%);mask-image:linear-gradient(90deg,#000c,#0000 66%)}.intro-overlay:after{content:"";pointer-events:none;background:linear-gradient(#0000,#64e8ff40 19%,#0000 57%);width:1px;position:absolute;top:26px;bottom:22px;left:40px}.intro-noise{pointer-events:none;opacity:.07;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.intro-top,.intro-footer,.intro-main{z-index:1;position:relative}.intro-top{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.15em;justify-content:space-between;align-items:center;font-size:8px;display:flex}.intro-mark{color:var(--cyan);align-items:center;gap:10px;display:flex}.intro-mark-line{background:var(--cyan);width:26px;height:1px;box-shadow:0 0 12px var(--cyan)}.intro-top-right{gap:26px;display:flex}.intro-main{flex:1;justify-content:space-between;align-items:flex-end;gap:40px;padding:30px 0 45px 30px;display:flex}.intro-copy{opacity:0;width:min(710px,62vw);animation:intro-rise 1s .18s var(--ease-out) forwards;transform:translateY(18px)}.eyebrow{color:var(--cyan);font-family:var(--font-mono);letter-spacing:.18em;align-items:center;gap:10px;font-size:8px;display:flex}.eyebrow>span{background:var(--cyan);width:22px;height:1px;display:block;box-shadow:0 0 12px #64e8ffb3}.intro-copy h1{font-family:var(--font-display);letter-spacing:-.055em;flex-direction:column;align-items:flex-start;margin:18px 0;font-size:clamp(88px,11.8vw,172px);font-weight:600;line-height:.76;display:flex}.intro-copy h1 span:first-child{color:#eaf8fa;text-shadow:0 0 40px #87e7fa21}.intro-copy h1 .outline{color:#0000;-webkit-text-stroke:1px #b0ecf79e;text-stroke:1px #b0ecf79e;transform:translate(.12em)}.intro-copy>p{color:#c5e0e6ad;max-width:530px;margin:0;font-size:14px;font-weight:400;line-height:1.65}.intro-cta-row{align-items:center;gap:22px;margin-top:28px;display:flex}.enter-button{min-width:245px;color:var(--text);text-align:left;background:linear-gradient(100deg,#64e8ff24,#64e8ff06);border:1px solid #64e8ff80;align-items:center;gap:13px;padding:10px 16px 10px 10px;transition:background .3s,border-color .3s,box-shadow .3s;display:flex}.enter-button:hover,.enter-button.is-pressed{border-color:var(--cyan);background:linear-gradient(100deg,#64e8ff47,#a18dff1f);box-shadow:0 0 40px #64e8ff1c}.enter-icon{background:#030d1273;border:1px solid #64e8ff52;place-items:center;width:35px;height:35px;display:grid}.enter-icon svg{fill:none;width:17px;height:17px;stroke:var(--cyan);stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round}.enter-button b,.enter-button small{font-family:var(--font-mono);letter-spacing:.1em;display:block}.enter-button b{font-size:9px;font-weight:500}.enter-button small{color:var(--muted);letter-spacing:.14em;margin-top:4px;font-size:6px}.intro-note{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.04em;font-size:7px;line-height:1.8}.intro-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));max-width:570px;margin-top:39px;display:grid}.intro-stats>div{border-right:1px solid var(--line);padding:11px 14px 0 0}.intro-stats>div:not(:first-child){padding-left:14px}.intro-stats>div:last-child{border-right:0}.intro-stats b,.intro-stats span{font-family:var(--font-mono);letter-spacing:.08em;font-weight:500;display:block}.intro-stats b{color:#dcf7fbdb;font-size:16px}.intro-stats span{color:var(--muted-2);margin-top:5px;font-size:6px}.intro-side{opacity:0;width:220px;animation:intro-rise 1s .45s var(--ease-out) forwards;flex:0 0 220px;margin-bottom:22px}.intro-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(150deg,#0819228c,#03090f59);border:1px solid #92e2f32e;padding:14px}.intro-card-head,.intro-card-foot{font-family:var(--font-mono);letter-spacing:.12em;color:var(--muted);justify-content:space-between;align-items:center;font-size:6px;display:flex}.intro-card-foot{border-top:1px solid var(--line);padding-top:12px}.intro-card-foot b{color:var(--green);font-weight:500}.core-orbit{border:1px solid #64e8ff47;border-radius:50%;width:126px;height:126px;margin:20px auto;position:relative;box-shadow:inset 0 0 32px #64e8ff14,0 0 42px #64e8ff0d}.core-orbit:before,.core-orbit:after{content:"";border:1px dashed #a18dff59;border-radius:50%;animation:18s linear infinite orbit-spin;position:absolute;inset:17px}.core-orbit:after{border-color:#64e8ff52;animation-duration:10s;animation-direction:reverse;inset:33px}.core-orbit span{background:var(--cyan);width:3px;height:3px;box-shadow:0 0 7px var(--cyan);transform-origin:0 0;border-radius:50%;margin:-1px;position:absolute;top:50%;left:50%}.core-orbit span:first-child{transform:rotate(20deg)translate(61px)}.core-orbit span:nth-child(2){transform:rotate(148deg)translate(44px)}.core-orbit span:nth-child(3){background:var(--violet);transform:rotate(262deg)translate(52px)}.core-orbit i{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 28px var(--cyan), 0 0 80px #64e8ff66;border-radius:50%;animation:3.5s ease-in-out infinite core-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-side-note{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.11em;flex-direction:column;gap:7px;margin-top:17px;font-size:6px;display:flex}.intro-side-note span:nth-child(2){color:var(--muted);padding-left:12px}.intro-side-note span:nth-child(3){color:var(--cyan);padding-left:24px}.intro-footer{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.09em;align-items:center;gap:22px;font-size:7px;display:flex}.intro-footer b{color:var(--muted);font-weight:500}.intro-footer-line{background:linear-gradient(90deg, var(--line), transparent);flex:1;height:1px}.help-overlay{z-index:60;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);opacity:0;visibility:hidden;pointer-events:none;background:#010509a3;place-items:center;padding:24px;transition:opacity .3s,visibility .3s;display:grid;position:fixed;inset:0}.help-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.modal-card{background:linear-gradient(145deg,#07141df5,#03080ded);border:1px solid #64e8ff3b;width:min(700px,100%);max-height:80vh;padding:31px;position:relative;overflow-y:auto;box-shadow:0 35px 100px #00000080}.modal-close{position:absolute;top:18px;right:18px}.modal-card h2{font-family:var(--font-display);letter-spacing:-.02em;margin:16px 0 25px;font-size:45px;font-weight:500}.help-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.help-grid>div{background:#040c12d1;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.help-grid kbd{color:var(--cyan);font-family:var(--font-mono);letter-spacing:.08em;font-size:8px}.help-grid span{color:var(--muted);font-size:10px}.help-footer{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.05em;margin-top:20px;font-size:7px;line-height:1.7}.tour-frame{z-index:20;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .7s var(--ease-out), visibility .7s;position:fixed;inset:0}.tour-mode .tour-frame{opacity:1;visibility:visible}.letterbox{pointer-events:none;background:#020406;height:9vh;position:absolute;left:0;right:0}.letterbox.top{top:0}.letterbox.bottom{bottom:0}.tour-title{color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;flex-direction:column;gap:6px;font-size:7px;display:flex;position:absolute;top:26px;left:30px}.tour-title b{color:var(--text);letter-spacing:.16em;font-size:10px;font-weight:500}.tour-exit{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);letter-spacing:.09em;pointer-events:auto;padding:9px 11px;font-size:7px;transition:color .2s,border-color .2s;position:absolute;top:23px;right:30px}.tour-exit:hover{color:var(--cyan);border-color:var(--line-strong)}.tour-exit span{color:var(--muted-2);margin-left:8px}.tour-mode .topbar,.tour-mode .bottom-dock,.tour-mode .control-hint,.tour-mode .telemetry,.tour-mode .sector-readout,.tour-mode .inspector,.tour-mode .touch-ui,.tour-mode .mobile-controls-toggle,.tour-mode .toast-stack{opacity:0!important;pointer-events:none!important}.photo-badge{z-index:45;border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);letter-spacing:.11em;pointer-events:none;background:#03090eb3;align-items:center;gap:9px;padding:7px 10px;font-size:7px;display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.photo-badge b{color:var(--cyan);font-weight:500}.photo-mode .photo-badge{display:flex}.photo-mode .topbar,.photo-mode .bottom-dock,.photo-mode .control-hint,.photo-mode .telemetry,.photo-mode .sector-readout,.photo-mode .inspector,.photo-mode .touch-ui,.photo-mode .mobile-controls-toggle,.photo-mode .toast-stack,.photo-mode .hover-tag{opacity:0!important;pointer-events:none!important}.photo-mode #world{cursor:none}.mobile-controls-toggle{z-index:45;border:1px solid var(--line-strong);color:var(--cyan);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:var(--font-mono);letter-spacing:.1em;background:#040d14cc;padding:9px 11px;font-size:7px;display:none;position:fixed;bottom:14px;right:14px}.touch-ui{z-index:18;pointer-events:none;display:none;position:fixed;bottom:28px;left:18px}.joystick{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;touch-action:none;background:#040c1257;border:1px solid #64e8ff3d;border-radius:50%;place-items:center;width:94px;height:94px;display:grid;position:relative}.joystick-ring{border:1px dashed #64e8ff29;border-radius:50%;position:absolute;inset:12px}.joystick-knob{background:radial-gradient(circle,#64e8ff33,#030a0f8f);border:1px solid #64e8ff6b;border-radius:50%;width:38px;height:38px;transition:transform 60ms linear;position:relative;box-shadow:0 0 18px #64e8ff17}.joystick-label{color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.1em;font-size:5px;position:absolute;bottom:9px}.lift-controls{pointer-events:auto;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:0;left:106px}.lift-controls button{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);font-family:var(--font-mono);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none;background:#040c1285;font-size:12px}.lift-controls button:active{color:var(--cyan);border-color:var(--line-strong)}.intro-open .hud-layer,.intro-open .sector-readout,.intro-open .telemetry,.intro-open .control-hint,.intro-open .touch-ui,.intro-open .mobile-controls-toggle,.intro-open .inspector,.intro-open .toast-stack{opacity:0!important;pointer-events:none!important}.intro-open .bottom-dock{opacity:0;transform:translate(-50%,12px);pointer-events:none!important}.hud-ready .bottom-dock{transition:opacity .75s var(--ease-out), transform .75s var(--ease-out)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#64e8ff38}.loading-screen{z-index:100;background:radial-gradient(at 50% 44%,#0a36423d,#0000 44%),#020609;flex-direction:column;justify-content:center;align-items:center;gap:30px;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}.loading-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-screen:before{content:"";background-image:linear-gradient(#78e0f509 1px,#0000 1px),linear-gradient(90deg,#78e0f509 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 74%);mask-image:radial-gradient(#000,#0000 74%)}.loader-mark{width:54px;height:54px;position:relative}.loader-mark span{border:1px solid #64e8ff73;position:absolute;transform:rotate(45deg)}.loader-mark span:first-child{animation:5s linear infinite loader-turn;inset:7px}.loader-mark span:nth-child(2){border-color:#a18dff73;animation:3s linear infinite reverse loader-turn;inset:16px}.loader-mark span:nth-child(3){background:var(--cyan);box-shadow:0 0 20px var(--cyan);border:0;animation:2.4s ease-in-out infinite core-breathe;inset:24px}.loader-copy{flex-direction:column;align-items:center;gap:11px;display:flex;position:relative}.loader-copy .eyebrow{font-size:7px}.loader-copy h1{font-family:var(--font-display);letter-spacing:.16em;color:var(--text);margin:0;font-size:38px;font-weight:500}.loader-bar{background:#9be2ef1a;width:280px;height:2px;margin-top:11px;overflow:hidden}.loader-bar i{background:linear-gradient(90deg, var(--cyan), var(--violet));width:0%;height:100%;transition:width .35s var(--ease-out);display:block;box-shadow:0 0 15px #64e8ff80}.loader-row{width:280px;color:var(--muted-2);font-family:var(--font-mono);letter-spacing:.1em;justify-content:space-between;font-size:7px;display:flex}.fatal-error{color:#ffd8dc;max-width:480px;font-family:var(--font-mono);text-align:center;border:1px solid #ff6b7a66;padding:17px;font-size:10px;line-height:1.6;position:relative}@keyframes intro-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes signal-pulse{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes core-breathe{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(.72)}50%{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes loader-turn{to{transform:rotate(405deg)}}@media (width<=1280px){.bottom-dock{grid-template-columns:minmax(310px,1.1fr) minmax(245px,.8fr) minmax(300px,1fr);width:auto;left:22px;right:22px;transform:none}.sector-readout{display:none}.telemetry{width:250px;bottom:208px}.control-hint{left:22px;right:22px}.intro-side{flex-basis:185px;width:185px}.intro-card{padding:11px}.core-orbit{width:108px;height:108px;margin:16px auto}.core-orbit span:first-child{transform:rotate(20deg)translate(52px)}.core-orbit span:nth-child(2){transform:rotate(148deg)translate(38px)}.core-orbit span:nth-child(3){transform:rotate(262deg)translate(44px)}}@media (width<=1080px){.topbar{padding:20px 22px}.live-strip{left:52%}.bottom-dock{grid-template-columns:minmax(300px,1.25fr) minmax(250px,.9fr);bottom:42px}.action-panel{grid-column:1/-1}.action-grid{grid-template-columns:repeat(4,1fr)}.preset-row,.telemetry{display:none}.control-hint{bottom:14px}.intro-main{padding-left:0}.intro-copy{width:min(680px,75vw)}.intro-side{display:none}.intro-overlay:after{left:27px}}@media (width<=820px){.topbar{gap:10px;padding:14px}.brand-lockup{gap:8px;min-width:0}.brand-mark{width:27px;height:27px}.brand-type span{font-size:6px}.brand-type strong{font-size:10px}.live-strip{gap:7px;margin-left:auto;padding:6px 8px;font-size:6px;position:static;transform:none}.live-strip>span:nth-of-type(2),.live-strip .hairline{display:none}.top-actions{gap:4px;margin-left:0}.icon-button{width:30px;height:30px}.icon-button svg{width:14px;height:14px}#btn-photo{display:none}.graphics-panel{width:min(286px,100vw - 24px);top:57px;right:12px}.telemetry,.sector-readout,.control-hint{display:none}.bottom-dock{grid-template-columns:1fr;gap:5px;width:auto;max-height:64vh;padding-bottom:3px;display:none;bottom:58px;left:10px;right:10px;overflow-y:auto;transform:none}body.deck-open .bottom-dock{flex-direction:column;display:flex}.dock-panel{padding:11px 12px 10px}.time-panel,.action-panel{grid-column:auto}.action-grid{grid-template-columns:1fr 1fr}.preset-row{display:flex}.time-row{gap:8px}.clock-large{font-size:24px}.weather-grid{margin-top:8px}.weather-hint{margin-top:5px}.mobile-controls-toggle,.touch-ui{display:block}body.deck-open .touch-ui{display:none}.mobile-controls-toggle{color:var(--cyan)}.intro-overlay{padding:18px 18px 14px}.intro-overlay:before,.intro-overlay:after{display:none}.intro-top{font-size:6px}.intro-top-right{display:none}.intro-main{align-items:flex-end;padding:18px 0 22px}.intro-copy{width:100%}.intro-copy h1{margin:18px 0 16px;font-size:clamp(83px,23vw,134px)}.intro-copy>p{max-width:340px;font-size:12px;line-height:1.55}.intro-cta-row{flex-direction:column;align-items:flex-start;gap:13px;margin-top:21px}.enter-button{width:100%;min-width:0}.intro-note{font-size:6px}.intro-stats{grid-template-columns:1fr 1fr;margin-top:24px}.intro-stats>div{border-bottom:1px solid var(--line);padding:8px 8px 8px 0}.intro-stats>div:not(:first-child){padding-left:8px}.intro-stats>div:nth-child(2){border-right:0}.intro-stats b{font-size:13px}.intro-footer{flex-wrap:wrap;gap:10px;font-size:5px}.intro-footer-line,.intro-footer>span:last-child{display:none}.toast-stack{top:60px}.inspector{width:auto;padding:18px;top:67px;left:12px;right:12px}.inspector h2{font-size:24px}.help-overlay{padding:12px}.modal-card{max-height:84vh;padding:22px 18px}.modal-card h2{margin-bottom:18px;font-size:34px}.help-grid{grid-template-columns:1fr}.help-grid>div{padding:8px 10px}.tour-title{font-size:6px;top:20px;left:16px}.tour-title b{font-size:8px}.tour-exit{font-size:6px;top:16px;right:14px}}@media (width<=480px){.brand-type span{display:none}.live-strip{padding:5px 7px;font-size:5.5px}.live-strip>span:first-of-type{display:none}.intro-copy h1{font-size:25vw}.intro-stats,.intro-footer>span:first-child{display:none}.weather-button{height:44px;font-size:5.5px}.action-button{padding:7px 5px}.preset-row{flex-wrap:wrap}.fps-read{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hud-layer,.bottom-dock,.inspector,.intro-overlay,.toast{transition-duration:.001ms!important}}