*{box-sizing:border-box}body{margin:0;background:#121313;color:#fff;font:14px system-ui,sans-serif}#tour{position:relative;width:100%;height:100vh;height:100dvh;min-height:480px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0009,transparent 28%,transparent 55%,#000d)}header{position:absolute;top:32px;left:36px;pointer-events:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:#ffc8be}h1{font-size:clamp(25px,4vw,44px);letter-spacing:-1.7px;margin:8px 0 0}header p{margin:5px 0;color:#ddd}button{border:1px solid #ffffff40;background:#181b1de6;color:white;border-radius:10px;padding:11px 14px;cursor:pointer;font:inherit}button:hover{background:#454545}button:focus-visible,canvas:focus-visible{outline:3px solid #ffb7a7;outline-offset:-3px}.tools{position:absolute;right:28px;top:32px;display:flex;gap:7px}footer{position:absolute;bottom:20px;left:36px;right:36px}h2{font-size:22px;margin:4px 0}.scene-head{display:flex;justify-content:space-between;align-items:center}#count{font-size:10px;letter-spacing:2px;color:#ffbbaa}.arrows{display:flex;gap:8px}.hint{color:#ccc;font-size:12px;margin:8px 0 16px}nav{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 8px;scrollbar-color:#777 #222}nav button{position:relative;flex:0 0 142px;height:83px;padding:0;overflow:hidden;text-align:left;border:2px solid transparent}nav button[aria-current=true]{border-color:#ff705b}nav img{width:100%;height:100%;object-fit:cover}nav span{position:absolute;inset:0;display:flex;align-items:flex-end;background:linear-gradient(transparent,#000d);padding:8px;font-size:11px}#status{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);background:#111e;padding:14px 22px;border-radius:12px;text-align:center}#status:empty{display:none}@media(max-width:650px){header{left:18px;top:18px}.tools{right:16px;top:132px;flex-direction:column}.tools button{padding:9px}footer{left:18px;right:18px;bottom:10px}nav button{flex-basis:116px;height:68px}h2{font-size:18px}.hint{font-size:11px;max-width:80%}}

#hotspots{position:absolute;inset:0;pointer-events:none;overflow:hidden}.walk-marker{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);padding:0;background:transparent;border:0;min-width:100px;text-align:center;text-shadow:0 2px 4px #000}.walk-marker:hover{background:transparent}.walk-marker b{display:block;margin:auto;width:48px;height:48px;border:3px solid #fff;border-radius:50%;background:#df452beb;box-shadow:0 3px 16px #0008;font-size:30px;line-height:39px}.walk-marker span{display:block;margin-top:7px;font-size:12px;background:#151515da;padding:5px 9px;border-radius:6px;max-width:190px}.walk-marker:hover b{background:#ff7458;transform:scale(1.1)}#nearby{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px}#nearby button{white-space:nowrap;font-size:12px;padding:8px 11px}summary{cursor:pointer;font-size:12px;color:#ddd;padding:7px 0}footer{pointer-events:none}footer button,footer details,footer #nearby{pointer-events:auto}.arrows button:disabled{opacity:.4;cursor:default}.hint{margin-bottom:8px}@media(max-width:650px){.scene-head{align-items:flex-start;gap:5px}.arrows{gap:4px}.arrows button{font-size:11px;padding:9px 7px}h2{font-size:16px}.walk-marker b{width:42px;height:42px;line-height:33px}.walk-marker span{font-size:11px;max-width:135px}.tools{top:120px}.hint{max-width:100%}}
#hotspots{transition:opacity .18s ease}#hotspots.moving{opacity:0;pointer-events:none}#hotspots.moving button{pointer-events:none}.walk-marker b{border-width:2px;box-shadow:0 2px 12px #0005;background:#e54d35dd}.walk-marker span{opacity:0;transition:opacity .15s}.walk-marker:hover span,.walk-marker:focus-visible span{opacity:1}@media(hover:none){.walk-marker span{opacity:1}}@media(prefers-reduced-motion:reduce){#hotspots,.walk-marker span{transition:none}}