:root{font-family:Inter,Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;color:#e5e7ed;background:#02040b;font-synthesis:none;font-weight:400;--muted:#7e899d;--line:rgba(191,207,230,.14);--gold:#e5d3b6;--panel:#0b101b }*{box-sizing:border-box}html,body,#universe-root{width:100%;height:100%;margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{border:0;color:inherit;background:none;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:1px solid var(--gold);outline-offset:5px}button:hover{color:#fff}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;flex:none}p,h1,h2,h3{margin:0}[hidden]{display:none!important}button{touch-action:manipulation}.explorer,.universe-stage,.interface,.cinema-vignette{position:absolute;inset:0}.universe-stage{cursor:grab;touch-action:none;outline:0}.universe-stage.dragging{cursor:grabbing}.universe-stage canvas{display:block;width:100%;height:100%}.cinema-vignette{pointer-events:none;background:linear-gradient(180deg,rgba(2,4,11,.55),transparent 25%,transparent 68%,rgba(2,4,11,.38)),radial-gradient(ellipse at 65% 45%,transparent 40%,rgba(2,4,11,.16))}.interface{pointer-events:none;transition:opacity .45s}.interface button,.interface a,.interface .joystick{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;padding:28px 38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;letter-spacing:3px;font-size:15px;font-weight:500;white-space:nowrap}.brand b{font-weight:300;color:#abb4c4}.brand small{display:block;color:#6e7a91;letter-spacing:3px;font-size:8px;margin-top:8px}.brand-symbol{color:var(--gold);display:grid;place-items:center}.brand-symbol svg{width:37px;height:37px;stroke-width:.9}.live-status{display:flex;align-items:center;gap:9px;font-size:10px;color:#8994a6;letter-spacing:2px}.live-status i,.atlas-footer>i{width:4px;height:4px;background:#99b9b4;border-radius:50%;box-shadow:0 0 10px #7cafa4}.topbar nav{display:flex;align-items:center;gap:8px}.icon-button{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#a6afbd;transition:background .2s,color .2s}.icon-button:hover{background:#ffffff0d}.map-button{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:3px;padding:9px 14px;border:1px solid #ffffff20;border-radius:30px;background:#ffffff04}.map-button svg{width:16px;height:16px}.nav-divider{height:18px;width:1px;background:var(--line);margin:0 9px}.sound.enabled{color:var(--gold)}.compass{position:absolute;top:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:17px;opacity:.4;color:#afbacb;font:8px monospace;letter-spacing:2px}.compass i{width:1px;height:5px;background:#b9c3d8}.compass b{font-size:17px;font-weight:300;color:var(--gold)}.opening-copy{position:absolute;top:31%;left:7%;transition:opacity .8s,transform .8s}.eyebrow{font:9px/1.5 Avenir Next,sans-serif;letter-spacing:2.7px;color:#9aa3b5;display:flex;align-items:center;gap:10px}.opening-copy .eyebrow{color:#b6a891;font-size:8px;letter-spacing:3px}.opening-copy .eyebrow span{width:23px;height:1px;background:#bca884}.opening-copy h1{font-family:Songti SC,"Noto Serif SC",serif;font-weight:300;font-size:clamp(36px,4.5vw,70px);letter-spacing:8px;line-height:1.45;margin:24px 0 20px;color:#e8e3db;text-shadow:0 2px 25px #0005}.opening-note{color:#8c96a8;line-height:2.2;font-size:12px;letter-spacing:2px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;font-size:11px;letter-spacing:1.5px;color:#c6bba8;padding:0;line-height:2}.text-button svg{width:17px;height:17px;transition:transform .25s}.text-button:hover svg{transform:translate(4px)}.opening-copy .text-button{margin-top:30px;border-bottom:1px solid #b6a68b55;padding-bottom:9px;gap:30px}.exploring .opening-copy{opacity:0;transform:translateY(-8px);pointer-events:none}.exploring .opening-copy button{pointer-events:none}.place-card{position:absolute;right:5%;bottom:166px;max-width:330px;text-align:right;transition:opacity .4s}.place-card .eyebrow{justify-content:flex-end;font-size:9px;color:#998c79}.place-card h2{font-family:Songti SC,serif;letter-spacing:7px;font-weight:300;font-size:30px;margin:12px -5px 12px 0}.place-subtitle{font-size:10px;letter-spacing:1.5px;color:#8b95a5;line-height:1.9}.place-card .text-button{margin-top:18px;font-size:10px;color:#9a9fa9}.bottom-hud{position:absolute;bottom:24px;left:38px;right:38px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:20px}.coordinates{display:flex;flex-direction:column;gap:9px}.coordinates .eyebrow{font-size:8px;letter-spacing:2px}.coordinate-value{font:10px monospace;color:#b4bdcc;white-space:nowrap}.coordinates small{color:#566277;font-size:9px;letter-spacing:1.5px}.coordinates i{font-style:normal;padding:0 5px}.flight-console{text-align:center}.flight-buttons{display:flex;align-items:center;padding:5px;border:1px solid #bccde426;background:linear-gradient(130deg,#101824b3,#060b14d9);border-radius:40px;backdrop-filter:blur(16px);gap:3px;box-shadow:0 6px 30px #0003}.mode-button{padding:12px 18px;border-radius:30px;display:flex;align-items:center;gap:9px;font-size:11px;color:#8793a6;letter-spacing:1px;white-space:nowrap}.mode-button svg{width:17px;height:17px}.mode-button.active{background:#e4d3b414;color:#e4d3b4}.stop-button{height:36px;width:38px;display:grid;place-items:center;border-left:1px solid var(--line);color:#8591a3}.stop-button svg{width:16px}.flight-hint{font-size:9px;letter-spacing:1px;color:#59667b;margin-top:13px}.flight-hint i{font-style:normal;padding:0 6px;color:#8b96a9}.flight-readout{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.mode-label{font-size:9px;letter-spacing:1px;color:#9ca6b6}.speed-value{font:10px monospace;color:#d1d6df}.speed-bars{display:flex;gap:3px;height:5px;margin:3px 0}.speed-bars i{width:10px;background:#253041}.speed-bars i.lit{background:#b8a98d}.immersive-button{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1px;color:#79859a;margin-top:3px;padding:0}.immersive-button svg{width:12px;height:12px}.target-marker{position:absolute;transform:translate(-50%,-50%);text-align:center;transition:left .12s,top .12s;color:#d6c39f;pointer-events:none}.target-marker>span{display:block;width:18px;height:18px;border:1px solid #d6c39f99;transform:rotate(45deg);margin:0 auto 14px}.target-marker.offscreen>span{width:11px;height:11px;border-width:1px 1px 0 0}.target-marker small{font-size:9px;letter-spacing:2px;white-space:nowrap;text-shadow:0 2px 4px #000}.reticle{display:none;position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);opacity:.3}.reticle i{position:absolute;width:3px;height:3px;border:solid #d6dfef}.reticle i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.reticle i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.reticle i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}.reticle i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}.explorer[data-mode=free] .reticle{display:block}.touch-controls{display:none}.immersed .interface{opacity:0;pointer-events:none}.immersed .interface button,.immersed .interface a{pointer-events:none}.restore-ui{position:absolute;right:28px;bottom:28px;color:#9aa5b3;font-size:10px;display:flex;align-items:center;gap:8px;opacity:.55}.restore-ui:hover{opacity:1}.restore-ui svg{width:16px}.toast{position:absolute;top:100px;left:50%;transform:translate(-50%,-8px);opacity:0;pointer-events:none;z-index:20;border:1px solid var(--line);border-radius:30px;background:#0b111ee6;color:#c4cbd8;padding:12px 22px;font-size:11px;letter-spacing:1px;transition:.25s;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%)}.explorer-dialog{background:linear-gradient(140deg,#101724f5,#080d17fa);color:#d7deea;border:1px solid #acb9d127;border-radius:18px;padding:30px 34px;max-width:min(960px,calc(100vw - 56px));width:960px;max-height:calc(100dvh - 60px);overflow:auto;box-shadow:0 25px 140px #000b;scrollbar-width:thin;scrollbar-color:#3a4252 transparent}.explorer-dialog::backdrop{background:#02040bc2;backdrop-filter:blur(9px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog-header .eyebrow{font-size:8px;color:#a39987}.dialog-header h2{font-family:Songti SC,serif;font-size:28px;font-weight:400;letter-spacing:3px;margin-top:12px}.dialog-header .icon-button{align-self:flex-start}.dialog-lead{font-size:11px;color:#8490a3;letter-spacing:1px;margin:16px 0 25px;line-height:1.9}.atlas-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.atlas-map{position:relative;border:1px solid #a9b6d01a;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 45% 46%,#25223550,transparent 65%),#060c16}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#b5c5eb06 1px,transparent 1px),linear-gradient(90deg,#b5c5eb06 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}.atlas-label{position:absolute;left:18px;top:15px;font:7px monospace;letter-spacing:1px;color:#68788e}.atlas-label i{font-style:normal;padding:0 8px}.atlas{width:100%;height:100%;min-height:310px;position:relative;color:#c5d0e0}.atlas-node{cursor:pointer}.atlas-node text{font-size:9px;letter-spacing:1px;fill:#8b98ad}.node-halo{fill:transparent;stroke:#b5c1da33;stroke-width:.6}.atlas-node.selected .node-halo{fill:#e9c79214;stroke:#e9c792aa;stroke-width:1}.atlas-node.selected text{fill:#e9d7b6}.atlas-footer{position:absolute;bottom:15px;left:18px;right:18px;display:flex;align-items:center;gap:6px;font-size:8px;color:#8893a4}.atlas-footer>span{margin-left:auto;font-size:7px;color:#59687e}.destination-list{display:grid;gap:5px;max-height:420px;overflow-y:auto;overscroll-behavior:contain}.destination{display:flex;align-items:center;gap:15px;padding:12px 15px;border:1px solid transparent;border-radius:8px;text-align:left;background:#ffffff02}.destination:hover{background:#ffffff06}.destination.selected{background:#d9c8a808;border-color:#d9c8a830}.destination-info{display:flex;flex-direction:column;gap:5px}.destination-info small{font:7px monospace;letter-spacing:1.7px;color:#6e7f96}.destination-info strong{font-size:13px;font-weight:400;letter-spacing:2px}.destination-info>span{font-size:9px;color:#7e8ba0;letter-spacing:.5px;line-height:1.5}.visited-dot{margin-left:auto;width:4px;height:4px;border:1px solid #66758a;border-radius:50%;flex:none}.visited-dot.visited{background:#9db5ac;border-color:#9db5ac}.mini-world{height:34px;width:34px;flex:none;border-radius:50%;box-shadow:inset -10px -5px 14px #020409d9,0 0 15px #e3c18a15;background:repeating-linear-gradient(15deg,#bea47e,#947958 4px,#bea47e 8px);position:relative}.mini-world.ringed:after{content:"";position:absolute;width:57px;height:14px;border:3px solid #b9a58888;border-radius:50%;left:-12px;top:11px;transform:rotate(-32deg)}.mini-world.ocean{background:radial-gradient(ellipse at 30% 30%,#aec4bc,transparent 24%),repeating-linear-gradient(-30deg,#16385c,#2d667e 5px,#739588 7px,#173249 14px);box-shadow:inset -10px -5px 14px #020409c9,0 0 10px #82bfe726}.mini-world.lava{background:repeating-linear-gradient(40deg,#190f11,#20100d 6px,#ac4c25 7px,#251310 9px)}.mini-world.blackhole{background:#020309;box-shadow:0 0 2px 1px #e5c6a5,0 0 10px 3px #ef9b501f}.mini-world.blackhole:after{content:"";position:absolute;left:-8px;right:-8px;top:16px;height:1px;background:#eac6a4;box-shadow:0 0 8px 3px #b9835b66;transform:rotate(-15deg)}.mini-world.nebula{background:radial-gradient(ellipse at 65% 40%,#7098a966,transparent 60%),radial-gradient(ellipse at 30% 30%,#72659b,transparent 70%);box-shadow:none;border-radius:40%;transform:rotate(-25deg)}.mini-world.galaxy{background:radial-gradient(ellipse,#f1dccb,#a39fb55c 15%,transparent 25%,#7d769e77 40%,transparent 60%);box-shadow:none;transform:scaleX(1.5) rotate(-30deg)}.route-summary{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);padding-top:23px;margin-top:24px}.route-summary h3{font-family:Songti SC,serif;font-size:23px;letter-spacing:4px;font-weight:400;margin:7px 0 10px}.route-summary>div>p:last-child{font-size:10px;line-height:2;color:#8c98aa;max-width:530px;letter-spacing:.6px}.route-actions{display:flex;flex-direction:column;align-items:center;gap:10px;flex:none}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#dfcfb3;color:#22252d;padding:13px 20px;border-radius:5px;font-size:12px;letter-spacing:1px;min-width:172px}.primary-button:hover{background:#ecdfc8;color:#12151c}.primary-button svg{width:17px}.route-actions .text-button{font-size:10px}.route-actions small{font-size:8px;letter-spacing:1px;color:#59677e}.settings-dialog,.help-dialog{width:620px}.settings-body{margin-top:25px}.settings-body label{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.settings-body strong{font-size:12px;font-weight:400;letter-spacing:1px}.settings-body small{display:block;font-size:10px;color:#718099;margin-top:9px;line-height:1.6}.settings-body select{border:1px solid #aebad130;border-radius:4px;color:#d3d9e5;background:#131c2b;padding:9px 12px;min-width:90px}.settings-body input[type=range]{width:130px;accent-color:#d9c6a7}.settings-body input[type=checkbox]{accent-color:#c6af87;width:17px;height:17px}.quiet-note{font-size:10px;color:#68778e;line-height:2;margin-top:24px}.guide-body>p{font-size:12px;color:#9da8ba;line-height:2;margin-top:22px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.guide-grid>div{padding:18px;border:1px solid var(--line);border-radius:6px}.guide-grid b{font-size:12px;font-weight:400;letter-spacing:1px}.guide-grid p{font-size:10px;color:#8693a9;line-height:1.9;margin:10px 0 15px}.guide-grid kbd{font:9px monospace;color:#c3b49b;border:1px solid #d8c39c30;padding:4px 8px;border-radius:3px}.guide-body .guide-tip{font-size:9px;color:#718099;line-height:2}.guide-body .primary-button{margin:24px 0 0 auto}.loading,.error-screen{position:absolute;inset:0;background:#04070e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:50}.loading p{font-size:11px;letter-spacing:3px;color:#8b97ac}.error-screen{padding:30px;text-align:center;color:#a6b0c2}.error-screen h1{font-size:24px;font-weight:400}.error-screen p{font-size:12px;line-height:2}.error-screen button{padding:13px 22px;border:1px solid var(--line)}@media(min-width:1600px){.opening-copy{left:8%;top:32%}.place-card{right:6%;bottom:190px}.topbar{padding:36px 48px}.bottom-hud{bottom:32px;left:48px;right:48px}}@media(max-width:1100px){.live-status{display:none}.topbar{padding:24px}.bottom-hud{left:24px;right:24px}.opening-copy{left:6%;top:29%}.place-card{right:5%}.compass{top:98px}.atlas-layout{gap:14px}.explorer-dialog{padding:26px}.destination{padding:10px;gap:13px}.destination-info>span{font-size:8px}.coordinates small{display:none}}@media(max-height:750px)and (min-width:761px){.opening-copy{top:25%}.opening-copy h1{font-size:46px;margin:18px 0 14px}.opening-copy .text-button{margin-top:18px}.place-card{bottom:142px}.compass{top:90px}.explorer-dialog{max-height:calc(100dvh - 36px);padding:22px 28px}.dialog-header h2{font-size:25px}.dialog-lead{margin:12px 0 18px}.destination{padding:8px 12px}.atlas{min-height:290px}.route-summary{padding-top:16px;margin-top:18px}.route-summary h3{font-size:20px}}@media(max-width:760px){.topbar{padding:22px 18px;gap:8px}.brand{gap:7px;font-size:11px;letter-spacing:2px}.brand-symbol svg{width:29px;height:29px}.brand small{font-size:6px;letter-spacing:2px;margin-top:6px}.topbar nav{gap:2px}.icon-button{width:31px;height:32px}.icon-button svg{width:17px;height:17px}.map-button{padding:8px 10px;font-size:10px;gap:6px;letter-spacing:1px}.map-button svg{width:14px;height:14px}.nav-divider,.help-button{display:none}.compass{top:91px;gap:14px;font-size:7px;opacity:.3}.opening-copy{left:26px;top:143px}.opening-copy h1{font-size:34px;letter-spacing:6px;line-height:1.45;margin:14px 0 10px}.opening-copy .eyebrow{font-size:6px;letter-spacing:2px;gap:8px}.opening-note{font-size:9px;line-height:2;letter-spacing:1px}.opening-copy .text-button{margin-top:16px;font-size:10px;gap:17px;padding-bottom:5px}.place-card{right:23px;bottom:222px;max-width:230px}.place-card h2{font-size:21px;letter-spacing:5px;margin:7px -4px 7px 0}.place-card .eyebrow{font-size:7px;letter-spacing:2px}.place-subtitle{font-size:8px;letter-spacing:.5px}.place-card .text-button{font-size:8px;margin-top:10px}.bottom-hud{left:16px;right:16px;bottom:max(18px,env(safe-area-inset-bottom));grid-template-columns:1fr;gap:10px}.flight-console{grid-row:1;justify-self:center}.flight-buttons{padding:4px}.mode-button{font-size:10px;padding:11px 16px;gap:8px}.mode-button svg{width:15px;height:15px}.stop-button{height:30px;width:32px}.flight-hint{font-size:8px;letter-spacing:.3px;margin-top:10px}.coordinates{position:absolute;left:3px;bottom:91px;gap:6px}.coordinates .eyebrow{font-size:6px}.coordinate-value{font-size:7px}.flight-readout{position:absolute;right:3px;bottom:91px;gap:5px}.mode-label,.speed-value{font-size:8px}.speed-bars{display:none}.immersive-button{font-size:8px;margin-top:2px}.exploring .place-card{bottom:265px}.toast{top:112px;font-size:10px;padding:10px 15px;line-height:1.7}.explorer-dialog{padding:24px 20px;border-radius:13px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 30px)}.dialog-header h2{font-size:22px;letter-spacing:2px}.dialog-header .eyebrow{font-size:6px;letter-spacing:2px}.dialog-lead{font-size:10px;margin:16px 0 20px}.atlas-layout{display:block}.atlas-map{height:190px;margin-bottom:16px}.atlas{min-height:0;max-height:190px}.atlas-label{font-size:6px;left:10px;top:10px}.atlas-footer{font-size:7px;bottom:10px;left:10px;right:10px}.atlas-footer>span{font-size:6px}.destination-list{grid-template-columns:1fr 1fr;gap:7px}.destination{padding:13px 8px;gap:10px;min-height:67px}.mini-world{width:25px;height:25px;margin:0 2px}.mini-world.ringed:after{width:42px;left:-8px;height:11px;top:7px;border-width:2px}.destination-info small{font-size:5px;letter-spacing:.9px}.destination-info strong{font-size:11px;letter-spacing:1px}.destination-info>span{display:none}.visited-dot{width:3px;height:3px;margin-left:auto}.route-summary{gap:18px;align-items:flex-start;flex-direction:column;padding-top:20px;margin-top:20px}.route-summary>div>p:last-child{font-size:10px}.route-summary h3{font-size:20px;margin:6px 0 8px}.route-actions{width:100%;display:grid;grid-template-columns:1fr auto;gap:10px 22px}.route-actions .primary-button{min-width:0;font-size:11px}.route-actions small{grid-column:1/-1;text-align:center}.settings-body label{padding:20px 0;gap:12px}.settings-body small{max-width:170px;font-size:9px}.settings-body input[type=range]{width:100px}.settings-body select{min-width:79px;font-size:11px;padding:8px}.guide-body>p{font-size:11px}.guide-grid{gap:12px}.guide-grid>div{padding:12px}.guide-grid p{font-size:9px}.guide-tip{font-size:8px}.restore-ui{bottom:22px;right:22px}}@media(max-width:760px)and (max-height:720px){.opening-copy{top:125px}.opening-copy h1{font-size:28px}.opening-note{display:none}.opening-copy .text-button{margin-top:8px}.place-card{bottom:208px}.place-card .text-button{display:none}.exploring .place-card{bottom:230px}.compass{display:none}.topbar{padding-top:18px}.flight-hint{display:none}.bottom-hud{bottom:16px}.coordinates,.flight-readout{bottom:66px}}@media(max-height:500px)and (orientation:landscape){.topbar{padding:12px 22px}.brand{font-size:11px}.brand-symbol svg{width:27px}.brand small{font-size:6px}.compass,.opening-note,.place-subtitle,.flight-hint,.coordinates{display:none}.opening-copy{top:95px;left:40px}.opening-copy h1{font-size:30px;line-height:1.3;margin:12px 0}.opening-copy .text-button{margin-top:6px;font-size:9px}.place-card{right:32px;bottom:102px}.place-card h2{font-size:22px}.place-card .text-button{margin-top:7px}.bottom-hud{left:24px;right:24px;bottom:16px;display:flex;justify-content:center}.flight-readout{position:absolute;right:0;bottom:0}.mode-button{padding:9px 14px;font-size:10px}.flight-buttons{padding:3px}.exploring .place-card{bottom:145px}.explorer-dialog{max-height:calc(100dvh - 20px)}.atlas-layout{display:grid;grid-template-columns:1fr 1fr}.atlas-map{height:auto;min-height:250px}.destination-list{grid-template-columns:1fr}.destination-info>span{display:none}.destination{min-height:0;padding:7px 10px}.route-summary{flex-direction:row}.toast{top:65px}.immersive-button{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.atlas-map{min-height:300px}.atlas{position:absolute;inset:0;min-height:0}@media(max-width:760px){.atlas-map{min-height:190px}.map-dialog .destination-list{max-height:240px}.map-dialog .dialog-header{position:sticky;top:0;z-index:2;background:#080d17}}@media(max-height:500px)and (orientation:landscape){.atlas-map{min-height:250px}}.compass{white-space:nowrap}.compass span{flex:none}.flight-tools{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:9px}.flight-tools>button{padding:8px 4px;font-size:10px;color:#a2aebe}.speed-control{display:flex;align-items:center;border:1px solid #b7c6dd25;border-radius:22px;background:#080f1b99;pointer-events:auto}.speed-control button{width:32px;height:30px;font-size:17px;color:#c6cdd7}.speed-control button:disabled{opacity:.25;cursor:default}.speed-setting{min-width:50px;font:10px monospace;color:#c0b39d}.flight-tools [aria-pressed=true]{color:#ead1a6}.flight-hint{color:#8995a8;font-size:10px;letter-spacing:.3px;margin-top:9px}.mouse-locked .universe-stage{cursor:none}.boosting .speed-value{color:#efce96}.touch-layout .desktop-control{display:none}.touch-layout .flight-tools{margin-top:6px}.touch-layout .speed-control button{width:44px;height:36px}.touch-layout .stop-button{width:44px;height:44px}.touch-layout .mode-button{min-height:44px}.touch-layout.exploring .touch-controls{display:flex;position:absolute;left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));bottom:calc(198px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;pointer-events:none}.touch-controls button,.touch-controls .joystick{pointer-events:auto}.stick-area{width:104px;text-align:center}.stick-area small{display:block;font-size:9px;letter-spacing:1px;color:#9aa9bd}.boost-caption{margin-bottom:9px}.stick-label{margin-top:8px;opacity:.6}.joystick{position:relative;display:grid;place-items:center;width:104px;height:104px;border:1px solid #aec3de38;border-radius:50%;background:radial-gradient(circle,#101a2c55,#101a2c11);touch-action:none}.joystick:before,.joystick:after{content:"";position:absolute;background:#c0d0e41c;pointer-events:none}.joystick:before{width:54px;height:1px}.joystick:after{height:54px;width:1px}.joystick>span{height:34px;width:34px;border:1px solid #c6d7ee75;border-radius:50%;background:#b9cce523;pointer-events:none}.joystick.engaged{border-color:#c6d7ee66}.joystick.boosting{border-color:#e8c38e99;box-shadow:0 -6px 25px #efbc7220}.joystick.boosting>span{border-color:#f4cc91;background:#dfb97c44}.boosting .boost-caption{color:#f0ca90}.touch-look-hint{position:absolute;right:0;bottom:calc(100% + 12px);color:#a1adc0;font-size:9px;letter-spacing:1px}.touch-actions{display:flex;flex-direction:column;gap:10px}.touch-actions button{width:60px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #b8c9e045;border-radius:17px;background:#0c152677;color:#c1ccdc;touch-action:manipulation;backdrop-filter:blur(8px)}.touch-actions svg{width:18px;height:18px}.touch-actions span{font-size:9px}.touch-actions [aria-pressed=true]{color:#f0d0a0;border-color:#d9b78099;background:#8b67303b}.immersed .touch-controls{opacity:.5}.touch-controls[inert]{visibility:hidden}@media(max-width:760px){.flight-buttons{gap:0}.map-button{white-space:nowrap;flex-shrink:0}.mode-button{padding:10px 14px}.flight-hint{font-size:9px}.coordinates,.flight-readout{bottom:132px}.exploring .place-card{top:142px;bottom:auto;right:24px}.exploring .place-card h2{font-size:25px}.exploring .place-card .text-button{display:none}.place-card{bottom:198px}}@media(max-width:360px){.topbar{padding-left:16px;padding-right:16px}.brand{font-size:9px;letter-spacing:1.3px;gap:5px}.brand small{font-size:5px;letter-spacing:1.6px}.brand-symbol svg{width:25px;height:25px}}@media(max-width:760px)and (max-height:720px){.flight-hint{display:none}.coordinates,.flight-readout{bottom:118px}.touch-layout.exploring .touch-controls{bottom:182px}.exploring .place-card{top:109px}}@media(max-height:500px)and (orientation:landscape){.touch-layout.exploring .touch-controls{bottom:max(68px,env(safe-area-inset-bottom))}.stick-area,.joystick{width:92px}.joystick{height:92px}.stick-label{display:none!important}.touch-actions{flex-direction:row}.touch-actions button{width:54px;height:54px}.touch-look-hint{bottom:calc(100% + 5px)}.flight-tools{margin-top:3px}.touch-layout .speed-control button{height:32px}.flight-readout{bottom:0}.exploring .place-card{top:83px;bottom:auto}.exploring .place-card .text-button{display:none}}.place-card.out-of-range{opacity:0;pointer-events:none;visibility:hidden}.cockpit-on .coordinates{visibility:hidden}.cockpit-on .flight-readout>:not(.immersive-button){display:none}@media(min-width:761px){.cockpit-on .immersive-button{position:fixed;right:38px;bottom:165px}}@media(min-width:761px)and (min-height:501px){.cockpit-on .immersive-button{bottom:28vh}.cockpit-on .place-card{bottom:calc(28vh + 28px)}}@media(max-width:760px)and (orientation:portrait){.cockpit-on .immersive-button{position:fixed;right:4px;bottom:111px;width:32px;height:32px;justify-content:center;font-size:0}.cockpit-on .immersive-button svg{width:13px;height:13px}.cockpit-on:not(.exploring) .place-card{display:none}}@media(max-width:1024px)and (orientation:portrait){.cockpit-on.touch-layout.exploring .touch-controls{margin-bottom:12px}}@media(min-width:1200px)and (min-height:501px){.cockpit-on .flight-console{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 14px;max-width:650px}.cockpit-on .flight-buttons{padding:3px}.cockpit-on .mode-button{padding:10px 12px}.cockpit-on .flight-tools{margin-top:0;gap:8px}.cockpit-on .flight-hint{flex-basis:100%;margin-top:3px;font-size:9px}}.cockpit-on.exploring .flight-buttons{border-radius:5px;background:#07101694;border-color:#78969e24;padding:2px;box-shadow:none;backdrop-filter:blur(7px)}.cockpit-on.exploring .mode-button{border-radius:3px}.cockpit-on.exploring .mode-button.active{background:#a2c6d316;color:#c5d9db}.cockpit-on.exploring .speed-control{border-radius:4px;background:#07101680;border-color:#78969e24}.cockpit-on.exploring .flight-hint{opacity:.65}@media(orientation:landscape){.cockpit-on .bottom-hud{display:flex;justify-content:center;bottom:max(14px,env(safe-area-inset-bottom))}.cockpit-on .coordinates{display:none}.cockpit-on .flight-console{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 12px;max-width:min(92vw,680px)}.cockpit-on .flight-buttons{padding:2px}.cockpit-on .mode-button{padding:9px 12px;font-size:10px}.cockpit-on .flight-tools{margin-top:0;gap:8px}.cockpit-on .flight-hint{flex-basis:100%;margin:2px 0 0;font-size:9px}.cockpit-on .flight-readout{position:absolute;right:0}}@media(orientation:landscape)and (max-height:500px){.cockpit-on .bottom-hud{bottom:max(4px,env(safe-area-inset-bottom))}.cockpit-on .flight-console{gap:0 9px}.cockpit-on .mode-button{padding:6px 10px}.cockpit-on .flight-hint{display:none}.cockpit-on .touch-controls{bottom:max(80px,env(safe-area-inset-bottom))}}@media(orientation:landscape)and (max-height:320px){.cockpit-on .bottom-hud{bottom:env(safe-area-inset-bottom)}.cockpit-on.exploring .flight-buttons{padding:0}}
