*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#f7f7f5}body{font-family:'Courier New',monospace}#room,#scene{position:fixed;inset:0;width:100%;height:100%;height:100dvh}#scene{display:block;touch-action:none}button{font:inherit}#hotspot{position:fixed;z-index:3;width:64px;height:64px;margin:-32px 0 0 -32px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;padding:0;touch-action:manipulation}#hotspot[hidden],#replay[hidden],#error[hidden]{display:none}.dot{display:block;width:11px;height:11px;border:1px solid #fff;background:#fff;border-radius:50%;box-shadow:0 0 0 5px #fff2,0 1px 12px #0004;transition:width .3s,height .3s,box-shadow .3s}#hotspot:hover .dot,#hotspot:focus-visible .dot{width:23px;height:23px;box-shadow:0 0 0 8px #fff2,0 1px 16px #0003}#hotspot:focus-visible{outline:1px solid #777;outline-offset:3px;border-radius:50%}.tip{position:absolute;top:67px;white-space:nowrap;font-size:11px;letter-spacing:.15em;color:#333;background:#ffffffd9;padding:8px 10px;opacity:0;transform:translateY(-5px);transition:.25s;pointer-events:none}#hotspot:hover .tip,#hotspot:focus-visible .tip{opacity:1;transform:none}#status{position:fixed;left:20px;right:20px;bottom:max(28px,env(safe-area-inset-bottom));margin:0;text-align:center;font-size:10px;letter-spacing:.2em;color:#838783;transition:opacity .7s;pointer-events:none}#whiteout{position:fixed;inset:0;background:white;opacity:0;pointer-events:none;z-index:5}#replay{position:fixed;z-index:6;left:50%;bottom:max(35px,env(safe-area-inset-bottom));transform:translateX(-50%);background:none;border:0;border-bottom:1px solid #bbb;padding:12px 0;color:#777;font-size:11px;letter-spacing:.14em;cursor:pointer}#replay span{margin-left:14px}#error{position:fixed;inset:40% 20px auto;text-align:center;font-size:14px;line-height:2}#error button{background:white;border:1px solid #aaa;padding:8px 18px}@media(prefers-reduced-motion:reduce){.dot,.tip{transition:none}}

#home{position:fixed;right:24px;top:max(24px,env(safe-area-inset-top));z-index:4;background:#ffffffb0;border:1px solid #dadcd8;padding:12px 14px;font-size:11px;letter-spacing:.12em;color:#636d65;cursor:pointer}#home[hidden]{display:none}#scene{cursor:grab}#scene:active{cursor:grabbing}

#sound,#skip{position:fixed;z-index:4;bottom:max(65px,env(safe-area-inset-bottom));font:11px Courier New,monospace;letter-spacing:.08em;color:#626a64;background:#ffffffb0;border:1px solid #dadcd8;padding:12px 14px;text-decoration:none;cursor:pointer}#sound{left:20px}#skip{right:20px}