*{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}

#pc-boot[hidden]{display:none}#pc-boot{position:fixed;inset:0;z-index:10;background:#080e0b;color:#a8b8a5;padding:clamp(22px,6vw,90px);display:grid;align-items:center;font:14px/1.8 Courier New,monospace}#pc-boot>div{width:min(760px,100%);margin:auto}#pc-log{min-height:290px;white-space:pre-wrap;font:inherit}#pc-boot a{display:inline-block;color:inherit;margin-top:24px}.boot-track{height:4px;background:#26312b}.boot-track span{display:block;width:0;height:100%;background:#a8b8a5}@media(max-width:600px){#status{font-size:9px;letter-spacing:.08em}.tip{font-size:12px}}