.cheer-button{position:absolute;right:15px;bottom:84px;z-index:7;background:#603c57e8;color:#ffdeed;border-color:#b983aa;padding:12px 17px;border-radius:30px;font-size:16px;touch-action:manipulation}.cheer-info{position:absolute;bottom:62px;right:15px;z-index:6;color:#f6e6ee;background:#142031d9;padding:4px 8px;border-radius:4px;font-size:12px}.cheer-particle{position:absolute;z-index:15;pointer-events:none;color:#f5a5c7;font:bold 23px sans-serif;animation:heartFloat 1s ease-out forwards;text-shadow:0 2px 5px #0007}.cheer-particle.earned{color:#ffe89e}.coin-pop{animation:coinPop .4s ease}.retire-button{display:block;width:100%;margin:12px 0;background:transparent;color:#aeb9c9;border:1px solid #465065;font-size:14px}.actor[data-performance="on"]{background-image:url('performance.png')!important;background-size:400% 400%!important;background-position:var(--pose-pos)!important;width:280px!important;height:420px!important;clip-path:none!important;bottom:39px!important;animation:none;transform:translateX(-50%)}.actor[data-motion="lift"]{animation:liftMove 1.1s ease-in-out infinite}.actor[data-motion="sweep"]{animation:sweepMove .8s ease-in-out infinite}.actor[data-motion="wave"],.actor[data-motion="nod"]{animation:waveMove .8s ease-in-out infinite}.actor[data-motion="shake"]{animation:shakeMove .22s ease-in-out infinite}.actor[data-motion="relax"]{animation:relaxMove 2s ease-in-out infinite}.actor[data-motion="stretch"]{animation:stretchMove 2s ease-in-out infinite}.actor[data-motion="dance"],.actor[data-motion="sing"]{animation:danceMove .7s ease-in-out infinite}.actor[data-motion="leave"]{animation:leaveMove 3.2s ease-in-out forwards}.actor[data-motion="sway"]{animation:sweepMove 1.5s ease-in-out infinite}.retired-sprite{background-image:url('performance.png')!important;background-size:400% 400%!important;background-position:100% 100%!important;aspect-ratio:2/3!important}.cinematic{isolation:isolate}.cinematic .cheer-button,.cinematic .cheer-info,.cinematic .scene-event{visibility:hidden}#cinema{position:absolute;inset:0;z-index:10;pointer-events:none;background:linear-gradient(#07122555,transparent 30%,transparent 75%,#07122588)}.cinema-label{position:absolute;left:15px;right:15px;top:50px;background:#102036eb;border:1px solid #91a280;border-radius:8px;color:#f0f3e8;padding:13px 15px;text-align:center;font-size:16px;line-height:1.6}.cinema-item{position:absolute;left:48%;top:42%;width:95px;height:95px;filter:drop-shadow(0 5px 8px #0005);transition:transform .7s,opacity .6s}.cinema-item .item-art{width:100%;height:100%;background-color:transparent}.arriving{animation:giftArrive .8s cubic-bezier(.2,.7,.2,1) both}.unwrapped{transform:scale(1.25) rotate(-8deg)}.placed{transform:translate(-150px,90px) scale(.55);opacity:.7}.skip-scene{position:absolute;right:13px;bottom:17px;pointer-events:auto;background:#152334e8;border-color:#778298;color:#d8e1eb;padding:11px;font-size:14px}.guest{position:absolute;width:230px;height:345px;bottom:38px;left:0;background-image:url('performance.png');background-size:400% 400%;background-repeat:no-repeat;image-rendering:pixelated;opacity:0}.guest.enter{animation:guestEnter 1s ease forwards}.cinematic:has(.guest.enter) .actor{left:67%}.ending #actor{opacity:0}.ending.reveal-light #actor{opacity:1;transition:opacity 1.2s;filter:drop-shadow(0 0 16px #ffe4a288)}.reveal-light:after{content:'';position:absolute;inset:0;z-index:8;background:linear-gradient(130deg,#f3d29866,transparent 70%);pointer-events:none;animation:dawnReveal 1.5s ease both}.stream-comments{position:absolute;left:12px;bottom:100px;width:48%}.stream-comments p{background:#28334ddd;color:#eceef7;border:1px solid #7d758655;font-size:14px;padding:8px 12px;border-radius:6px;animation:commentIn .3s ease}.completion-time{font-size:14px;color:#b4c497}#audioVolume{width:100%;min-height:44px}#muteAudio{width:auto;margin-right:10px}.scene{touch-action:manipulation}body:has(.cinematic) .controls{pointer-events:none;opacity:.65}
@keyframes heartFloat{to{transform:translateY(-90px) scale(.7);opacity:0}}@keyframes coinPop{50%{transform:scale(1.1)}}@keyframes giftArrive{from{translate:0 -240px;opacity:0}70%{translate:0 8px;opacity:1}to{translate:0 0}}@keyframes guestEnter{from{transform:translateX(-140px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes waveMove{50%{transform:translateX(-50%) rotate(1deg) translateY(-3px)}}@keyframes liftMove{50%{transform:translateX(-50%) translateY(-6px)}}@keyframes sweepMove{50%{transform:translateX(-46%) rotate(2deg)}}@keyframes shakeMove{50%{transform:translateX(-49%) rotate(-1deg)}}@keyframes relaxMove{50%{transform:translateX(-50%) scaleY(.99)}}@keyframes stretchMove{50%{transform:translateX(-50%) rotate(-4deg)}}@keyframes danceMove{25%{transform:translateX(-53%) rotate(-3deg)}75%{transform:translateX(-47%) rotate(3deg)}}@keyframes leaveMove{35%,65%{transform:translateX(100%);opacity:0}to{transform:translateX(-50%);opacity:1}}@keyframes dawnReveal{from{opacity:0}to{opacity:1}}@keyframes commentIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.actor[data-performance="on"]{width:225px!important;height:337px!important;bottom:32px!important}.guest{width:190px;height:285px;bottom:32px;left:-10px}.cinema-label{font-size:14px;top:48px;padding:10px}.cinema-item{width:75px;height:75px}.placed{transform:translate(-95px,80px) scale(.55)}.cheer-button{right:10px;bottom:85px;padding:10px 13px}.cheer-info{font-size:12px;right:10px}.stream-comments{width:55%}}
@media(prefers-reduced-motion:reduce){.actor,.cheer-particle,.guest.enter,.arriving,.stream-comments p,.reveal-light:after{animation:none!important}.guest.enter{opacity:1}.cheer-particle{transition:opacity .15s}.cinema-item{transition:none}.ending.reveal-light #actor{transition:none}}