@keyframes doorZoomIn{0%{transform:scale(1) translate(0);filter:brightness(1)}50%{transform:scale(1.5) translate(-20px,-10px);filter:brightness(1.2)}to{transform:scale(3) translate(-40px,-20px);filter:brightness(1.5) blur(2px)}}@keyframes cinematicVignette{0%{box-shadow:inset 0 0 0 rgba(0,0,0,0)}to{box-shadow:inset 0 0 200px 100px rgba(0,0,0,.8)}}@keyframes doorGlow{0%{box-shadow:0 0 20px rgba(255,215,0,.3)}50%{box-shadow:0 0 60px rgba(255,215,0,.6)}to{box-shadow:0 0 100px rgba(255,215,0,.9)}}.cinematic-zoom-active{animation:doorZoomIn 2.5s cubic-bezier(.25,.46,.45,.94) forwards}.cinematic-vignette{animation:cinematicVignette 2s ease-out forwards}.letterbox-bars{position:relative}.letterbox-bars:after,.letterbox-bars:before{content:"";position:absolute;left:0;width:100%;height:12%;background:#000;z-index:1000;animation:letterboxSlideIn .8s ease-out forwards}.letterbox-bars:before{top:0}.letterbox-bars:after{bottom:0}@keyframes letterboxSlideIn{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.animation-paused,.animation-paused *,.animation-paused :after,.animation-paused :before{animation:none!important;animation-name:none!important;animation-duration:0s!important;animation-delay:0s!important;animation-iteration-count:1!important;animation-play-state:paused!important;transition:none!important;transition-duration:0s!important;transition-delay:0s!important}.animation-paused animate,.animation-paused animateTransform{animation-duration:0s!important;dur:0s!important}.animation-paused .animate-bounce,.animation-paused .animate-ping,.animation-paused .animate-pulse,.animation-paused .animate-spin{animation:none!important}