:root{color-scheme:dark;--ink:#10152d;--paper:#f0edff;--muted:#a8afcf;--gold:#eed2a3;--line:rgba(225,217,255,.21);--serif:'Noto Serif SC','Songti SC','STSong','SimSun',Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink)}body{color:var(--paper);font:14px/1.6 var(--sans);overscroll-behavior:none}button,a{-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-touch-callout:none}button{cursor:pointer;font:inherit;color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
.app{position:relative;width:100%;height:100%;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 30%,#343151,#13172f 75%)}#worldCanvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline-offset:-5px;cursor:grab}#worldCanvas:active{cursor:grabbing}.edge-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(11,15,35,.55),transparent 22%,transparent 80%,rgba(11,15,35,.25));z-index:2}.topbar{position:absolute;z-index:20;left:36px;right:36px;top:max(26px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-height:44px}.brand-mark{position:relative;width:37px;height:40px;display:grid;place-items:center;color:#edddbd}.brand-mark svg{width:35px;height:35px;stroke-width:.9}.brand-mark i{position:absolute;right:0;top:-6px;font:17px var(--serif)}.brand strong{display:block;font:normal 15px/1.7 Georgia,serif;letter-spacing:.29em}.brand small{font-size:8px;letter-spacing:.32em;color:#afb2cc}.location-label{font:11px var(--serif);letter-spacing:.19em;color:#c0c0d6;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.header-tools{display:flex;gap:9px}.round-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:rgba(22,24,49,.4);font:italic 18px Georgia,serif;transition:background .25s,border-color .25s}.round-button svg{width:19px;height:19px}.round-button[aria-pressed=true]{background:rgba(226,210,177,.15);border-color:#b1a99a}.round-button:hover{background:rgba(173,171,219,.2)}#soundButton{position:relative;z-index:120}#soundButton[aria-pressed=false]::after{content:'';width:23px;height:1px;position:absolute;background:#d0cce4;transform:rotate(-45deg)}
.welcome{position:absolute;z-index:12;top:24%;left:7%;width:370px;pointer-events:none;text-shadow:0 3px 30px #12152d}.welcome>*{pointer-events:auto}.welcome::before{content:'';position:absolute;inset:-90px -60px -50px -120px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,rgba(16,20,43,.8),rgba(16,20,43,.3) 45%,transparent 70%)}.eyebrow{font:9px/1.7 var(--sans);letter-spacing:.28em;color:#c6bad6;margin:0 0 21px}h1{font:normal 79px/1.15 var(--serif);letter-spacing:.18em;margin:0;color:#f5eaff;position:relative}h1 span{display:block;margin-left:55px;color:#e3daf0}h1 i{font:29px var(--serif);position:absolute;left:232px;top:20px;color:var(--gold)}.welcome-copy{font:14px/2 var(--serif);letter-spacing:.14em;color:#bfc0d8;margin:24px 0}.traveler{display:flex;align-items:center;gap:13px;margin:22px 0 28px}.traveler img{width:56px;height:66px;object-fit:contain;filter:drop-shadow(0 3px 12px rgba(193,223,255,.2))}.traveler strong{display:block;font:normal 13px var(--serif);letter-spacing:.08em;color:#e4d9f3}.traveler small{display:block;font-size:10px;color:#999fbd;margin-top:7px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:53px;padding:15px 23px;border:1px solid rgba(229,209,183,.58);background:linear-gradient(110deg,rgba(223,201,171,.21),rgba(173,159,191,.1));color:#f1e3cd;font:15px var(--serif);letter-spacing:.13em;border-radius:3px;transition:background .3s,transform .3s}.primary-button:hover{background:rgba(231,207,172,.25);transform:translateY(-2px)}.primary-button svg{width:21px}.boot-status{font-size:10px;letter-spacing:.09em;color:#a6a1bc;margin:14px 0 0;min-height:16px}.welcome-edition{display:block;font-size:7px;letter-spacing:.2em;color:#7f839f;margin-top:34px}.app[data-mode=explore] .welcome{display:none}.app[data-mode=intro] .edge-shade{background:linear-gradient(90deg,rgba(13,17,38,.5),transparent 60%),linear-gradient(0deg,rgba(11,15,35,.5),transparent 30%)}
.hud{position:absolute;inset:0;pointer-events:none;z-index:10}.hud button,.hud .joystick{pointer-events:auto}.quest-card{position:absolute;top:110px;left:36px;display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid rgba(212,204,244,.18);border-radius:5px;background:rgba(22,25,51,.65);max-width:390px}.quest-star{font:32px var(--serif);color:var(--gold)}.quest-card strong{display:block;font:normal 13px var(--serif);letter-spacing:.1em;color:#e1daf4}.quest-card small{display:block;font-size:9px;color:#a5a5c4;margin-top:6px}.quest-card button{height:40px;width:37px;color:var(--gold)}.quest-card button svg{width:18px}.mini-map{position:absolute;right:36px;top:110px;width:132px;padding:0;background:rgba(18,23,48,.65);border:1px solid var(--line);border-radius:50% 50% 5px 5px;overflow:hidden}.mini-map canvas{display:block;width:128px;height:128px}.mini-map span{font:10px var(--serif);letter-spacing:.13em;display:block;padding:0 0 11px;color:#cfcae4}.mini-map b{font:8px var(--sans);margin-left:9px;color:#9796b2}.discovery{position:absolute;left:36px;bottom:150px;display:flex;align-items:center;gap:12px;color:#b5b4d1;font:11px var(--serif);letter-spacing:.1em}.discovery strong{font:11px Georgia,serif;color:#f3dfb9}.discovery-gems{display:flex;gap:5px}.discovery-gems i{width:4px;height:4px;border:1px solid #76738e;transform:rotate(45deg)}.discovery-gems i.found{background:var(--gold);border-color:var(--gold);box-shadow:0 0 6px #edd9bc77}.nearby-card{position:absolute;right:36px;bottom:161px;display:flex;gap:13px;align-items:center;width:280px;padding:13px 17px;background:rgba(20,25,50,.75);border:1px solid rgba(205,203,235,.2);border-radius:5px}.nearby-symbol{font:36px var(--serif);color:var(--gold)}.nearby-card small{font-size:8px;letter-spacing:.1em;color:#b6a6ca}.nearby-card strong{display:block;font:normal 17px var(--serif);letter-spacing:.17em;margin:2px 0 4px}.nearby-card p{font-size:10px;color:#a8aac6;margin:0;line-height:1.7}.desktop-controls{position:absolute;left:36px;bottom:50px;display:flex;align-items:center;gap:17px}.desktop-controls>span{display:flex;flex-direction:column;align-items:center;gap:4px}.key-row{display:flex;gap:4px}kbd{font:9px var(--sans);padding:4px 7px;min-width:24px;min-height:22px;display:inline-flex;justify-content:center;align-items:center;border:1px solid rgba(210,210,240,.25);border-radius:3px;color:#b6b5ce;background:rgba(22,25,51,.48)}.desktop-controls p{font-size:10px;color:#b1afc9;line-height:2.3;margin:0}.desktop-controls b{font-weight:normal;color:#ecdbbb;margin:0 4px 0 10px}.desktop-controls small{color:#7f839f;font-size:9px}.action-buttons{position:absolute;right:36px;bottom:45px;display:flex;align-items:center;gap:13px}.action-button{position:relative;width:83px;height:83px;border:1px solid rgba(223,206,191,.4);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:rgba(30,32,60,.8);box-shadow:inset 0 0 22px rgba(196,184,239,.05);transition:background .25s,transform .25s}.action-button svg{width:25px;height:25px;color:#d6c5e8}.action-button span{font:12px var(--serif);letter-spacing:.1em}.action-button kbd{position:absolute;right:-5px;bottom:0;border-radius:50%;width:23px;height:23px;padding:0;font-size:8px;background:#222844}.action-button:hover,.action-button:active{background:rgba(93,82,124,.7);transform:translateY(-2px)}.interact-button{width:92px;height:92px;border-color:#b8a682;background:linear-gradient(135deg,rgba(177,144,104,.4),rgba(78,65,95,.6))}.interact-button svg{color:#ecd2a5}.flight-button[aria-pressed=true]{background:rgba(96,101,151,.7);border-color:#c3c2f2}.altitude-controls{position:absolute;right:241px;bottom:48px;display:flex;flex-direction:column;align-items:center;gap:5px}.altitude-controls button{width:38px;height:32px;background:rgba(24,30,57,.8);border:1px solid var(--line);border-radius:25px;color:#e2d8f1;font-size:20px}.altitude-controls span{font-size:8px;color:#aaa5c8}.route-status{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);display:flex;align-items:center;gap:13px;background:rgba(29,31,59,.85);border:1px solid var(--line);border-radius:30px;font:11px var(--serif);padding:6px 7px 6px 17px;color:#ddd0eb}.route-status button{width:30px;height:30px;border-radius:50%;background:rgba(229,222,255,.1);font-size:19px}.telemetry{position:absolute;left:36px;right:36px;bottom:15px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#7e84a4}.telemetry span:last-child{font-family:monospace}.joystick{display:none}.toast{position:absolute;z-index:35;left:50%;top:23%;transform:translate(-50%,-10px);padding:12px 23px;background:rgba(27,29,56,.92);border:1px solid rgba(226,209,182,.27);border-radius:40px;max-width:90%;width:max-content;font:12px/1.8 var(--serif);letter-spacing:.1em;text-align:center;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s}.toast.visible{opacity:1;transform:translate(-50%,0)}.object-label{position:absolute;z-index:8;padding:6px 12px;background:rgba(28,25,52,.82);border:1px solid rgba(238,211,167,.4);color:var(--gold);font:11px var(--serif);letter-spacing:.1em;transform:translate(-50%,-100%);border-radius:3px;pointer-events:none;white-space:nowrap}
.cg-loading{position:absolute;inset:0;z-index:75;background:radial-gradient(ellipse at center,#302b4b,#10162c 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-orbit{position:relative;width:88px;height:88px;display:grid;place-items:center;font:48px var(--serif);color:var(--gold);margin-bottom:35px}.loading-orbit::before,.loading-orbit i{content:'';position:absolute;inset:0;border:1px solid rgba(226,201,176,.2);border-top-color:var(--gold);border-radius:50%;animation:orbit-spin 4s linear infinite}.loading-orbit i{inset:-12px;animation-direction:reverse;opacity:.4}.cg-loading .eyebrow{font-size:8px;margin-bottom:15px}.cg-loading h2{font:normal 26px var(--serif);letter-spacing:.15em;margin:0}.cg-loading>p:last-of-type{font:12px var(--serif);color:#9da0c2;letter-spacing:.1em;margin:23px 0}.loading-track{width:210px;height:1px;background:#4a435e;margin-top:15px}.loading-track span{display:block;background:var(--gold);height:1px;width:0;transition:width .35s}.cinematic{position:absolute;inset:0;z-index:60;pointer-events:auto;background:transparent;touch-action:none}.letterbox{position:absolute;left:0;right:0;min-height:72px;background:#0a0d1e;display:flex;align-items:center;justify-content:space-between;padding:20px 5%;color:#c4b5ce}.letterbox-top{top:0}.letterbox-top>span{font:13px var(--serif);letter-spacing:.23em}.letterbox-top small{font:10px var(--serif);color:#9d95b1}.letterbox-bottom{bottom:0;gap:20px}.letterbox-bottom>span:first-child{font:10px var(--serif);letter-spacing:.17em}.cg-timeline{display:block;height:1px;flex:1;max-width:260px;background:#363146}.cg-timeline i{display:block;width:0;height:1px;background:var(--gold)}.letterbox-bottom time{font:9px Georgia,serif;letter-spacing:.1em}.cinema-caption{position:absolute;bottom:14%;left:10%;right:10%;text-align:center;text-shadow:0 3px 18px #15132c}.cinema-caption p{font:16px/2 var(--serif);letter-spacing:.18em;color:#f0e3f4;min-height:28px;margin:0;transition:opacity .5s}.cinema-caption h2{font:normal 39px/1.6 var(--serif);letter-spacing:.25em;color:#f5e5ce;margin:11px 0 0}.app[data-mode=cinematic] .topbar,.app[data-mode=cg-loading] .topbar{z-index:90;pointer-events:none}.app[data-mode=cinematic] .topbar .brand,.app[data-mode=cinematic] .location-label,.app[data-mode=cinematic] #mapButton,.app[data-mode=cinematic] #helpButton,.app[data-mode=cg-loading] .topbar .brand,.app[data-mode=cg-loading] .location-label,.app[data-mode=cg-loading] #mapButton,.app[data-mode=cg-loading] #helpButton{visibility:hidden}.app[data-mode=cinematic] #soundButton,.app[data-mode=cg-loading] #soundButton{pointer-events:auto;position:fixed;right:30px;top:85px;background:rgba(22,24,49,.65);width:37px;height:37px}.app[data-mode=cinematic] .object-label,.app[data-mode=cg-loading] .object-label{display:none!important}
.modal{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));overflow-y:auto}.modal-backdrop{position:fixed;inset:0;background:rgba(9,12,30,.83)}@supports(backdrop-filter:blur(6px)){.modal-backdrop{backdrop-filter:blur(6px);background:rgba(9,12,30,.73)}}.modal-card{position:relative;width:min(100%,470px);max-height:100%;overflow:auto;border:1px solid rgba(204,190,232,.28);background:radial-gradient(ellipse at 50% 0,rgba(102,75,130,.2),transparent 70%),#1b1f3b;padding:37px 30px 28px;border-radius:7px;box-shadow:0 25px 100px #060a1f77}.close-button{position:absolute;right:12px;top:12px;width:40px;height:40px;display:grid;place-items:center;color:#c4bbd9}.close-button svg{width:19px}.modal-card .eyebrow{font-size:8px;margin-bottom:12px}h2{font:normal 27px/1.5 var(--serif);letter-spacing:.13em;margin:0;color:#f0e6fa}.modal-intro{font:12px var(--serif);letter-spacing:.1em;color:#a9a4c1;margin:13px 0 0}.map-card{width:min(100%,620px)}.atlas{height:300px;width:100%;max-width:460px;position:relative;margin:24px auto 14px;background:radial-gradient(ellipse at center,rgba(146,153,199,.13),transparent 65%)}.atlas-orbit{position:absolute;left:20%;right:7%;top:6%;bottom:8%;border:1px solid #76667d55;border-radius:50%;background:radial-gradient(ellipse at center,transparent 55%,rgba(184,169,201,.07) 56%,transparent 58%)}.atlas-orbit::before,.atlas-orbit::after{content:'';position:absolute;inset:20%;border:1px dashed #9b87ab33;border-radius:50%}.atlas-orbit::after{inset:43%;border-style:solid;background:#bcb6d511}.atlas-north{position:absolute;right:8%;top:0;font-size:8px;color:#8d83a4}.atlas-spot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;min-height:46px;padding:4px;background:rgba(31,33,65,.85);border:1px solid #77718d66;border-radius:5px;z-index:2}.atlas-spot>span{font:19px var(--serif);color:#cbc0dd}.atlas-spot small{font:9px var(--serif);letter-spacing:.08em;margin-top:2px;color:#a59cba}.atlas-spot.found{border-color:#b49a7166}.atlas-spot.found>span{color:#e6cda4}.atlas-spot[data-spot=altar]{border-color:#b9a17d;background:#49415e;box-shadow:0 0 23px #b79e6d22}.atlas-player{position:absolute;transform:translate(-50%,-50%);color:#b0ffff;text-shadow:0 0 9px #97eeff;z-index:5;font-size:21px;pointer-events:none}.spot-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.spot-list button{display:flex;justify-content:space-between;align-items:center;gap:5px;border:1px solid #81738b44;border-radius:3px;padding:10px;font:11px var(--serif);text-align:left;color:#c6bdd7;min-height:42px}.spot-list button span{font-size:9px;color:#80778f}.spot-list button.found span{color:#cfb285}.map-footnote{font-size:9px;color:#9187a3;text-align:center;margin:19px 0 0}.guide-list{list-style:none;padding:0;margin:25px 0}.guide-list li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #b8b1d51a}.guide-list li>span{font:11px Georgia,serif;color:#bfaa90;line-height:2}.guide-list strong{font:normal 14px var(--serif)}.guide-list p{font-size:11px;line-height:1.9;color:#a5a0bc;margin:7px 0 0}.settings-row{display:flex;gap:17px;align-items:center}.settings-row button{font-size:11px;display:flex;align-items:center;gap:10px;min-height:43px}.settings-row svg{width:16px}.settings-row span{color:#d7bf9d}.help-note{font-size:9px;color:#8a87a4;margin:12px 0 0}.ending-card,.share-card{text-align:center;padding:42px 28px 28px}.ending-moon{display:block;font:60px/1.4 var(--serif);color:var(--gold);margin:0 0 20px;text-shadow:0 0 40px #e8d5b244}.ending-card h2{font-size:24px}.ending-verse{font:17px/2.2 var(--serif);letter-spacing:.1em;color:#c5bcd7;margin:26px 0 35px}.ending-actions{display:flex;justify-content:center;gap:25px;margin-top:19px}.ending-actions button{font:11px var(--serif);color:#b5aac9;min-height:40px}.share-card h2{font-size:26px}#shareInstructions{font:13px/2 var(--serif);color:#b7aec9;margin:25px 0}#copyStatus{font-size:10px;color:#c7b4d5;min-height:20px;overflow-wrap:anywhere;user-select:text}.noscript{position:fixed;inset:30%;z-index:200;padding:40px;background:#202443;text-align:center}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.welcome{left:10%;top:25%}h1{font-size:93px}.welcome-copy{margin:33px 0}.traveler{margin-bottom:35px}}
@media(max-height:760px) and (min-width:761px){.welcome{top:18%;width:340px}h1{font-size:63px}.welcome-copy{margin:16px 0}.traveler{margin:15px 0 20px}.welcome-edition{margin-top:20px}.eyebrow{margin-bottom:13px}}
@media(max-width:760px){.topbar{top:max(14px,env(safe-area-inset-top));left:20px;right:16px;gap:10px}.brand{gap:7px}.brand-mark{width:28px;height:33px}.brand-mark svg{width:28px;height:28px}.brand-mark i{font-size:13px;right:-1px;top:-1px}.brand strong{font-size:11px;letter-spacing:.22em}.brand small{font-size:7px;letter-spacing:.22em}.header-tools{gap:5px}.round-button{width:39px;height:39px}.round-button svg{width:17px}.location-label{display:none}.welcome{left:27px;right:27px;top:auto;bottom:max(60px,calc(env(safe-area-inset-bottom) + 38px));width:auto}.welcome::before{inset:-80px -50px -60px;background:linear-gradient(0deg,#11162ff2,rgba(17,22,47,.88) 70%,transparent)}.welcome .eyebrow{font-size:7px;letter-spacing:.21em;margin-bottom:15px}h1{font-size:50px;display:flex;gap:13px;align-items:center;letter-spacing:.1em}h1 span{display:inline-block;margin-left:0}h1 i{font-size:19px;position:static;margin-left:0}.welcome-copy{font-size:12px;line-height:1.9;margin:15px 0;letter-spacing:.1em}.traveler{position:absolute;right:0;top:51px;gap:0}.traveler img{height:87px;width:65px}.traveler>span{display:none}.primary-button{min-height:52px;font-size:14px}.welcome-edition{font-size:6px;letter-spacing:.15em;margin-top:22px}.boot-status{font-size:9px;margin-top:12px}.quest-card{top:max(82px,calc(env(safe-area-inset-top) + 63px));left:19px;right:100px;padding:9px 9px;gap:8px;max-width:none}.quest-star{font-size:23px}.quest-card strong{font-size:11px;letter-spacing:.03em}.quest-card small{font-size:8px;line-height:1.6;letter-spacing:0;margin-top:3px}.quest-card button{width:22px;min-width:22px;height:35px}.quest-card button svg{width:16px}.mini-map{top:84px;right:17px;width:70px;border-radius:50% 50% 4px 4px}.mini-map canvas{width:68px;height:68px}.mini-map span{font-size:7px;padding-bottom:7px;letter-spacing:.03em}.mini-map b{display:none}.discovery{left:21px;top:172px;bottom:auto;font-size:9px;gap:9px}.discovery strong{font-size:10px}.discovery-gems{gap:4px}.discovery-gems i{width:3px;height:3px}.nearby-card{left:50%;right:auto;transform:translateX(-50%);bottom:max(191px,calc(env(safe-area-inset-bottom) + 170px));width:calc(100% - 76px);max-width:310px;padding:10px 13px;gap:10px;background:rgba(24,29,54,.77)}.nearby-symbol{font-size:27px}.nearby-card strong{font-size:14px;letter-spacing:.14em}.nearby-card small{font-size:7px}.nearby-card p{font-size:9px;line-height:1.7}.desktop-controls{display:none}.joystick{position:absolute;display:block;left:29px;bottom:max(59px,calc(env(safe-area-inset-bottom) + 37px));width:106px;height:106px;border-radius:50%;border:1px solid rgba(216,214,248,.33);background:radial-gradient(circle,rgba(112,111,150,.14),rgba(26,31,58,.6));touch-action:none}.joystick-ring{position:absolute;inset:14px;border:1px dashed rgba(222,214,250,.15);border-radius:50%}.joystick-knob{position:absolute;width:43px;height:43px;left:31px;top:31px;border:1px solid rgba(225,220,253,.5);border-radius:50%;background:radial-gradient(circle at 30% 20%,#8f8db9aa,#57578166);box-shadow:0 3px 13px #0a0e2c55;pointer-events:none}.joystick small{position:absolute;left:0;right:0;bottom:-24px;text-align:center;color:#9b9cba;font:9px var(--serif);letter-spacing:.2em;pointer-events:none}.action-buttons{right:22px;bottom:max(66px,calc(env(safe-area-inset-bottom) + 44px));gap:10px}.action-button{width:57px;height:57px;gap:3px}.action-button svg{width:20px;height:20px}.action-button span{font-size:10px}.action-button kbd{display:none}.interact-button{width:71px;height:71px}.interact-button svg{width:24px;height:24px}.altitude-controls{right:99px;bottom:max(143px,calc(env(safe-area-inset-bottom) + 121px));flex-direction:row;gap:6px}.altitude-controls button{width:30px;height:29px;font-size:17px}.altitude-controls span{font-size:7px}.route-status{bottom:max(26px,calc(env(safe-area-inset-bottom) + 14px));font-size:9px;padding-left:12px;gap:7px}.route-status button{width:25px;height:25px}.telemetry{left:20px;right:20px;bottom:max(11px,env(safe-area-inset-bottom));font-size:7px}.route-status:not([hidden])~.telemetry{opacity:.4}.toast{top:26%;font-size:11px;padding:10px 17px;max-width:91%;letter-spacing:.04em}.object-label{font-size:10px}.letterbox{min-height:61px;padding:15px 20px}.letterbox-top>span{font-size:10px;letter-spacing:.13em}.letterbox-top small{font-size:8px}.letterbox-bottom{gap:15px}.letterbox-bottom>span:first-child{font-size:8px;letter-spacing:.05em}.letterbox-bottom time{font-size:8px}.cg-timeline{max-width:100px}.cinema-caption{bottom:15%;left:7%;right:7%}.cinema-caption p{font-size:13px;line-height:2;letter-spacing:.12em}.cinema-caption h2{font-size:27px;letter-spacing:.2em}.app[data-mode=cinematic] #soundButton,.app[data-mode=cg-loading] #soundButton{right:17px;top:74px;width:34px;height:34px}.modal{padding:22px 16px}.modal-card{padding:33px 24px 24px}.map-card{padding-left:19px;padding-right:19px}.atlas{height:265px;margin-top:20px}.atlas-spot{min-width:49px;min-height:41px}.atlas-spot>span{font-size:16px}.atlas-spot small{font-size:8px}.spot-list{gap:5px}.spot-list button{padding:8px 7px;font-size:10px;min-height:38px}.spot-list button span{font-size:7px}.map-footnote{font-size:8px;line-height:1.8}.guide-list{margin:20px 0}.guide-list li{padding:10px 0;gap:11px}.guide-list p{font-size:10px}.guide-list strong{font-size:13px}.help-card h2{font-size:23px}.ending-card h2{font-size:20px;letter-spacing:.08em}.ending-verse{font-size:16px;margin:24px 0 30px}.ending-actions{gap:17px}.ending-actions button{font-size:10px}.cg-loading h2{font-size:22px}.cg-loading>p:last-of-type{font-size:11px}}
@media(max-width:360px){.topbar{left:15px;right:13px}.header-tools{gap:3px}.round-button{width:36px;height:36px}.welcome{left:22px;right:22px}h1{font-size:43px;gap:10px}.quest-card{left:14px;right:92px}.quest-card strong{font-size:10px}.quest-card small{font-size:7px}.mini-map{right:13px;width:66px}.mini-map canvas{width:64px;height:64px}.discovery{left:16px}.discovery-gems{gap:3px}.joystick{left:22px;width:94px;height:94px}.joystick-knob{left:25px;top:25px}.action-buttons{right:18px;gap:8px}.action-button{width:51px;height:51px}.interact-button{width:63px;height:63px}.nearby-card{width:calc(100% - 48px)}.altitude-controls{right:78px}.cinema-caption p{font-size:11px}.letterbox-bottom>span:first-child{display:none}.modal-card{padding-left:20px;padding-right:20px}.atlas-spot{min-width:43px}.atlas-spot small{font-size:7px}.ending-card h2{font-size:18px}}
@media(max-height:690px) and (max-width:760px){.welcome{bottom:max(34px,calc(env(safe-area-inset-bottom) + 20px))}.welcome-copy{margin:12px 0}.welcome .eyebrow{margin-bottom:10px}.welcome-edition{margin-top:17px}.quest-card{top:74px}.mini-map{top:75px}.discovery{top:155px}.nearby-card{bottom:max(170px,calc(env(safe-area-inset-bottom) + 147px))}.joystick{bottom:max(43px,calc(env(safe-area-inset-bottom) + 24px));width:92px;height:92px}.joystick-knob{left:24px;top:24px}.action-buttons{bottom:max(47px,calc(env(safe-area-inset-bottom) + 28px))}.altitude-controls{bottom:max(127px,calc(env(safe-area-inset-bottom) + 106px))}.guide-list li{padding:8px 0}.guide-list p{margin-top:5px}.atlas{height:225px;margin-top:13px}.atlas-spot{min-height:37px}.map-card .eyebrow{font-size:6px}.map-card h2{font-size:23px}.map-card .modal-intro{font-size:11px}.ending-moon{font-size:45px;margin-bottom:16px}}
@media(orientation:landscape) and (max-height:500px){.topbar{top:10px;left:22px;right:20px}.welcome{left:6%;width:315px;top:23%;bottom:auto;right:auto}.welcome::before{background:radial-gradient(ellipse,#11162fdd,transparent 70%)}.welcome .eyebrow{font-size:6px;margin-bottom:8px}h1{font-size:39px;display:flex;gap:12px}h1 span{display:inline;margin-left:0}h1 i{display:none}.welcome-copy{font-size:11px;margin:11px 0}.traveler{display:none}.welcome .primary-button{min-height:43px;font-size:12px}.welcome-edition{display:none}.boot-status{font-size:8px}.quest-card{top:65px;left:22px;right:auto;max-width:270px}.quest-card small{font-size:7px}.mini-map{display:none}.discovery{top:126px;left:24px}.nearby-card{left:auto;right:22px;transform:none;width:240px;bottom:115px}.joystick{left:26px;bottom:33px;width:83px;height:83px}.joystick-knob{width:37px;height:37px;left:22px;top:22px}.action-buttons{bottom:30px;right:25px}.altitude-controls{bottom:36px;right:180px;flex-direction:column}.telemetry{bottom:8px}.route-status{bottom:25px}.cinema-caption{bottom:20%}.cinema-caption p{font-size:12px}.cinema-caption h2{font-size:23px}.letterbox{min-height:45px;padding:12px 25px}.app[data-mode=cinematic] #soundButton{top:53px}.modal-card{max-height:90vh}.toast{top:30%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.primary-button:hover,.action-button:hover{transform:none}.toast{transition-duration:.1s}}
/* Skill deck stays separate from nearby object interaction. */
.skill-tray{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);display:flex;gap:8px;pointer-events:auto}.skill-tray button{position:relative;width:94px;padding:12px 8px;color:#e4eef7;background:linear-gradient(145deg,#234355dd,#111e33ed);border:1px solid #a4cddc66;border-radius:14px;box-shadow:0 6px 25px #03121b66;cursor:pointer}.skill-tray b{display:block;font-size:23px;font-weight:400;color:#e8d8b4;margin-bottom:5px}.skill-tray span{font-size:11px;letter-spacing:1px}.skill-tray small{position:absolute;right:7px;top:5px;opacity:.5}.skill-tray button:active{background:#54768a;transform:scale(.95)}
@media(max-width:760px){.skill-tray{bottom:190px;gap:6px;left:50%}.skill-tray button{width:82px;padding:8px 4px}.skill-tray b{font-size:19px;margin-bottom:2px}.skill-tray span{font-size:10px}.nearby-card{bottom:275px!important}.skill-tray small{display:none}.discovery{max-width:210px}.quest-card{max-width:calc(100vw - 120px)}}
@media(max-height:550px){.skill-tray{left:50%;bottom:18px}.nearby-card{display:none}}
.skill-tray button:disabled{opacity:.55;cursor:default}.skill-tray button.casting{opacity:1;border-color:#ead5a8;box-shadow:0 0 24px #bddfff44}
/* Fourth skill and two-step landing selection, usable with touch. */
.skill-tray button{width:92px}.skill-tray button:last-child{border-color:#d4c2ef77;background:linear-gradient(145deg,#4a3b6fdd,#16253bed)}
.dash-target-panel{position:absolute;left:50%;bottom:145px;transform:translateX(-50%);width:min(370px,calc(100vw - 36px));pointer-events:auto;padding:15px 18px;border:1px solid #c0e9f466;border-radius:13px;background:#11263aef;box-shadow:0 10px 35px #06101e88;text-align:center}.dash-target-panel strong{display:block;font-size:14px;letter-spacing:2px;color:#dceaff}.dash-target-panel>span{display:block;font-size:12px;color:#b0c9da;margin:8px 0 12px}.dash-target-panel>div{display:flex;gap:8px}.dash-target-panel button{flex:1;padding:10px;border:1px solid #a9d6e755;border-radius:6px;background:#416980;color:white}.dash-target-panel button:last-child{background:#1d3348}.dash-target-panel button:disabled{opacity:.4;cursor:default}[data-targeting=true] .nearby-card{opacity:0;pointer-events:none}[data-targeting=true] #worldCanvas{cursor:crosshair}.discovery-gems{max-width:180px;flex-wrap:wrap}.atlas-spot{font-size:12px!important;width:27px!important;height:27px!important}.spot-list{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.skill-tray{bottom:190px;gap:5px;width:calc(100% - 32px);max-width:370px;justify-content:center}.skill-tray button{width:auto;flex:1;min-width:0}.skill-tray span{font-size:10px;letter-spacing:0}.skill-tray b{font-size:19px}.skill-tray small{display:block;font-size:8px}.dash-target-panel{bottom:285px;padding:12px}.spot-list{grid-template-columns:repeat(3,1fr)}.discovery-gems{max-width:150px}.map-card{max-height:90svh;overflow:auto}}
@media(max-height:550px){.skill-tray{bottom:16px;max-width:330px;width:auto}.dash-target-panel{bottom:120px}.skill-tray button{width:70px}.dash-target-panel strong{font-size:12px}.dash-target-panel>span{margin:5px 0}}