.door-scene-area{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding-left:1rem;padding-right:1rem;display:flex;container-type:size}.door-scene{justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;display:flex;position:relative}.door-interior{z-index:0;background:0 0;border-radius:2px;position:absolute;inset:0}.door-stack{--frame-h:min(85dvh,calc((100vw - 2rem)*1111/568),calc(100dvh - 6rem));--door-h:calc(var(--frame-h)*1031/1111);z-index:1;isolation:isolate;place-items:center;width:fit-content;max-width:100%;max-height:100%;display:grid;position:relative}@supports (height:100cqh){.door-stack{--frame-h:min(85dvh,calc((100vw - 2rem)*1111/568),100cqh)}}.door-perspective{z-index:1;perspective:1200px;grid-area:1/1}.door-container{transform-origin:0;transform-style:preserve-3d;outline:none;transition:transform 1s ease-in}.door-image{height:var(--door-h);-webkit-user-select:none;user-select:none;width:auto;max-height:none;display:block}.door-frame{height:var(--frame-h);pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;grid-area:1/1;width:auto;max-height:none}.door-open{transform:rotateY(-75deg)}@keyframes door-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.door-knock{animation:.2s ease-in-out door-shake}.knock-dots{flex-shrink:0;justify-content:center;gap:.75rem;padding-top:.75rem;padding-bottom:1.5rem;display:flex}.knock-dot{background:0 0;border:2px solid #1a1a1a;border-radius:50%;width:10px;height:10px;transition:background .15s}.knock-dot-filled{background:#1a1a1a}.fist-cursor{pointer-events:none;z-index:50;width:50px;height:50px;position:fixed;transform:translate(-50%,-40%)}@keyframes cursor-knock{0%{transform:translate(-50%,-40%)rotate(0)}40%{transform:translate(-50%,-40%)rotate(-2deg)}to{transform:translate(-50%,-40%)rotate(0)}}.cursor-knocking{transform-origin:80% 20%;animation:.12s ease-out cursor-knock}@keyframes entry-fade-out{0%{opacity:1}to{opacity:0}}.entry-fade-out{animation:.4s ease-out forwards entry-fade-out}@keyframes room-fade-in{0%{opacity:0}to{opacity:1}}.room-fade-in{animation:.3s ease-in forwards room-fade-in}@media (prefers-reduced-motion:reduce){.door-container{transition:none}.door-knock{animation:none}.entry-fade-out,.room-fade-in{animation-duration:.2s}.cursor-knocking{animation:none}}