/* Conserva el dibujo original; solo cambia la escena y su movimiento. */
.bag-panel{isolation:isolate;height:420px}
.scene-glow::after{content:"";position:absolute;left:5%;right:0;bottom:68px;height:92px;border:2px solid #58d6ea;border-radius:50%;background:radial-gradient(ellipse,#15385290,#0a1b3560);box-shadow:0 0 24px #1da3c52b;z-index:-1}
.character{left:19%;bottom:85px;animation:none!important;z-index:2}
.briefcase{left:calc(19% + 145px);bottom:97px;animation:none!important;z-index:3}
.character .person,.character .wave,.character .wave-hand{animation:none;transform:none}
.upper-body{transform-origin:90px 165px}
.intro-playing .person{animation:none!important}
.intro-playing .upper-body{animation:original-open-bag 4s ease-in-out both}
.intro-playing .wave{transform-origin:119px 108px;animation:original-reach 4s ease-in-out both!important}
.bag-open .bag-lid{transform:rotateX(-145deg)}
.intro-playing .bag-hint{opacity:0}
.login-card{transition:opacity .6s,transform .75s cubic-bezier(.22,.7,.24,1)}
body:not(.case-open) .login-card{transform:translate(-150px,65px) scale(.15);transform-origin:bottom left}
.replay{position:absolute;bottom:-14px;min-height:40px;border:1px solid #65d4e84a;border-radius:20px;background:#102a49;color:#8ee9f5;padding:8px 14px;font-size:12px}
.replay[hidden]{display:none}
.intro-complete .skip{display:none}
@keyframes original-open-bag{0%,12%,85%,100%{transform:none}35%,65%{transform:translate(5px,4px) rotate(35deg)}}
@keyframes original-reach{0%,12%,85%,100%{transform:none}35%,65%{transform:rotate(15deg)}}
@media(max-width:760px){.bag-panel{height:255px}.character{left:16%;bottom:67px}.briefcase{left:calc(16% + 94px);bottom:75px}.scene-glow::after{left:4%;right:1%;bottom:50px;height:66px}.bag-hint{bottom:17px}.skip{bottom:-12px}body:not(.case-open) .login-card{transform:translateY(-60px) scale(.15);transform-origin:top center}}
@media(prefers-reduced-motion:reduce){.upper-body,.wave{animation:none!important}.replay{display:none!important}}