:root{color-scheme:dark;--ink:#f0f5ec;--muted:#bcccd1;--gold:#f1d6a2;--glass:rgba(8,24,36,.76);--edge:rgba(221,237,231,.21);--contrast:#0c222d;--page:#081622;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;min-height:100%;background:var(--page);color:var(--ink);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f5d3a2;outline-offset:5px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.site{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden}.topbar{position:absolute;z-index:20;top:0;left:0;width:100%;height:88px;display:flex;align-items:center;gap:25px;padding:0 5%;border-bottom:1px solid rgba(222,240,231,.14);background:linear-gradient(to bottom,rgba(7,19,29,.47),rgba(7,19,29,.1));backdrop-filter:blur(8px)}.brand{font-size:17px;font-weight:650;letter-spacing:.27em;white-space:nowrap;display:flex;align-items:center;gap:14px}.brand-symbol{font-size:28px;color:#e8cf9f;transform:rotate(10deg);font-weight:300;display:inline-block}.brand-dot{color:var(--gold)}.header-sub{font-size:11px;letter-spacing:.16em;color:#c6d2d1;opacity:.75;white-space:nowrap}.diamond{margin:0 9px;color:#e9d29c}.top-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.icon-button,.door-button{background:rgba(10,30,42,.24);color:#eef3eb;border:1px solid rgba(222,237,230,.21);border-radius:999px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;font-size:12px;letter-spacing:.08em;transition:background .2s,transform .2s}.icon-button:hover,.door-button:hover{background:rgba(221,233,223,.14);transform:translateY(-1px)}.icon-button #modeIcon{font-size:17px}.icon-button #soundIcon{font-size:18px}.door-button{padding:0 17px}.door-arrow{font-size:16px;color:#e8d7b4}.lock-icon{font-size:17px;color:#e8d7b4}.world-shell{height:100vh;height:100dvh;min-height:680px;position:relative;background:#081b2d;isolation:isolate}.landscape{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#071d30,#738d93);z-index:0}.world-art{position:absolute;inset:0;width:100%;height:100%;transition:filter 1s ease;filter:saturate(.89)}.sky-noise{position:absolute;inset:0;z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.1;mix-blend-mode:screen}#starfield{position:absolute;inset:0;z-index:1;pointer-events:none;transition:opacity 1s}.star{position:absolute;border-radius:100%;background:#e7e8d8;opacity:var(--opacity);width:var(--size);height:var(--size);animation:twinkle var(--duration) infinite alternate ease-in-out;box-shadow:0 0 7px rgba(236,243,229,.5)}@keyframes twinkle{0%{opacity:.1;transform:scale(.8)}100%{opacity:var(--opacity);transform:scale(1.1)}}.snowfall{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.flake{position:absolute;top:-12px;left:var(--x);width:var(--s);height:var(--s);border-radius:100%;background:rgba(242,247,237,.82);opacity:var(--o);animation:fall var(--t) var(--delay) linear infinite}@keyframes fall{to{transform:translate(var(--drift),105vh)}}.world-vignette{position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(90deg,rgba(4,18,31,.70) 0%,rgba(7,24,37,.28) 36%,transparent 68%),linear-gradient(0deg,rgba(5,20,30,.57) 0%,transparent 26%,transparent 75%,rgba(2,15,27,.22) 100%)}.map-markers{position:absolute;inset:0;z-index:8;pointer-events:none}.marker{position:absolute;display:flex;align-items:center;flex-direction:column;gap:7px;border:0;background:transparent;color:#f3f2e8;padding:0;transform:translate(-50%,-50%);pointer-events:auto;min-width:86px;min-height:73px}.marker-core{display:grid;place-items:center;border:1px solid rgba(251,244,220,.65);width:39px;height:39px;border-radius:50%;background:rgba(8,34,47,.70);backdrop-filter:blur(7px);box-shadow:0 0 20px rgba(238,219,160,.32),inset 0 0 10px rgba(255,228,177,.16);font-size:22px;transition:transform .25s,background .25s;color:#f2dab0}.marker:hover .marker-core,.marker:focus-visible .marker-core{transform:scale(1.18);background:rgba(64,88,95,.96)}.marker-ping{position:absolute;top:-7px;border:1px solid rgba(239,223,188,.28);height:53px;width:53px;border-radius:50%;animation:ping 3.2s ease-out infinite}@keyframes ping{0%{transform:scale(.7);opacity:.5}70%{transform:scale(1.38);opacity:0}100%{transform:scale(1.38);opacity:0}}.marker-name{text-shadow:0 2px 13px #122b35,0 2px 5px #122b35;font-size:11px;letter-spacing:.12em;font-weight:600;white-space:nowrap}.marker.discovered .marker-core{border-color:#c0e2d4;color:#b4e0d6}.marker-observatory{top:62%;left:72.5%}.marker-cabin{top:79%;left:24%}.marker-lake{top:87%;left:58%}.marker-pine{top:77%;left:82%}.marker-pass{top:34%;left:35%}.world-overlay{position:absolute;z-index:10;left:5%;top:25%;pointer-events:none}.world-overlay>*{pointer-events:auto}.eyebrow,.tiny-label{font-size:10px;letter-spacing:.27em;text-transform:uppercase;color:#e3d9ba;font-weight:600;display:flex;align-items:center;gap:14px}.eyebrow-line{width:34px;height:1px;background:#e6d8aa;display:inline-block}.tiny-star{font-size:15px}.welcome h1{font-size:clamp(40px,5.05vw,83px);font-weight:350;letter-spacing:-.055em;line-height:1.21;margin:27px 0 25px;text-shadow:0 2px 40px rgba(6,23,37,.25)}.welcome h1 em{font-style:normal;color:#e8d0a0}.welcome p{font-size:clamp(12px,1vw,15px);line-height:2.15;color:#d4e1db;letter-spacing:.08em;text-shadow:0 1px 8px #1c3745}.primary-button{display:inline-flex;gap:72px;align-items:center;border:1px solid rgba(236,220,183,.85);background:#f2dab0;color:#102b34;border-radius:3px;padding:17px 23px;font-size:13px;font-weight:650;letter-spacing:.09em;margin-top:29px;box-shadow:0 12px 28px rgba(3,25,38,.18);transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-3px);background:#fff0d2}.primary-button span{font-size:19px}.intro-footnote{font-size:10px;letter-spacing:.18em;color:#e4e1ce;opacity:.66;margin-top:30px}.intro-footnote span{margin:0 8px}.wayfinder{width:310px;padding:25px 28px 26px;border:1px solid var(--edge);background:rgba(8,30,43,.6);backdrop-filter:blur(17px);box-shadow:0 18px 35px rgba(7,25,37,.18)}.wayfinder h2{font-size:25px;font-weight:430;letter-spacing:.07em;margin:19px 0 9px}.wayfinder p{font-size:12px;line-height:1.9;color:#d0dcd9}.progress-row{margin-top:27px;display:flex;align-items:baseline;gap:3px;color:#f6e0ae;font-size:35px;font-weight:300}.progress-sep{color:#b8d0ce;font-size:20px}.progress-label{font-size:11px;color:#c8d7d3;margin-left:12px;letter-spacing:.12em}.progress-dots{display:flex;gap:8px;margin-top:10px}.progress-dots i{width:34px;height:3px;background:rgba(232,246,234,.21);border-radius:3px}.progress-dots i.on{background:#efd7a3}.subtle-link{background:transparent;border:0;color:#e3d6b6;letter-spacing:.12em;font-size:11px;padding:0;margin-top:23px}.subtle-link span{margin-left:15px}.bottom-bar{position:absolute;z-index:10;bottom:23px;left:5%;right:5%;font-size:10px;color:#e9e8dc;letter-spacing:.15em;display:flex;justify-content:space-between;gap:10px;opacity:.81}.online-dot{display:inline-block;width:5px;height:5px;background:#d3e7c1;border-radius:50%;margin-right:9px;box-shadow:0 0 10px #d3e7c1}.mobile-tip{display:none}.panel-backdrop{position:fixed;inset:0;z-index:25;background:rgba(1,12,20,.43);backdrop-filter:blur(3px)}.detail-panel{position:fixed;right:0;top:0;z-index:30;height:100vh;height:100dvh;width:min(480px,100%);padding:94px clamp(28px,4vw,55px) 45px;background:#102733;box-shadow:-15px 0 65px rgba(3,17,26,.34);border-left:1px solid #47616a;transform:translateX(105%);transition:transform .4s cubic-bezier(.21,.82,.26,1);overflow-y:auto}.detail-panel.open{transform:translateX(0)}.close-panel{position:absolute;right:28px;top:35px;border:1px solid #52646a;color:#eef0e7;background:transparent;width:40px;height:40px;border-radius:50%;font-size:27px;line-height:1}.panel-index{font-size:11px;letter-spacing:.22em;color:#dfcf9e}.panel-decoration{font-size:73px;color:#ebd5a8;margin:27px 0 5px;font-weight:100;line-height:1.3}.detail-panel h2{font-size:37px;font-weight:400;letter-spacing:.06em;margin:0}.panel-subtitle{font-size:12px;letter-spacing:.17em;color:#a8c6c7;margin:14px 0 25px}.panel-divider{height:1px;background:#355562;margin:20px 0 28px}.panel-content{font-size:14px;line-height:2.05;color:#dce6df;white-space:pre-line;letter-spacing:.04em}.panel-content p{margin:0 0 17px}.panel-content strong{font-weight:500;color:#f3dda6}.panel-action{border:1px solid #b7baa3;background:#eed7ac;color:#132e3a;min-height:51px;padding:0 22px;margin-top:33px;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:.08em}.panel-action:disabled{opacity:.55;cursor:default}.panel-status{font-size:11px;letter-spacing:.07em;color:#abcbc6;line-height:1.8;margin-top:14px}.toast{position:fixed;z-index:50;left:50%;bottom:48px;transform:translate(-50%,30px);color:#152e36;background:#f0dcb3;border-radius:2px;padding:13px 23px;font-size:12px;letter-spacing:.09em;opacity:0;pointer-events:none;transition:transform .35s,opacity .35s;box-shadow:0 9px 40px #11283555;text-align:center;max-width:90vw}.toast.visible{transform:translate(-50%,0);opacity:1}.legal-footnote{position:absolute;width:100%;bottom:-85px;left:0;height:85px;background:#081622;color:#809b9e;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.09em}.day #skyRect{fill:url(#skyDay)}.day #moonGroup,.day #aurora{opacity:0}.day #starfield{opacity:0}.day .world-vignette{background:linear-gradient(90deg,rgba(23,51,60,.49) 0%,rgba(36,69,72,.11) 41%,transparent 73%),linear-gradient(0deg,rgba(22,44,53,.27),transparent 28%,transparent 85%,rgba(19,50,65,.12))}.day .world-art{filter:saturate(1.03) brightness(1.13)}.day .landscape{background:#a8d2df}.day .topbar{background:linear-gradient(rgba(19,49,60,.34),transparent)}.day .snowfall{opacity:.65}
@media (max-width:950px){.header-sub{display:none}.topbar{padding:0 4%;height:74px}.world-overlay{top:21%;left:6%}.welcome h1{font-size:clamp(41px,7vw,68px)}.map-markers .marker-cabin{left:26%}}
@media (max-width:680px){.topbar{height:66px;padding:0 19px;gap:8px}.brand{font-size:12px;letter-spacing:.14em;gap:7px}.brand-symbol{font-size:23px}.icon-button{width:38px;height:37px;min-height:37px;padding:0}.hide-mobile{display:none}.top-actions{gap:7px}.door-button{height:37px;min-height:37px;padding:0 10px;font-size:10px;gap:5px}.door-arrow{display:none}.world-shell{min-height:610px}.world-art{width:130%;height:93%;top:9%;left:-28%;}.world-vignette{background:linear-gradient(180deg,rgba(5,20,31,.6),rgba(5,20,31,.43) 40%,transparent 69%,rgba(5,20,31,.32))}.day .world-vignette{background:linear-gradient(180deg,rgba(10,39,53,.45),rgba(10,39,53,.30) 40%,transparent 69%,rgba(5,20,31,.2))}.world-overlay{top:14%;left:7%;right:7%}.welcome .eyebrow{font-size:9px;letter-spacing:.16em}.welcome h1{font-size:clamp(41px,10.2vw,59px);margin:19px 0 17px}.welcome p{font-size:12px;line-height:1.85}.primary-button{padding:14px 16px;gap:35px;margin-top:14px;font-size:12px}.intro-footnote{font-size:9px;margin-top:19px}.map-markers{height:100%;width:100%;}.marker{min-width:70px;min-height:62px;gap:4px}.marker-core{width:33px;height:33px;font-size:19px}.marker-ping{width:45px;height:45px;top:-6px}.marker-name{font-size:10px;letter-spacing:.04em}.marker-observatory{left:67%;top:63%}.marker-cabin{left:17%;top:74%}.marker-lake{left:55%;top:85%}.marker-pine{left:89%;top:75%}.marker-pass{left:72%;top:43%}.wayfinder{width:min(285px,87vw);padding:19px 21px}.wayfinder h2{font-size:20px;margin:14px 0 6px}.wayfinder p{font-size:11px}.progress-row{margin-top:14px;font-size:26px}.progress-dots i{width:29px}.subtle-link{margin-top:14px}.bottom-bar{left:7%;right:7%;bottom:17px;font-size:9px;letter-spacing:.05em}.bottom-coord{display:none}.mobile-tip{display:inline}.detail-panel{padding:83px 26px 31px}.detail-panel h2{font-size:31px}.panel-decoration{font-size:61px;margin:17px 0 6px}.panel-content{font-size:13px}.toast{bottom:25px}}
@media (max-width:385px){.brand{font-size:11px}.door-button{font-size:9px}.brand-symbol{font-size:21px}.topbar{padding:0 13px}.world-overlay{top:13%}.welcome h1{font-size:40px}.welcome p{font-size:11px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}