:root{--transition-from-color: #3364f2;--transition-to-color: #22419e;--transition-duration: 1s;--transition-blur: 14px;--transition-ease: cubic-bezier(.77, 0, .175, 1);--shimmer-color: rgba(255, 255, 255, .04);--scanline-color: rgba(255, 255, 255, .015)}.scene-transition{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;overflow:hidden;animation:enter-scene var(--transition-duration) var(--transition-ease);filter:var(--transition-blur)}.scene-transition.scene-transition-exit{animation:exit-scene var(--transition-duration) var(--transition-ease) forwards}.scene-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:200% 100%;background-position:center;transition:opacity .8s var(--transition-ease);z-index:1}.scene-layer.from{background:linear-gradient(135deg,var(--transition-from-color),var(--transition-from-color));opacity:1;animation:fade-out .6s forwards .3s}.scene-layer.to{background:linear-gradient(135deg,var(--transition-to-color),var(--transition-to-color));opacity:0;animation:fade-in .6s forwards .3s}.scene-shimmer{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--shimmer-color) 50%,transparent 100%);animation:shimmer 3s infinite linear;z-index:2;pointer-events:none}.scene-scanlines{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to bottom,var(--scanline-color) 0px,var(--scanline-color) 1px,transparent 1px,transparent 2px);opacity:.3;z-index:0;pointer-events:none}.scene-logo{position:absolute;left:50%;top:50%;width:120px;height:120px;transform:translate(-50%,-50%) scale(.7);opacity:0;z-index:10;pointer-events:none;animation:logo-fade-in var(--transition-duration) cubic-bezier(.77,0,.175,1)}.scene-transition-exit .scene-logo{animation:logo-fade-out var(--transition-duration) cubic-bezier(.77,0,.175,1) forwards}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes enter-scene{0%{transform:scaleX(.1) skew(-8deg);opacity:0}80%{transform:scaleX(1.08) skew(0);opacity:1;filter:none}to{transform:scaleX(1) skew(0);opacity:1;filter:none}}@keyframes exit-scene{0%{transform:scaleX(1) skew(0);opacity:1;filter:none}20%{transform:scaleX(1.08) skew(8deg);opacity:1;filter:none}to{transform:scaleX(.1) skew(8deg);opacity:0;filter:blur(var(--transition-blur))}}@keyframes shimmer{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes logo-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes logo-fade-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}to{opacity:0;transform:translate(-50%,-50%) scale(0)}}@media(prefers-reduced-motion:reduce){.scene-transition,.scene-layer,.scene-shimmer{animation:none!important;transition:none!important}}