.pocket-cinema{max-width:none;max-height:none;width:100%;height:100dvh;margin:0;padding:0;border:0;color:#fff6dc;background:#173747;overflow:hidden;box-sizing:border-box}.pocket-cinema::backdrop{background:#14232e}.cinema-scene{position:relative;height:100%;overflow:hidden;background:url('./art/celebration-hsk.webp') center 60%/cover}.pocket-cinema[data-theme=tocfl] .cinema-scene{background-image:url('./art/celebration-tocfl.webp')}.cinema-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(#25122480,transparent 45%,#12252d80)}.cinema-scene header{position:absolute;z-index:4;top:max(6%,env(safe-area-inset-top));left:7%;right:7%;text-align:center;text-shadow:0 3px 14px #3b152d}.cinema-scene small{font-size:12px;letter-spacing:.13em;font-weight:900}.cinema-scene h1{font-size:clamp(27px,6.5vw,44px);line-height:1.1;margin:15px 0}.cinema-scene p{font-size:16px;line-height:1.4}.cinema-cast{position:absolute;inset:30% 0 16%}.cinema-actor{position:absolute;width:48%;aspect-ratio:1;bottom:6%}.cinema-shifu{width:65%;left:18%;z-index:3;bottom:9%}.cinema-blue{left:-5%;z-index:2}.cinema-ilias{right:-5%;z-index:2}.cinema-sprite{position:absolute;inset:0;background-size:1200% 100%;background-repeat:no-repeat;filter:drop-shadow(0 8px 8px #38262350);will-change:transform}.cinema-shadow{position:absolute;bottom:2%;left:25%;width:50%;height:8%;border-radius:50%;background:#33242155;filter:blur(3px);animation:cinema-shadow 1.9s ease-in-out both}.cinema-light{position:absolute;width:85vw;height:85vw;max-width:680px;max-height:680px;border-radius:50%;top:37%;left:50%;transform:translate(-50%,-50%) scale(.25);background:radial-gradient(#fff7bfaa,#ffd34c55 32%,transparent 65%);opacity:0;pointer-events:none}.cinema-burst .cinema-light{animation:cinema-light 1.25s ease-out both}.cinema-particles{position:absolute;inset:0;pointer-events:none;z-index:5}.cinema-particles i{position:absolute;top:45%;left:var(--x);font-style:normal;font-size:clamp(12px,3vw,24px);color:#ffe683;opacity:0}.cinema-particles i:nth-child(3n){color:#82eddf}.cinema-burst .cinema-particles i{animation:cinema-spark 1.8s ease-out calc(var(--i)*12ms) both}.cinema-scene footer{position:absolute;z-index:6;bottom:max(4%,env(safe-area-inset-bottom));left:8%;right:8%;display:grid;gap:10px}.pocket-cinema .cinema-continue{width:100%;border:2px solid #fff1a3;background:linear-gradient(120deg,#ffdf67,#ffae43);color:#702b32;font-weight:900;font-size:18px;border-radius:22px;padding:18px;box-shadow:0 6px #943a32}.pocket-cinema[data-theme=tocfl] .cinema-continue{background:linear-gradient(120deg,#92f1df,#5cd2ec);border-color:#bafbf1;color:#164761;box-shadow:0 6px #196382}.pocket-cinema .cinema-sound{justify-self:center;width:auto;background:#18333b90;color:white;border:1px solid #ffffff60;padding:8px 16px;border-radius:20px;font-size:12px}.cinema-reward{position:absolute;z-index:5;width:27%;height:22%;object-fit:contain;right:5%;top:35%;filter:drop-shadow(0 0 16px #ffe780)}.cinema-reward[hidden]{display:none}@keyframes cinema-light{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}35%{opacity:.85}100%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}@keyframes cinema-spark{0%{opacity:0;transform:translateY(0) scale(.5)}15%{opacity:1}100%{opacity:0;transform:translateY(-220px) rotate(var(--turn)) scale(.8)}}@keyframes cinema-shadow{50%{transform:scale(.65);opacity:.4}100%{transform:scale(1);opacity:1}}@media(min-width:650px){.cinema-cast{max-width:600px;width:100%;left:50%;transform:translateX(-50%)}.cinema-scene footer{max-width:450px;margin:auto}.cinema-scene header{top:4%}}@media(prefers-reduced-motion:reduce){.pocket-cinema *{animation:none!important;transition:none!important}.cinema-particles,.cinema-light{display:none}.cinema-sprite{will-change:auto}}