@font-face{font-family:Manrope;src:url('assets/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#171b19;--paper:#f7f7f3;--gold:#d6bb87;--green:#526850;--muted:#bac4b8;font-family:Manrope,Arial,sans-serif;color:var(--paper);background:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button{border:0}button:hover{filter:brightness(1.1)}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.left{transform:rotate(-90deg)}.right{transform:rotate(90deg)}.down{transform:rotate(180deg)}.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.tour-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:16px 36px;border-bottom:1px solid #ffffff20;gap:24px}.brand img{width:149px;height:auto;display:block}.brand{position:absolute;left:50%;transform:translateX(-50%)}.return-link{display:flex;align-items:center;gap:13px;font-size:13px}.quiet-button{background:none;font-size:12px;border-bottom:1px solid #d6bb8770;padding:8px 0}
.viewer{position:relative;height:calc(100svh - 92px);min-height:650px;overflow:hidden;background:#b5c0ae;isolation:isolate}.viewer:fullscreen{height:100vh}.scene-heading{position:absolute;top:31px;left:36px;z-index:3;pointer-events:none;color:#243029;text-shadow:0 1px 10px #fff7}.scene-heading p{margin:0 0 8px;font-size:14px}.scene-heading h1{font-size:clamp(28px,3vw,43px);line-height:1.16;letter-spacing:-.045em;font-weight:500;margin:0 0 15px}.study-tag{display:inline-block;font-size:11px;background:#f7f7f3e0;padding:7px 11px;border:1px solid #fff9;border-radius:20px;color:#394b3d;text-shadow:none}
#canvas-mount{position:absolute;inset:0;touch-action:none;outline-offset:-5px}#canvas-mount canvas{display:block;width:100%;height:100%;touch-action:none}.loading{position:absolute;z-index:5;inset:0;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background:#b5c0ae;color:var(--ink);font-size:14px}.loading-mark{width:44px;height:44px;border:2px solid #52685040;border-top-color:#526850;border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}
.mode-switch{display:flex;position:absolute;z-index:4;top:35px;right:36px;padding:4px;background:#f7f7f3e8;border:1px solid #fff8;border-radius:40px;box-shadow:0 5px 25px #2634260d}.mode-switch button{padding:12px 20px;border-radius:30px;background:transparent;color:#334335;font-size:12px}.mode-switch .selected{background:var(--ink);color:var(--paper)}.view-actions{position:absolute;top:105px;right:36px;display:flex;align-items:center;gap:10px}.view-actions button{background:#f7f7f3d9;color:var(--ink);padding:10px 13px;font-size:11px;border-radius:3px;min-height:40px}.view-actions .icon{display:block;width:18px;height:18px}
.places{position:absolute;left:36px;top:180px;display:flex;gap:8px;z-index:3;flex-wrap:wrap;max-width:500px}.places button{background:#f7f7f3ed;color:#384b3b;padding:11px 16px;font-size:12px;border-radius:3px;border:1px solid transparent}.places button.active{background:#26392d;color:white;border-color:#d6bb87}.place-card{position:absolute;left:36px;bottom:80px;width:245px;background:#f7f7f3ed;color:var(--ink);border-radius:5px;overflow:hidden;box-shadow:0 8px 30px #15201918}.place-card>button{display:block;background:#202c21;width:100%;padding:0;text-align:left}.place-card img{width:100%;height:122px;object-fit:cover;display:block}.place-card button>span{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;font-size:10px;color:white}.place-card .icon{width:15px;height:15px}.place-card>div{padding:15px 18px 18px}.place-card p{font-size:11px;line-height:1.6;margin:6px 0 0;color:#5d695d}.place-card #place-label{font-size:10px;color:#7b6037;margin:0}.place-card h2{font-size:24px;letter-spacing:-.04em;font-weight:500;margin:4px 0}
.minimap{position:absolute;right:36px;top:165px;width:144px;height:158px;border:1px solid #ffffffa0;background:#f7f7f3de;border-radius:4px;text-align:center;pointer-events:none}.minimap canvas{width:132px;height:132px;display:block;margin:2px auto}.minimap span{display:block;color:#52604e;font-size:10px}.navigation-controls{position:absolute;right:36px;bottom:88px;display:flex;gap:20px;align-items:flex-end;z-index:4}.dpad{display:grid;grid-template:repeat(3,44px)/repeat(3,44px);gap:5px}.dpad button,.zoom button{background:#f7f7f3ed;color:#27372c;border:1px solid #fff8;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:4px}.dpad button.is-held{background:#d6bb87;transform:scale(.96)}.forward{grid-area:1/2}.turn-left{grid-area:2/1}.turn-right{grid-area:2/3}.back{grid-area:3/2}.dpad-dot{grid-area:2/2;place-self:center;background:#526850;width:8px;height:8px;border-radius:50%}.zoom{display:grid;gap:5px}.zoom button{font-size:24px;width:44px;height:44px}.control-hint{position:absolute;bottom:36px;right:36px;text-align:right;color:#233226;background:#f7f7f3d9;font-size:11px;padding:10px 14px;border-radius:3px;max-width:350px}.viewer-note{position:absolute;bottom:5px;left:36px;font-size:10px;color:#253429;background:#f7f7f3bf;padding:6px 10px;border-radius:2px;max-width:calc(100% - 72px)}
.fallback{position:absolute;inset:0;z-index:6;background:var(--ink)}.fallback>img{width:100%;height:100%;object-fit:cover;opacity:.3}.fallback>div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:520px;width:calc(100% - 40px)}.fallback h2{font-size:32px;line-height:1.2}.fallback p{line-height:1.7}.fallback a,.fallback button{display:inline-block;padding:14px;margin:8px 8px 0 0;background:var(--paper);color:var(--ink);border-radius:3px;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
dialog{border:0;background:var(--paper);color:var(--ink);max-width:610px;width:calc(100% - 32px);max-height:85svh;border-radius:6px;padding:42px;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#101b17bb;backdrop-filter:blur(4px)}dialog h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;font-weight:500}dialog p,dialog li{font-size:13px;line-height:1.75}dialog li{margin:9px 0}dialog ul{padding-left:20px}.dialog-label{color:#886a3f}.version-note{font-size:11px;color:#62705f}.close{position:absolute;right:10px;top:7px;background:transparent;font-size:29px;min-width:44px;min-height:44px;color:inherit}.primary{background:var(--ink);color:white;padding:14px 20px;border-radius:3px;margin-top:12px}.reference-dialog{background:var(--ink);color:var(--paper);max-width:1200px;padding:50px 18px 10px}.reference-dialog img{width:100%;max-height:70svh;object-fit:contain}.reference-dialog p{text-align:center;font-size:12px}.no-script{position:fixed;z-index:20;inset:30%;padding:30px;background:var(--paper);color:var(--ink)}
@media(max-width:800px){.tour-header{height:76px;padding:14px 20px}.brand img{width:125px}.return-link span{display:none}.quiet-button{font-size:10px}.viewer{height:calc(100svh - 76px);min-height:630px}.scene-heading{left:20px;top:23px}.scene-heading h1{font-size:30px}.scene-heading p{font-size:12px}.mode-switch{top:148px;left:20px;right:auto}.mode-switch button{padding:10px 17px}.places{top:208px;left:20px;right:20px;max-width:none;gap:6px}.places button{font-size:10px;padding:9px 12px}.view-actions{top:24px;right:20px;flex-direction:column-reverse;align-items:flex-end;gap:5px}.view-actions #reset{font-size:0;width:40px;height:40px}.view-actions #reset:after{content:'↻';font-size:24px}.minimap{right:20px;top:270px;width:104px;height:118px}.minimap canvas{width:98px;height:98px}.place-card{left:20px;bottom:84px;width:176px}.place-card img{height:84px}.place-card>div{padding:10px 13px}.place-card h2{font-size:19px}.place-card #place-label{display:none}.place-card #place-description{font-size:10px;line-height:1.4}.place-card button>span{font-size:9px;padding:7px 11px}.navigation-controls{right:20px;bottom:100px;gap:8px}.dpad{grid-template:repeat(3,40px)/repeat(3,40px);gap:3px}.zoom{position:absolute;right:0;bottom:145px;display:flex}.zoom button{width:40px;height:40px}.control-hint{bottom:33px;right:20px;left:20px;text-align:center;font-size:10px;padding:8px;max-width:none}.viewer-note{left:20px;bottom:0;font-size:8px;max-width:calc(100% - 40px)}dialog{padding:30px 24px}.reference-dialog{padding:50px 10px 10px}.reference-dialog h2{font-size:26px}}
@media(max-width:370px){.place-card{width:146px}.places button{padding:8px 9px}.scene-heading h1{font-size:25px}.navigation-controls{right:12px}.viewer{min-height:650px}}
@media(max-height:600px) and (min-width:650px){.viewer{height:calc(100svh - 60px);min-height:420px}.tour-header{height:60px}.scene-heading{top:15px;left:20px}.scene-heading h1{font-size:25px}.study-tag{display:none}.places{top:92px;left:20px}.place-card{left:20px;bottom:62px;width:180px}.place-card img{height:72px}.place-card>div{display:none}.minimap{display:none}.mode-switch{top:16px;right:20px}.view-actions{top:74px;right:20px}.navigation-controls{bottom:70px;right:20px}.control-hint{bottom:24px}.viewer-note{left:20px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.view-actions .reset-icon{display:none}
@media(max-width:800px){.scene-heading h1{font-size:27px;line-height:1.12;margin-bottom:8px}.study-tag{font-size:10px;padding:5px 9px}}
@media(max-width:800px){.scene-heading{max-width:calc(100% - 115px)}.view-actions #reset:after{content:none}.view-actions #reset span{display:none}.view-actions .reset-icon{display:block}.place-card #place-description{display:none}.minimap{width:84px;height:98px}.minimap canvas{width:78px;height:78px}}