@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{font-family:DM Sans,Inter,system-ui,sans-serif;color:#f6f0df;background:#17362d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{touch-action:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #f7cd72;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}.boot{height:100%;display:grid;place-content:center;text-align:center;color:#f4dca9;background:#17382e}.boot-mark{font-size:48px}.boot h1{font:600 42px Georgia,serif;letter-spacing:.19em;margin:0}.boot p{letter-spacing:.11em}.fatal{display:grid;place-content:center;height:100%;padding:24px;color:#fff}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#67929a,#a9ba8d)}.world-canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.world-canvas:active{cursor:grabbing}.lens-overlay{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(10,37,33,.38),transparent 23%,transparent 64%,rgba(11,32,24,.54)),linear-gradient(90deg,rgba(10,34,30,.28),transparent 27%,transparent 75%,rgba(13,33,28,.17));z-index:1}.main-header{position:absolute;z-index:11;top:0;left:0;right:0;min-height:110px;display:flex;align-items:flex-start;justify-content:space-between;padding:26px clamp(20px,3vw,54px);pointer-events:none}.main-header>*{pointer-events:auto}.brand{display:flex;gap:14px;align-items:center;text-shadow:0 1px 8px #142b24aa}.brand-icon{border:1px solid #e6c281;color:#f5d295;width:49px;height:49px;display:grid;place-items:center;font-family:Georgia,serif;font-size:32px;background:#0a2a2670}.brand strong{font:600 29px Georgia,serif;letter-spacing:.18em;display:block;line-height:1.1}.brand span{color:#e3bb78;font-size:9px;letter-spacing:.42em;font-weight:700;display:block;margin-top:6px}.compass-top{position:absolute;left:50%;top:10px;transform:translate(-50%);border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:0;filter:drop-shadow(0 5px 12px #122d25a8);transition:scale .2s}.compass-top:hover{scale:1.055}.compass-top img{width:82px;height:82px;object-fit:contain}.compass-top span{border:1px solid #d8b477aa;background:#153c32e8;padding:4px 11px;border-radius:14px;font-weight:700;font-size:10px;letter-spacing:.17em;margin-top:-9px;white-space:nowrap}.compass-top kbd{margin-left:4px;color:#f9d791}.header-right{display:flex;gap:20px;align-items:center}.glass-btn{border:1px solid #e4d0a35c;border-radius:30px;background:#102d2bcf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:13px 18px;color:#fff;font-size:11px;font-weight:700;white-space:nowrap}.glass-btn:hover{background:#245347}.glass-btn[aria-pressed=true]{border-color:#9ed7b1;background:#1b5142}.live-marker{color:#f1edda;font-size:9px;font-weight:700;letter-spacing:.19em;display:flex;align-items:center;gap:9px;white-space:nowrap;text-shadow:0 2px 12px #142f24}.live-marker i,.pulse-dot{width:8px;height:8px;background:#7cf3b7;border-radius:50%;box-shadow:0 0 13px #55f5a1;display:inline-block}.scene-title{position:absolute;z-index:2;left:clamp(22px,3.3vw,60px);top:clamp(145px,21vh,240px);max-width:min(450px,42vw);text-shadow:0 3px 14px #172d2bb5;pointer-events:none}.eyebrow,.overline{font-size:10px;font-weight:800;letter-spacing:.24em;color:#e7c78d}.tiny-line{display:inline-block;width:28px;height:1px;background:#e6bd78;vertical-align:middle;margin-right:10px}.scene-title h1{font:600 clamp(27px,3.4vw,57px)/1.08 "Playfair Display",Georgia,serif;letter-spacing:-.03em;margin:17px 0 12px}.scene-title em{color:#f3d5a6;font-style:normal}.scene-title p{font-size:clamp(11px,1.05vw,15px);color:#f2f2e8;max-width:325px;line-height:1.6}.trail-status{position:absolute;z-index:3;top:123px;right:clamp(22px,3.3vw,60px);display:flex;gap:10px;align-items:center;color:#f3e9cc;font-weight:800;font-size:10px;letter-spacing:.18em;text-shadow:0 2px 12px #143026}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:26px;font-weight:200;color:#fffcdf9c;pointer-events:none;z-index:2;text-shadow:0 2px 10px #0e2418}.nearby{position:absolute;z-index:4;bottom:clamp(195px,24vh,260px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;border:1px solid #d9be84a3;border-radius:14px;background:#163d35e3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:10px 19px;box-shadow:0 10px 45px #12271c55;min-width:220px;max-width:min(92vw,380px)}.near-symbol{font-size:25px;color:#f6d28a}.nearby small{display:block;font-size:9px;color:#e5c88f;letter-spacing:.13em;font-weight:800;margin-bottom:3px}.nearby strong{font-size:14px}.interact-btn{position:absolute;z-index:5;bottom:clamp(147px,18vh,202px);left:50%;transform:translate(-50%);border-radius:25px;background:#f2dcae;color:#17372e;border:1px solid #ffedc8;display:flex;align-items:center;gap:12px;font-weight:800;box-shadow:0 7px 26px #1229206d;padding:10px 18px;white-space:nowrap}.interact-btn:hover{background:#fff2d3}.interact-btn .arrow{font-size:24px;line-height:1}.interact-btn kbd{background:#1d3c31;color:#f3ddb4;border-radius:4px;padding:5px 8px}.quest-strip{position:absolute;z-index:3;left:clamp(22px,3.3vw,60px);bottom:84px;width:min(350px,31vw);background:linear-gradient(130deg,#12372eea,#25493dd9);border:1px solid #e3be7a89;border-left:3px solid #e9c17d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:13px;padding:18px 21px;box-shadow:0 15px 40px #15302255}.quest-head{display:flex;justify-content:space-between;color:#e4c185;font-size:9px;font-weight:800;letter-spacing:.14em;gap:7px}.quest-head span:last-child{color:#e4e0c7;letter-spacing:0}.quest-strip strong{font:600 22px Georgia,serif;display:block;margin-top:11px}.quest-strip p{font-size:12px;color:#e7ead5;line-height:1.5;margin:8px 0 12px}.quest-action{padding:8px 0;border:0;background:none;color:#ffdc9c;text-align:left;font-size:11px;font-weight:700}.quest-action:hover{text-decoration:underline}.quest-action.mission-on{color:#b7e8c0}.desktop-help{position:absolute;z-index:3;bottom:22px;left:clamp(22px,3.3vw,60px);display:flex;align-items:center;gap:17px;font-size:9px;font-weight:700;letter-spacing:.1em;text-shadow:0 1px 9px #102820}.desktop-help>span{display:flex;gap:5px;align-items:center}kbd{font-family:inherit}.desktop-help kbd{display:inline-block;border:1px solid #e8d5a4ac;border-radius:3px;background:#103b33bf;padding:3px 6px;font-size:10px}.footer-brand{position:absolute;z-index:3;bottom:24px;right:clamp(22px,3.3vw,60px);font-size:9px;letter-spacing:.22em;font-weight:800;color:#f9dba0;text-shadow:0 2px 10px #17332a}.mobile-controls{display:none}.overlay-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#071e19a3;z-index:18;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.compass-panel,.page-panel{position:absolute;z-index:20;top:0;bottom:0;width:min(520px,100vw);background:linear-gradient(151deg,#183c32fa,#0d2823fa);border-right:1px solid #ad915e80;box-shadow:20px 0 70px #0617128c;color:#f9efdc}.compass-panel{left:0;padding:30px 26px max(32px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#627a63 transparent}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.panel-head h2,.page-scroll h2,.photo-heading h2{font:600 42px/1.1 Playfair Display,Georgia,serif;margin:13px 0 6px}.panel-head p{font-size:12px;color:#bfd1bc}.close-round{border-radius:50%;background:#28483e;border:1px solid #c1a2767a;color:#fff;width:38px;height:38px;display:grid;place-items:center;font-size:25px;flex:none}.close-round:hover{background:#526347}.compass-ribbon{display:flex;align-items:center;gap:15px;border:1px solid #957c5188;background:#213e33b7;border-radius:14px;padding:14px;margin:23px 0 18px}.compass-ribbon img{width:65px;height:65px}.compass-ribbon strong{display:block;font-size:13px;letter-spacing:.07em}.compass-ribbon span{display:block;color:#c2cfb8;font-size:11px;line-height:1.5;margin-top:5px}.panel-nav{display:flex;flex-direction:column;gap:4px}.nav-category{background:transparent;width:100%;border:0;border-bottom:1px solid #a4a57b35;color:#f2eddf;display:flex;align-items:center;gap:13px;padding:15px 10px;font-size:14px;font-weight:700;text-align:left}.nav-category:hover,.nav-category[aria-expanded=true]{background:#32524770}.nav-symbol{display:grid;place-items:center;width:32px;height:32px;color:#eec884;font-size:23px}.nav-caret{margin-left:auto;color:#cba96f;font-size:22px}.subnav{padding:4px 0 8px 55px;display:grid;gap:2px;background:#102c259a}.subnav button{border:0;background:transparent;color:#dbdfca;display:flex;justify-content:space-between;padding:10px 14px;text-align:left;font-size:13px}.subnav button:hover{color:#ffe3a3;background:#284538}.quick-routes{margin-top:26px;padding:18px 4px;border-top:1px solid #b99b6d55}.route-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.route-chips button,.return-route{border:1px solid #b4ad7f70;background:#365b47;color:#f7efdd;padding:9px 12px;border-radius:30px;font-size:11px}.route-chips button:hover,.return-route:hover{background:#526d51}.return-route{margin-top:12px;background:transparent}.page-panel{left:0;width:min(680px,100vw);display:flex;flex-direction:column;padding:0 0 max(18px,env(safe-area-inset-bottom))}.page-top{display:flex;justify-content:space-between;align-items:center;padding:24px 33px 16px;border-bottom:1px solid #a8a6763b}.back-to-compass{border:0;background:none;color:#e5cb90;font-weight:700;font-size:13px}.page-scroll{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:35px 39px 70px;flex:1;scrollbar-color:#7e906f transparent}.page-scroll h2{font-size:clamp(33px,5vw,58px);max-width:480px}.fine-line{background:#c3a36c;width:68px;height:2px;margin:25px 0}.page-intro{font-size:17px;line-height:1.75;color:#e4e8d6;max-width:540px;margin:0 0 30px}.page-subnav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}.page-subnav button{background:#325245;border:1px solid #a49b6d75;color:#dce4d2;padding:9px 13px;border-radius:22px;font-size:12px}.page-subnav button.current{background:#d5b778;color:#1b332a}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editorial-card{border:1px solid #81917b75;background:linear-gradient(135deg,#335145d4,#1f3d35a8);padding:21px;border-radius:12px;min-height:160px}.card-index{font-size:10px;color:#debc7f;font-weight:800;letter-spacing:.14em}.editorial-card h3{font:600 20px/1.25 Georgia,serif;margin:13px 0 10px}.editorial-card p{color:#d0ddce;font-size:12px;line-height:1.7}.source-link{display:inline-flex;margin:30px 0 10px;padding:13px 18px;border:1px solid #e2c383;background:#d9b978;color:#1c3a2c;border-radius:9px;text-decoration:none;font-size:13px;font-weight:800}.editorial-note{font-size:11px;color:#b7c3b2;line-height:1.7}.dialog-modal{position:absolute;z-index:22;bottom:clamp(20px,5vh,60px);left:50%;transform:translate(-50%);width:min(580px,92vw);border:1px solid #e1c08999;border-radius:22px;background:linear-gradient(143deg,#f2e7d1,#e5d5b5);color:#273d2f;box-shadow:0 24px 90px #07180faa;padding:23px}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:.18em;color:#71603a}.dialog-top button{border:0;background:transparent;color:#354238;font-size:28px;line-height:1}.dialog-content{display:flex;gap:18px;align-items:flex-start;margin:20px 0 22px}.dialog-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#315846;color:#ffda95;font-size:27px;flex:none}.dialog-content h2{font:600 25px Georgia,serif;margin:0 0 10px}.dialog-content p{line-height:1.7;font-size:14px;margin:0}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dialog-actions button{border:1px solid #c1ac80;background:#fff8eb;color:#284234;border-radius:8px;padding:13px 12px;font-size:12px;font-weight:800;display:flex;justify-content:space-between;gap:10px;text-align:left}.dialog-actions button.primary{background:#204e3c;color:#fff1d8}.dialog-actions button:hover{filter:brightness(.96)}.dialog-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;border-top:1px solid #baa47b5e;padding-top:13px;gap:10px}.dialog-footer button{border:0;background:none;color:#365847;font-size:12px;font-weight:800}.dialog-footer span{font-size:10px;color:#7c765c}.photo-modal{position:absolute;z-index:25;top:50%;left:50%;transform:translate(-50%,-50%);width:min(700px,94vw);max-height:91dvh;background:#183b30;border:1px solid #ccab70;border-radius:18px;padding:20px 23px 25px;overflow-y:auto;touch-action:pan-y;box-shadow:0 30px 95px #051812bb}.photo-modal>.close-round{float:right}.photo-heading h2{font-size:30px}.photo-heading p{font-size:13px;color:#d7dfcd}.photo-modal>img{width:100%;max-height:50vh;object-fit:contain;border:2px solid #bfa375;border-radius:8px;background:#102b25}.download-photo{display:inline-block;color:#1b392d;background:#e6c78b;border-radius:7px;margin-top:12px;padding:12px 16px;font-size:12px;font-weight:800;text-decoration:none}.toast{position:absolute;z-index:35;bottom:clamp(100px,13vh,150px);left:50%;transform:translate(-50%);color:#fff6e5;background:#1b4034e8;border:1px solid #d7b77a9d;padding:14px 20px;border-radius:30px;font-size:12px;font-weight:700;text-align:center;max-width:90vw;box-shadow:0 15px 42px #071d174d;pointer-events:none}@media(max-width:960px){.brand strong{font-size:24px}.main-header{padding:22px}.scene-title{max-width:47vw;top:25vh}.quest-strip{width:295px}.footer-brand{display:none}.desktop-help{font-size:8px}.header-right{gap:10px}.live-marker{display:none}}@media(max-width:720px),(pointer:coarse){.main-header{padding:calc(env(safe-area-inset-top) + 11px) 14px 0;min-height:96px}.brand{gap:6px}.brand-icon{width:34px;height:34px;font-size:21px}.brand strong{font-size:17px;letter-spacing:.11em}.brand span{font-size:7px;letter-spacing:.19em;margin-top:2px}.compass-top{top:calc(env(safe-area-inset-top) + 3px)}.compass-top img{width:64px;height:64px}.compass-top span{font-size:8px;padding:3px 6px;margin-top:-8px}.compass-top kbd{display:none}.header-right{margin-top:2px}.glass-btn{padding:9px 10px;font-size:10px}.glass-btn span{display:none}.scene-title{top:calc(env(safe-area-inset-top) + 120px);left:18px;max-width:86vw}.scene-title h1{font-size:clamp(24px,6vw,39px);margin:10px 0 6px}.scene-title p{font-size:11px;line-height:1.4}.eyebrow{font-size:8px}.trail-status{top:auto;bottom:calc(env(safe-area-inset-bottom) + 184px);right:14px;font-size:8px}.crosshair{top:48%;font-size:19px}.quest-strip{bottom:calc(env(safe-area-inset-bottom) + 154px);left:13px;width:min(205px,52vw);padding:11px 12px}.quest-head{font-size:7px;letter-spacing:.04em}.quest-strip strong{font-size:17px;margin-top:6px}.quest-strip p{font-size:10px;margin:5px 0 3px}.quest-action{font-size:9px}.desktop-help{display:none}.mobile-controls{display:flex;position:absolute;z-index:8;bottom:calc(env(safe-area-inset-bottom) + 12px);left:0;right:0;justify-content:space-between;align-items:flex-end;padding:0 18px;pointer-events:none}.control-side{display:flex;align-items:center;flex-direction:column;gap:7px;pointer-events:auto}.control-label{color:#ffedc7;font-weight:800;font-size:9px;letter-spacing:.18em;text-shadow:0 2px 8px #102c21}.joystick{touch-action:none;position:relative;border:1.5px solid #e1d5ae90;border-radius:50%;background:#123b33a3;box-shadow:inset 0 0 35px #0b211b6c,0 0 13px #102b277a;width:110px;height:110px;display:grid;place-items:center;-webkit-user-select:none;user-select:none}.joystick-ring{width:72px;height:72px;border:1px solid #e1dab27d;border-radius:50%}.joystick-knob{width:37px;height:37px;position:absolute;left:calc(50% - 18.5px);top:calc(50% - 18.5px);border-radius:50%;border:2px solid #efddb3;background:linear-gradient(135deg,#ebc882,#4e7458);box-shadow:0 3px 14px #06281cb0;pointer-events:none;will-change:transform}.joystick.active{border-color:#ffe7af}.nearby{bottom:calc(env(safe-area-inset-bottom) + 257px);min-width:0;max-width:80vw;padding:8px 12px;border-radius:11px}.nearby small{font-size:8px}.nearby strong{font-size:12px}.near-symbol{font-size:19px}.interact-btn{bottom:calc(env(safe-area-inset-bottom) + 207px);padding:8px 12px;font-size:11px}.interact-btn kbd{display:none}.compass-panel{padding:calc(env(safe-area-inset-top) + 22px) 20px calc(env(safe-area-inset-bottom) + 35px)}.panel-head h2{font-size:35px}.page-top{padding:calc(env(safe-area-inset-top) + 12px) 20px 12px}.page-scroll{padding:26px 22px 64px}.page-intro{font-size:15px}.editorial-grid{grid-template-columns:1fr}.editorial-card{min-height:0}.dialog-modal{width:calc(100vw - 20px);bottom:calc(env(safe-area-inset-bottom) + 160px);padding:16px;max-height:calc(100dvh - 180px);overflow-y:auto;touch-action:pan-y}.dialog-content{margin:12px 0;gap:12px}.dialog-avatar{width:42px;height:42px;font-size:23px}.dialog-content h2{font-size:20px}.dialog-content p{font-size:12px;line-height:1.55}.dialog-actions{grid-template-columns:1fr 1fr}.dialog-actions button{font-size:10px;padding:10px}.dialog-footer{margin-top:10px;padding-top:9px}.dialog-footer span{font-size:9px}.toast{bottom:calc(env(safe-area-inset-bottom) + 174px);font-size:10px;padding:11px 12px}.photo-modal{padding:15px}.photo-heading h2{font-size:25px}}@media(max-width:410px){.brand strong{font-size:14px}.brand span{letter-spacing:.11em}.compass-top img{width:58px;height:58px}.scene-title{top:calc(env(safe-area-inset-top) + 99px)}.scene-title h1{font-size:27px}.quest-strip{width:193px}.joystick{width:94px;height:94px}.joystick-ring{width:63px;height:63px}.mobile-controls{padding:0 13px}.dialog-modal{bottom:calc(env(safe-area-inset-bottom) + 145px)}}@media(max-height:625px)and (pointer:coarse){.scene-title{top:calc(env(safe-area-inset-top) + 72px)}.scene-title h1{font-size:24px}.scene-title p{display:none}.quest-strip{bottom:calc(env(safe-area-inset-bottom) + 120px)}.quest-strip p{display:none}.joystick{width:82px;height:82px}.nearby{bottom:calc(env(safe-area-inset-bottom) + 170px)}.interact-btn{bottom:calc(env(safe-area-inset-bottom) + 131px)}.dialog-modal{bottom:calc(env(safe-area-inset-bottom) + 100px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}