:root{font:16px/1.5 system-ui,sans-serif;color:#26332d;background:#d9e3dc}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}#view{position:fixed;inset:0}canvas{display:block}canvas.exploring{cursor:grab;touch-action:none}canvas.exploring:active{cursor:grabbing}#guide{position:fixed;inset:auto auto clamp(1rem,4vw,3rem) clamp(1rem,4vw,3rem);width:min(25rem,calc(100% - 2rem));padding:1.4rem 1.5rem;border-radius:1rem;background:#fbf9f2;box-shadow:0 12px 40px #132d2b38}.location{margin:0;color:#4e6257;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}h1{margin:.25rem 0;font:2.2rem/1.12 Georgia,serif}#status{margin:.7rem 0 1.05rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap}button{padding:.55rem .8rem;min-height:2.65rem;border:1px solid #425e50;border-radius:.5rem;background:transparent;color:#26332d;font:inherit;cursor:pointer}#look{background:#29473b;color:#fff}button:focus-visible{outline:3px solid #637f70;outline-offset:3px}button:disabled{opacity:.5;cursor:default}#time-of-day{position:fixed;top:clamp(.75rem,3vw,1.5rem);right:clamp(.75rem,3vw,1.5rem);display:flex;gap:.2rem;padding:.22rem;border-radius:.68rem;background:#fbf9f2;box-shadow:0 4px 22px #17272330}#time-of-day button{border-color:transparent;min-width:4.5rem}#time-of-day [aria-pressed=true]{background:#29473b;color:#fff}#controls{pointer-events:none;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 2rem);padding:.45rem .8rem;border-radius:.4rem;color:#fff;background:#172723e0;font-size:.8rem}