.topper{width:100%;height:auto;aspect-ratio:3/1;position:relative;z-index:3;overflow:hidden;border-radius:22px;background:url('../assets/topper/carnival-top-screen-v1.webp') center/100% 100% no-repeat;filter:brightness(1.12) saturate(1.08) drop-shadow(0 14px 18px #000a)}
.chomper{--grow-x:1;--grow-y:1;--stage-x:50%;position:absolute;left:var(--stage-x);bottom:2.5%;height:57%;aspect-ratio:.72;translate:-50% 0;scale:var(--grow-x) var(--grow-y);transform-origin:50% 100%;transition:scale .35s cubic-bezier(.2,.8,.2,1.2);filter:drop-shadow(0 8px 6px #0008)}
.chomper.red{--stage-x:25.8%;scale:1}.chomper.blue{--stage-x:50%;scale:1}.chomper.green{--stage-x:74.4%;scale:1}.chomper img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;display:block}.chomper em{position:absolute;left:-22%;right:-22%;bottom:-1%;text-align:center;font-style:normal;font-size:clamp(8px,1vw,14px);color:#fff4b4;text-shadow:0 2px 3px #000,0 0 8px #000}.chomper.feed{animation:feed .75s ease-in-out}.chomper.no-grow{animation:no-grow .46s ease-in-out}.chomper.fail{animation:failure .7s ease-in-out}
@keyframes feed{25%{transform:translateY(-8px);scale:calc(var(--grow-x)*.94) calc(var(--grow-y)*1.06)}58%{scale:calc(var(--grow-x)*1.1) calc(var(--grow-y)*.92)}75%{scale:calc(var(--grow-x)*1.05) var(--grow-y)}}
@keyframes no-grow{30%{scale:calc(var(--grow-x)*.95) calc(var(--grow-y)*1.06)}65%{scale:calc(var(--grow-x)*1.03) calc(var(--grow-y)*.97)}}
@keyframes failure{25%{transform:rotate(-4deg)}50%{transform:rotate(5deg) translateY(4px)}75%{transform:rotate(-2deg)}}
@media(max-width:600px),(orientation:portrait) and (max-width:900px){.topper{aspect-ratio:1423/1105;border-radius:15px;background-image:url('../assets/topper/carnival-top-screen-mobile-v1.webp')}.chomper{bottom:3%;height:38%}.chomper.red{--stage-x:25%}.chomper.blue{--stage-x:50%}.chomper.green{--stage-x:75%}.chomper em{font-size:clamp(7px,2.4vw,12px)}}