:root{color:#edf4e9;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#c5d6cc;--gold:#d8b981;--line:#dceddf45;background:#173f49;font-family:Songti SC,STSong,Noto Serif CJK SC,SimSun,serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{background:0 0;border:0}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#scene{position:absolute;inset:0}.vignette{pointer-events:none;background:linear-gradient(180deg,#081d2533,transparent 28%,transparent sixty,#051a2185);background:linear-gradient(#081d2526,#0000 30% 65%,#051a218a);position:absolute;inset:0}.brand{pointer-events:none;text-shadow:0 2px 16px #173e48;align-items:flex-start;gap:18px;display:flex;position:absolute;top:38px;left:42px}.brand h1{writing-mode:vertical-rl;letter-spacing:14px;margin:0;font-size:64px;font-weight:400;line-height:1.14}.brand .seal{writing-mode:vertical-rl;letter-spacing:3px;background:#855c43a6;border:1px solid #c29364;margin-top:5px;padding:7px 4px;font-size:10px}.brand p{writing-mode:vertical-rl;letter-spacing:4px;color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.9}.topbar{letter-spacing:1.8px;align-items:center;gap:21px;font-family:system-ui,sans-serif;font-size:11px;display:flex;position:absolute;top:35px;right:38px}.topbar button{opacity:.85;border-bottom:1px solid #0000;padding:10px 0}.topbar button:hover{opacity:1;border-color:var(--line)}.sound-dot{background:var(--gold);border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.topbar button[aria-pressed=true] .sound-dot{background:#a1b3ad}.weather{color:var(--muted);letter-spacing:3px;writing-mode:vertical-rl;pointer-events:none;font-size:11px;line-height:1.9;position:absolute;top:106px;right:39px}.location{pointer-events:none;max-width:25%;position:absolute;bottom:48px;left:42px}.eyebrow{letter-spacing:3px;color:#c1d5cc;margin-bottom:12px;font-family:system-ui,sans-serif;font-size:9px}.location h2{letter-spacing:7px;margin:0 0 12px;font-size:30px;font-weight:400}.location p{letter-spacing:2px;color:var(--muted);margin:0;font-size:12px;line-height:2}.destinations{align-items:end;gap:24px;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.dest{color:#d4e1d5;flex-direction:column;align-items:center;gap:13px;min-width:45px;padding:15px 8px 10px;transition:transform .3s,color .3s;display:flex;position:relative}.dest:before{content:"";opacity:.5;background:currentColor;width:3px;height:3px;position:absolute;top:0;transform:rotate(45deg)}.dest:hover{color:#fff7dd;transform:translateY(-4px)}.dest.active{color:#f3d7a6}.dest.active:before{opacity:1;width:6px;height:6px;box-shadow:0 0 13px #eac78177}.dest .num{letter-spacing:1px;opacity:.6;font-family:system-ui,sans-serif;font-size:8px}.dest .name{writing-mode:vertical-rl;letter-spacing:7px;font-size:16px}.dest.visited:after{content:"";background:var(--gold);border-radius:50%;width:3px;height:3px;position:absolute;bottom:0}.bottom-right{text-align:right;letter-spacing:1.5px;max-width:220px;color:var(--muted);font-family:system-ui,sans-serif;font-size:10px;position:absolute;bottom:43px;right:40px}.altitude{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:18px;display:flex}.altitude span:first-child{font-variant-numeric:tabular-nums;color:#e6eadb;font-size:20px;font-weight:200}.altitude .line{background:var(--line);width:40px;height:1px}.controls-toggle{border-bottom:1px solid var(--line);letter-spacing:2px;padding:7px 0;font-size:11px}.help{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#d3dfd4;background:#0d303be8;border:1px solid #a5b5a344;width:265px;padding:24px;font-family:system-ui,sans-serif;font-size:11px;line-height:2;position:absolute;bottom:100px;right:35px}.help h3{letter-spacing:4px;color:#f0ead6;margin:0 0 12px;font-family:serif;font-size:18px;font-weight:400}.help dl{grid-template-columns:90px 1fr;gap:7px;margin:0;display:grid}.help dt{color:#f1d29e}.help dd{margin:0}.help p{border-top:1px solid var(--line);color:#9fbcb6;margin:15px 0 0;padding-top:12px}.hint{letter-spacing:2px;text-align:center;white-space:nowrap;color:#dbe6d7;text-shadow:0 2px 6px #0c2832;font-family:system-ui,sans-serif;font-size:11px;position:absolute;bottom:171px;left:50%;transform:translate(-50%)}.hint kbd{font:inherit;border:1px solid #dbe6d770;border-radius:2px;margin-right:7px;padding:3px 6px}.hint button{border-bottom:1px solid var(--line);padding:8px 14px}.center-mark{pointer-events:none;opacity:.5;border:1px solid #e2ecd577;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%}.overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;text-align:center;background:#0a232cb3;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:30px;display:flex;position:absolute;inset:0}.overlay h2{letter-spacing:12px;margin:0 0 10px;font-size:35px;font-weight:400}.overlay p{color:var(--muted);letter-spacing:1px;max-width:430px;font-size:13px;line-height:2}.overlay button{letter-spacing:4px;border:1px solid #c6d2b86b;margin-top:10px;padding:13px 34px}.overlay .fine{color:#9cb9b1;max-width:500px;font-family:system-ui,sans-serif;font-size:10px}.loading-line{background:#d8b98133;width:160px;height:1px;overflow:hidden}.loading-line:after{content:"";background:var(--gold);width:40%;height:100%;animation:1.6s infinite load;display:block}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(350%)}}[hidden]{display:none!important}.mobile-only{display:none}.sound-note{letter-spacing:1px;color:#95b2aa;margin-top:9px;font-size:9px;display:block}.toast{border:1px solid var(--line);letter-spacing:1px;pointer-events:none;text-align:center;opacity:0;z-index:11;background:#123d47c9;max-width:60%;padding:10px 20px;font-family:system-ui,sans-serif;font-size:11px;transition:opacity .4s;position:absolute;top:28px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}@media (max-width:760px){.brand{gap:10px;top:28px;left:23px}.brand h1{letter-spacing:10px;font-size:44px}.brand .seal{padding:5px 3px;font-size:8px}.brand p{display:none}.topbar{gap:17px;font-size:10px;top:23px;right:23px}.weather{font-size:10px;top:86px;right:22px}.location{max-width:65%;bottom:176px;left:23px}.location h2{letter-spacing:5px;margin-bottom:7px;font-size:25px}.location p{font-size:11px}.eyebrow{margin-bottom:9px;font-size:8px}.destinations{gap:25px;bottom:28px}.dest{gap:9px;min-width:30px;padding:14px 4px 9px}.dest .name{letter-spacing:7px;font-size:16px}.bottom-right{bottom:181px;right:23px}.altitude{display:none}.controls-toggle{font-size:10px}.sound-note{display:none}.hint{white-space:normal;width:max-content;max-width:90%;font-size:10px;line-height:1.8;bottom:139px}.help{width:250px;bottom:228px;right:20px}.mobile-only{display:block}.desktop-only,.center-mark{display:none}.toast{width:max-content;max-width:80%;top:80px}.overlay h2{letter-spacing:8px;font-size:29px}.overlay p{font-size:12px}.overlay .fine{font-size:9px}}@media (prefers-reduced-motion:reduce){.loading-line:after{width:100%;animation:none}button,.toast{transition:none!important}}.destination-group{align-items:end;gap:20px;display:flex}.destination-tabs{display:none}.destinations{gap:20px}.dest .name{letter-spacing:5px;font-size:15px}[data-hud]{opacity:1;visibility:visible;transition:opacity .65s,visibility}[data-hud].hud-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s,visibility 0s .65s}.location{text-shadow:0 2px 14px #102f35;max-width:310px}.location .location-quote{color:#d7dfd5;letter-spacing:1.2px;margin-top:8px;font-size:11px}.hud-menu{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:8;color:#dce5da;background:#15363b73;border:1px solid #dbe6d750;border-radius:50%;width:44px;height:44px;font:24px/1 system-ui,sans-serif;position:absolute;bottom:12px;right:16px}.hud-menu:hover,.hud-menu[aria-expanded=true]{background:#143b44d9;border-color:#d8b9819c}.hud-menu:focus-visible{outline-offset:3px}@media (max-width:760px){.location{max-width:65%}.location .location-quote{font-size:10px}.hud-menu{bottom:12px;right:14px}}@media (prefers-reduced-motion:reduce){[data-hud],[data-hud].hud-hidden{transition:none!important}}@media (max-width:1000px){.destinations{flex-direction:column;align-items:center;gap:7px;max-width:94vw;bottom:21px}.destination-tabs{border-bottom:1px solid var(--line);letter-spacing:2px;gap:20px;font:10px system-ui,sans-serif;display:flex}.destination-tabs button{color:var(--muted);padding:5px 3px}.destination-tabs button[aria-pressed=true]{color:#f3d7a6}.destination-group{gap:22px;display:none}.destination-group.selected{display:flex}.dest .name{letter-spacing:6px;font-size:15px}.hint{bottom:156px}.location{bottom:193px}.bottom-right{bottom:196px}.help{bottom:239px}}