.scene{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scene-fit{aspect-ratio:1;width:min(100vmin,1200px);position:relative;overflow:hidden;container-type:inline-size}.scene-fit img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.camera{width:100%;height:100%}.scene-fit.walking .camera{will-change:transform;animation:2.4s linear forwards walk-camera}.scene-fit.walking img{animation:.8s ease-in-out 3 walk-bob}@keyframes walk-camera{0%{transform:translate(0)scale(1)}to{transform:translate(-2.5%,1%)scale(1.12)}}@keyframes walk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.9%)}}.scene-fit:after{content:"";opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.scene-fit.walking:after{animation:.6s ease-in 1.8s forwards to-black}.scene-fit.arriving:after{animation:.5s ease-out from-black}@keyframes to-black{0%{opacity:0}to{opacity:1}}@keyframes from-black{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.scene-fit.walking .camera,.scene-fit.walking img{animation:none}}.scene-obj{position:absolute}.scene-obj:not(.is-active){visibility:hidden;opacity:0;pointer-events:none}.hotspot{border-radius:10px;padding:0}.hotspot:hover,.hotspot:focus-visible{-webkit-backdrop-filter:brightness(1.12);backdrop-filter:brightness(1.12);outline:none;box-shadow:0 0 0 2px #ffffffe6,0 0 0 4px #0000008c}.sign-text{text-align:center;color:#26221c;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:IM Fell English SC,serif;font-size:2.5cqw;font-weight:700;line-height:1.25;text-decoration:none;display:flex;transform:rotate(-3deg)}.sign-text:hover,.sign-text:focus-visible{outline:none;text-decoration:underline}.speech-bubble{color:#111;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #111;border-radius:14px;padding:1.2cqw 1.8cqw;font-family:IM Fell English SC,serif;font-size:2.2cqw;line-height:1.3;transition:opacity .2s}.speech-bubble:before,.speech-bubble:after{content:"";border-style:solid;position:absolute;top:60%}.speech-bubble:before{border-width:9px 0 9px 16px;border-color:#0000 #0000 #0000 #111;right:-16px}.speech-bubble:after{border-width:7px 0 7px 12px;border-color:#0000 #0000 #0000 #fff;right:-11px}.counter-sign{color:#26221c;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:#e8e4da;border:2px solid #26221c;border-radius:3px;padding:.7cqw 1.4cqw;font-family:IM Fell English SC,serif;font-size:2.1cqw;line-height:1.2;transition:opacity .2s;transform:rotate(-2deg)}.speech-bubble.is-active,.counter-sign.is-active{transition:opacity .5s .9s}.leave-btn{z-index:5;position:fixed;top:1rem;left:1rem}.leave-btn:hover{color:#fff}.scene.editing .scene-obj.is-active{pointer-events:auto;cursor:move;touch-action:none;outline:1px dashed #40e0ffe6}.scene.editing .hotspot.is-active{background:#40e0ff14}.editor-toolbar{z-index:20;background:#000000d9;border:1px solid #4b5563;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem;font-size:12px;display:flex;position:fixed;top:1rem;right:1rem}.editor-toolbar select{color:inherit;font:inherit;background:#000;border:1px solid #4b5563;padding:.15rem .3rem}