:root{--bg: #0f1512;--panel-bg: rgba(18, 26, 22, .88);--panel-border: rgba(140, 190, 160, .22);--text: #e8efe9;--text-dim: #9aab9f;--accent: #7fd1a0;--radius: 10px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden}.viewer{position:relative;width:100%;height:100%}#canvas{display:block;width:100%;height:100%;touch-action:none}.status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:.6rem 1rem;border-radius:var(--radius);background:var(--panel-bg);border:1px solid var(--panel-border);font-size:.9rem;color:var(--text-dim);pointer-events:none}.viewer[data-state=live] .status{display:none}.viewer[data-state=error] .status{color:#ffb4a8;border-color:#ff786480;max-width:min(90%,42rem);text-align:center;white-space:pre-wrap}.panel{position:absolute;top:1rem;left:1rem;z-index:5;width:16.5rem;max-height:calc(100% - 2rem);overflow-y:auto;padding:1rem;border-radius:var(--radius);background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(10px);font-size:.85rem}.viewer[data-state=loading] .panel,.viewer[data-state=error] .panel{display:none}.panel-head h1{margin:0;font-size:1rem;letter-spacing:.01em}.panel-sub{margin:.2rem 0 0;font-size:.72rem;color:var(--text-dim);line-height:1.35}.panel-section{margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--panel-border)}.panel-section h2{margin:0 0 .6rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);font-weight:600}.panel-foot{margin-top:1rem;font-size:.68rem;color:var(--text-dim)}.toggle-list{display:flex;flex-direction:column;gap:.15rem}.toggle-row{display:flex;align-items:center;gap:.55rem;padding:.32rem .4rem;border-radius:6px;cursor:pointer;user-select:none}.toggle-row:hover{background:#ffffff0f}.toggle-row input[type=checkbox]{accent-color:var(--accent);margin:0;cursor:pointer;flex:none}.toggle-swatch{width:.6rem;height:.6rem;border-radius:2px;flex:none;box-shadow:0 0 0 1px #0006}.toggle-label{line-height:1.2}.tool-hint{margin:.5rem 0 0;padding:0 .4rem;font-size:.7rem;line-height:1.45;color:var(--text-dim)}.tool-hint[hidden]{display:none}.acre-panel{margin:.35rem 0 .15rem}.acre-panel[hidden]{display:none}.acre-panel .sun-row{grid-template-columns:2.2rem 1fr 1.4rem}.acre-panel input[type=number]{width:100%;min-width:0;padding:.2rem .35rem;border:1px solid var(--panel-border);border-radius:5px;background:#00000040;color:var(--text);font-size:.75rem;font-variant-numeric:tabular-nums}.acre-unit{font-size:.68rem;color:var(--text-dim);text-align:right}.acre-reset{display:block;margin:.35rem .4rem .15rem;padding:.28rem .5rem;width:calc(100% - .8rem);border:1px solid var(--panel-border);border-radius:5px;background:#ffffff0a;color:var(--text);font-size:.7rem;cursor:pointer}.acre-reset:hover{background:#ffffff14}.measure-panel{margin:.35rem 0 .55rem}.measure-panel[hidden]{display:none}.measure-caption,.measure-readout{margin:.15rem .4rem .45rem;font-size:.65rem;line-height:1.45;color:var(--text-dim)}.measure-readout{margin-top:.4rem;font-variant-numeric:tabular-nums}.measure-pin-actions{display:flex;gap:.3rem;margin:.15rem .4rem 0}.measure-pin-actions button{flex:1;padding:.28rem .35rem;border:1px solid var(--panel-border);border-radius:5px;background:transparent;color:var(--text-dim);font:inherit;font-size:.65rem;cursor:pointer}.measure-pin-actions button:hover:not(:disabled){background:#5eead424;color:var(--text)}.measure-pin-actions button:disabled{opacity:.4;cursor:default}.measure-shift{margin:.15rem .2rem .45rem}.measure-shift[hidden]{display:none}.measure-shift .sun-row input[type=range]{accent-color:#5eead4}#canvas.is-measuring{cursor:crosshair}.measure-hud{position:absolute;inset:0;z-index:2;pointer-events:none}.measure-hud[hidden]{display:none}.measure-chip{position:absolute;right:.45rem;bottom:.45rem;display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;padding:.28rem .4rem .32rem;border-radius:6px;background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(8px)}.measure-chip[hidden]{display:none}.measure-chip-bar{display:block;height:3px;background:#5eead4;box-shadow:0 0 0 1px #00000059}.measure-chip-label{font-size:.68rem;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:.01em}.measure-seg-label{position:absolute;z-index:3;transform:translate(-50%,-130%);padding:.18rem .42rem;border-radius:5px;background:#0c120ff0;border:1px solid var(--panel-border);color:#5eead4;font-size:.72rem;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.measure-seg-label[hidden]{display:none}.toggle-row input[type=radio]{accent-color:var(--accent);margin:0;cursor:pointer;flex:none}.legend{margin:.5rem .4rem 0}.legend[hidden]{display:none}.legend-bar{display:block;height:.5rem;border-radius:3px;box-shadow:0 0 0 1px #00000059}.legend-labels{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.65rem;color:var(--text-dim)}.layer-credit{margin:.45rem .4rem 0;font-size:.62rem;line-height:1.4;color:var(--text-dim);opacity:.85}.layer-credit[hidden]{display:none}.contour-row{margin-top:.6rem;padding-top:.6rem;border-top:1px dashed var(--panel-border)}.sun-panel,.env-panel{margin:.55rem .4rem 0}.sun-panel[hidden],.env-panel[hidden]{display:none}.env-cycle-row{grid-template-columns:2.2rem auto 1fr 2.8rem}.env-cycle-btn{font:inherit;font-size:.72rem;padding:.15rem .45rem;border-radius:4px;border:1px solid var(--panel-border);background:#ffffff0f;color:var(--text);cursor:pointer}.env-advanced{margin:.35rem 0;font-size:.75rem;color:var(--text-dim)}.env-advanced summary{cursor:pointer;margin-bottom:.35rem}.env-audio{border:none;margin:.5rem 0 0;padding:0}.env-audio legend{font-size:.72rem;color:var(--text-dim);margin-bottom:.25rem}#env-weather,#env-music-mode,#env-music-track{width:100%;font:inherit;font-size:.75rem;background:#00000040;color:var(--text);border:1px solid var(--panel-border);border-radius:4px;padding:.2rem}.sun-row{display:grid;grid-template-columns:2.2rem 1fr 2.8rem;align-items:center;gap:.4rem;margin-bottom:.35rem}.sun-label{font-size:.68rem;color:var(--text-dim)}.sun-row input[type=range]{width:100%;accent-color:#f7c948;margin:0;cursor:pointer}.sun-row output{font-size:.68rem;font-variant-numeric:tabular-nums;text-align:right;color:var(--text)}.sun-presets{display:flex;flex-wrap:wrap;gap:.25rem;margin:.45rem 0 .1rem}.sun-presets button{flex:1 1 auto;padding:.22rem .3rem;border:1px solid var(--panel-border);border-radius:5px;background:transparent;color:var(--text-dim);font:inherit;font-size:.63rem;cursor:pointer}.sun-presets button:hover{background:#f7c94824;color:var(--text)}.sun-readout{margin:.5rem 0 0;font-size:.68rem;line-height:1.5;color:var(--text-dim)}.sun-readout b{color:var(--text);font-variant-numeric:tabular-nums}.marker-tooltip{position:absolute;z-index:3;transform:translate(-50%,-125%);padding:.25rem .5rem;border-radius:5px;background:#0c120ff0;border:1px solid var(--panel-border);color:var(--text);font-size:.75rem;white-space:nowrap;pointer-events:none}.marker-tooltip[hidden]{display:none}.marker-panel{position:absolute;top:1rem;right:1rem;z-index:4;display:flex;flex-direction:column;width:min(21rem,calc(100% - 2rem));max-height:calc(100% - 2rem);border-radius:var(--radius);background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(10px);transform:translate(.6rem);opacity:0;transition:transform .22s ease,opacity .22s ease}.marker-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .5rem .5rem 1.2rem;border-bottom:1px solid var(--panel-border)}.marker-body{overflow-y:auto;overscroll-behavior:contain;padding:.9rem 1.2rem 1.1rem}.marker-panel.is-open{transform:translate(0);opacity:1}.marker-panel[hidden]{display:none}.marker-close{flex:none;width:48px;height:48px;border:0;border-radius:8px;background:transparent;color:var(--text-dim);font-size:1.5rem;line-height:1;cursor:pointer}.marker-close:hover{background:#ffffff14;color:var(--text)}.marker-category{margin:0;font-size:.65rem;text-transform:uppercase;letter-spacing:.09em;color:var(--accent)}.marker-title{margin:.25rem 0 .5rem;font-size:1.05rem;padding-right:1.5rem}.marker-teaser{margin:0 0 .7rem;font-size:.85rem;color:var(--text)}.marker-description p{margin:0 0 .65rem;font-size:.8rem;line-height:1.6;color:var(--text-dim)}.marker-description p:last-child{margin-bottom:0}.marker-step{margin:0;font-size:.85rem;font-weight:600;letter-spacing:.02em;color:var(--text)}.marker-step[hidden]{display:none}.marker-photos{display:grid;gap:.6rem;margin:.8rem 0 0}.marker-photos[hidden]{display:none}.marker-photos figure{margin:0}.marker-photos img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--panel-border)}.marker-photos figcaption{margin-top:.3rem;font-size:.7rem;line-height:1.4;color:var(--text-dim)}.marker-links{margin:.7rem 0 0;font-size:.74rem}.marker-links[hidden]{display:none}.marker-links a{color:var(--accent)}.marker-nav{display:flex;flex:none;gap:.5rem;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--panel-border);background:#0c120f99}.marker-nav[hidden]{display:none}.marker-nav button{flex:1;min-height:48px;padding:.5rem .75rem;border:1px solid var(--panel-border);border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:.95rem;font-weight:500;cursor:pointer}.marker-nav .marker-next{border-color:#7fd1a08c;background:#7fd1a029}.marker-nav button:hover:not(:disabled){background:#7fd1a042}.marker-nav button:disabled{opacity:.3;cursor:default}.tour-intro{margin:0 0 .6rem;font-size:.72rem;line-height:1.5;color:var(--text-dim)}.tour-start{width:100%;padding:.45rem .5rem;border:1px solid rgba(127,209,160,.5);border-radius:6px;background:#7fd1a01f;color:var(--text);font:inherit;font-size:.76rem;cursor:pointer}.tour-start:hover{background:#7fd1a03d}.marker-facts{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;margin:1rem 0 0;padding-top:.8rem;border-top:1px solid var(--panel-border);font-size:.72rem}.marker-facts dt{color:var(--text-dim)}.marker-facts dd{margin:0}@media (max-width: 40rem){.marker-panel{top:auto;bottom:1rem;right:1rem;max-height:50%}}.menu-button,.panel-dismiss,.tour-callout{display:none}.menu-button{position:absolute;top:1rem;left:1rem;z-index:6;align-items:center;gap:.5rem;min-height:48px;padding:0 1rem;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);backdrop-filter:blur(10px);color:var(--text);font:inherit;font-size:1rem;font-weight:500;cursor:pointer}.menu-bars{display:grid;gap:3px}.menu-bars i{display:block;width:17px;height:2px;border-radius:1px;background:currentColor}.scrim{position:absolute;inset:0;z-index:4;background:#0408068c}.scrim[hidden]{display:none}.panel-dismiss{min-height:44px;margin-top:.7rem;padding:0 1rem;border:1px solid rgba(127,209,160,.5);border-radius:8px;background:#7fd1a024;color:var(--text);font:inherit;font-size:.95rem;cursor:pointer}.tour-callout{position:absolute;left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:5;padding:.9rem 1rem 1rem;border-radius:var(--radius);background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(10px)}.tour-callout[hidden],body.stop-open .tour-callout,.viewer[data-mode=walk] .tour-callout{display:none}.tour-callout-line{margin:0 0 .7rem;font-size:.95rem;line-height:1.45;color:var(--text)}.tour-callout-start{width:100%;min-height:52px;border:0;border-radius:10px;background:var(--accent);color:#0b1410;font:inherit;font-size:1.05rem;font-weight:650;cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important}}@media (max-width: 40rem){.measure-chip{bottom:5.8rem}.menu-button{display:inline-flex}.panel-dismiss{display:block;width:100%}.tour-callout{display:block}.panel{top:0;left:0;bottom:0;z-index:5;width:min(20rem,88%);max-height:none;height:100%;padding:1rem 1rem calc(2rem + env(safe-area-inset-bottom,0px));border-radius:0;border-width:0 1px 0 0;transform:translate(-101%);transition:transform .24s ease}.viewer[data-menu=open] .panel{transform:translate(0)}.marker-panel{inset:auto 0 0;width:100%;max-height:52%;border-radius:var(--radius) var(--radius) 0 0;border-width:1px 0 0;transform:translateY(.6rem)}.marker-panel.is-open{transform:translateY(0)}.marker-title{font-size:1.15rem}.marker-teaser{font-size:.95rem}.marker-description p{font-size:.9rem}}.walk-hud{position:absolute;inset:0;z-index:3;pointer-events:none}.walk-hud[hidden]{display:none}.walk-hud-top{position:absolute;top:calc(1rem + env(safe-area-inset-top,0px));left:1rem;right:1rem;z-index:2;display:flex;justify-content:space-between;gap:.5rem;pointer-events:auto}.viewer[data-mode=walk] .menu-button{top:calc(4.2rem + env(safe-area-inset-top,0px))}.walk-exit,.walk-gyro,.walk-run-btn,.walk-jump-btn{min-height:44px;padding:0 1rem;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);backdrop-filter:blur(10px);color:var(--text);font:inherit;font-size:.95rem;cursor:pointer}.walk-gyro.is-active,.walk-run-btn.is-active,.walk-jump-btn.is-active{border-color:var(--accent);background:#7fd1a033}.walk-hint{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);margin:0;padding:.6rem 1rem;border-radius:var(--radius);background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-dim);font-size:.95rem;pointer-events:none}.walk-hint:empty,.walk-hint[hidden]{display:none}.walk-stats{position:absolute;top:calc(4.5rem + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;gap:.75rem;padding:.35rem .75rem;border-radius:8px;background:#121a16a6;border:1px solid var(--panel-border);font-size:.85rem;color:var(--text-dim);pointer-events:none}.walk-compass{position:absolute;top:calc(4.5rem + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.45rem;pointer-events:none;z-index:2}.walk-compass[hidden]{display:none}.walk-compass-dials{display:flex;align-items:center;gap:.5rem}.walk-compass-dial{position:relative;width:52px;height:52px;border-radius:50%;background:#121a16a6;border:1px solid var(--panel-border);box-sizing:border-box}.walk-compass-target{width:40px;height:40px}.walk-compass-target[hidden]{display:none}.walk-compass-cardinal{position:absolute;top:3px;left:50%;transform:translate(-50%);font-size:.62rem;font-weight:700;letter-spacing:.04em;color:var(--accent);line-height:1;pointer-events:none}.walk-compass-needle{position:absolute;left:50%;top:50%;width:3px;height:38%;transform:translate(-50%,-50%);transform-origin:50% 85%;border-radius:2px;pointer-events:none}.walk-compass-needle-north{background:linear-gradient(to top,rgba(127,209,160,.35),var(--accent))}.walk-compass-needle-target{height:42%;background:linear-gradient(to top,#f59e0b59,#f59e0b)}.walk-compass-deg{position:absolute;bottom:5px;left:50%;transform:translate(-50%);font-size:.58rem;color:var(--text-dim);line-height:1;pointer-events:none}.walk-compass-actions{display:flex;gap:.35rem;pointer-events:auto}.walk-compass-drop,.walk-compass-clear{min-height:32px;padding:0 .65rem;border:1px solid var(--panel-border);border-radius:8px;background:#121a16bf;backdrop-filter:blur(10px);color:var(--text-dim);font:inherit;font-size:.75rem;cursor:pointer}.walk-compass-drop:hover,.walk-compass-clear:hover{color:var(--text);border-color:var(--accent)}.walk-compass-clear[hidden]{display:none}@media (max-width: 40rem){.walk-stats{left:auto;right:calc(1rem + env(safe-area-inset-right,0px));transform:none;top:calc(3.75rem + env(safe-area-inset-top,0px))}.walk-compass{left:50%;transform:translate(-50%);top:calc(3.75rem + env(safe-area-inset-top,0px))}}.walk-mobile{position:absolute;inset:0;pointer-events:none}.walk-joystick-zone{position:absolute;left:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));width:130px;height:130px;pointer-events:auto;touch-action:none}.walk-joystick-base{position:relative;width:100%;height:100%;border-radius:50%;background:#121a168c;border:1px solid var(--panel-border)}.walk-joystick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#7fd1a059;border:1px solid rgba(127,209,160,.6);transform:translate(-50%,-50%);pointer-events:none}.walk-look-zone{position:absolute;top:calc(5.5rem + env(safe-area-inset-top,0px));right:0;width:55%;height:calc(100% - 5.5rem - env(safe-area-inset-top,0px));z-index:1;pointer-events:auto;touch-action:none}.walk-run-btn{position:absolute;right:1rem;bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));min-width:72px;z-index:2;pointer-events:auto}.walk-jump-btn{position:absolute;right:1rem;bottom:calc(5.1rem + env(safe-area-inset-bottom,0px));min-width:72px;z-index:2;pointer-events:auto}@media (min-width: 40.01rem){.walk-mobile,.walk-gyro{display:none!important}}.walk-reticule{position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--text);opacity:.55;pointer-events:none}.walk-reticule:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:2px;transform:translate(-50%,-50%);border-radius:50%;background:var(--text)}.walk-reticule[hidden]{display:none}.walk-gaze-popup{position:absolute;left:50%;top:50%;z-index:3;width:min(15rem,calc(100% - 2rem));transform:translate(-50%,2.75rem);padding:.6rem .75rem .7rem;border-radius:var(--radius);background:#0c120ff0;border:1px solid var(--panel-border);color:var(--text);pointer-events:none;opacity:1;transition:opacity .25s ease}.walk-gaze-popup.is-hidden{opacity:0}.walk-gaze-popup-title{margin:0 0 .3rem;font-size:.85rem;font-weight:600;letter-spacing:.01em}.walk-gaze-popup-title[hidden]{display:none}.walk-gaze-popup-teaser{margin:0;font-size:.75rem;line-height:1.4;color:var(--text-dim)}.walk-gaze-popup-teaser[hidden]{display:none}.walk-gaze-popup-facts{display:grid;gap:.2rem;margin:.5rem 0 0;padding:.4rem 0 0;border-top:1px solid var(--panel-border);list-style:none;font-size:.68rem;color:var(--text-dim)}.walk-gaze-popup-facts[hidden]{display:none}.walk-gaze-popup-fact-key{color:var(--text)}.walk-inset{position:absolute;bottom:1rem;right:1rem;z-index:2;width:180px;border-radius:var(--radius);background:var(--panel-bg);border:1px solid var(--panel-border);backdrop-filter:blur(10px);overflow:hidden;pointer-events:none}.walk-inset[hidden]{display:none}.walk-inset img{display:block;width:100%;height:100%;object-fit:fill}.walk-inset-overlays{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.walk-inset-dot{position:absolute;width:12px;height:12px;left:0;top:0;border-radius:50%;background:#7fd1a080;border:1px solid var(--accent);pointer-events:none}.walk-inset-dot:before{content:"";position:absolute;left:50%;top:-40%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid var(--accent);transform:translate(-50%)}@media (max-width: 40rem){.walk-inset{display:none!important}}.tank-hud{position:absolute;inset:0;z-index:4;pointer-events:none}.tank-hud[hidden]{display:none}.tank-hint,.tank-mount-btn{position:absolute;bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);margin:0;padding:.55rem 1rem;min-height:44px;border-radius:var(--radius);background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text);font-size:.95rem;pointer-events:auto;touch-action:manipulation;cursor:pointer}.tank-mount-btn{font:inherit;backdrop-filter:blur(10px)}.tank-mount-btn:active{filter:brightness(1.08)}.tank-hint[hidden],.tank-mount-btn[hidden]{display:none}.tank-mounted{position:absolute;bottom:calc(1rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.45rem;pointer-events:none}.tank-mounted[hidden]{display:none}.tank-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem .75rem;padding:.35rem .75rem;border-radius:8px;background:#121a16b3;border:1px solid var(--panel-border);color:var(--text-dim);font-size:.78rem}.tank-actions{display:flex;gap:.5rem;pointer-events:auto}.tank-cam-btn,.tank-fire-btn,.tank-exit-btn{min-height:44px;padding:0 1rem;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-bg);backdrop-filter:blur(10px);color:var(--text);font:inherit;font-size:.9rem;cursor:pointer}.tank-fire-btn{border-color:#c4a35a}.tank-mode-label{margin:0;padding:.2rem .6rem;border-radius:6px;background:#121a168c;color:var(--text-dim);font-size:.8rem}.viewer[data-vehicle=tank] .walk-stats{display:none}@media (min-width: 40.01rem){.tank-fire-btn,.tank-exit-btn{display:none}}