@font-face{font-family:HoloPanic;src:url('/assets/loud-beats-v133.woff2') format('woff2');font-display:swap}
.holo-panic-pop{animation:holo-balloon-appear 2.8s ease-out both}
@keyframes holo-balloon-appear{0%{opacity:0;transform:scale(.12);filter:brightness(1)}8%{opacity:1;transform:scale(.45)}25%{transform:scale(.7)}50%{transform:scale(.92)}73%{transform:scale(1.12)}85%{opacity:1;transform:scale(1.28);filter:brightness(1)}91%{opacity:1;transform:scale(1.34);filter:brightness(1.8)}100%{opacity:0;transform:scale(1.45);filter:brightness(2.2) blur(4px)}}
.holo-panic-pop .shiny-candy-word{font-family:HoloPanic,'Arial Rounded MT Bold',sans-serif}
.holo-panic-pop .shiny-candy-word{gap:.07em;filter:drop-shadow(0 3px 5px #0c0a24a6)}
.holo-panic-pop .shiny-candy-letter{isolation:isolate;background:radial-gradient(ellipse at 32% 26%,#fff 0%,#ffffffed 5%,#ffffff00 21%),linear-gradient(174deg,#f7ffff 7%,#a6f8ff 23%,#fefcff 29%,#d9bbff 40%,#ef8cce 53%,#936acb 65%,#62d7ee 77%,#c7faff 87%,#f4e3ff 96%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.022em #bbdff2;paint-order:stroke fill;text-shadow:none;filter:url('#holo-plastic-gloss') drop-shadow(0 .035em .012em #39356199)}
.holo-panic-pop .shiny-candy-letter::before,.holo-panic-pop .shiny-candy-letter::after{content:attr(data-letter);position:absolute;inset:0;z-index:-1;font:inherit;background:none;-webkit-text-fill-color:currentColor;-webkit-text-stroke:1px currentColor;text-shadow:none;opacity:.88;pointer-events:none}
.holo-panic-pop .shiny-candy-letter::before{color:#ff285a;transform:translate(-.055em,.018em) rotate(-2deg)}
.holo-panic-pop .shiny-candy-letter::after{color:#12eaff;transform:translate(.055em,-.018em) rotate(2deg)}
.holo-panic-pop .shiny-candy-letter:nth-child(2)::before{transform:translate(-.035em,-.03em) rotate(3deg)}
.holo-panic-pop .shiny-candy-letter:nth-child(3)::after{transform:translate(.075em,.02em) rotate(-3deg)}
.holo-panic-pop .shiny-candy-letter:nth-child(4)::before{transform:translate(-.065em,.03em) rotate(-4deg)}
.holo-panic-pop .shiny-candy-letter:nth-child(5)::after{transform:translate(.035em,-.045em) rotate(4deg)}
/* Holo builds a whole-word shake; Shiny keeps the individual-letter wave. */
.holo-panic-pop .shiny-candy-letter{animation:none!important;transform:none}
.holo-panic-pop .shiny-candy-word{animation:holo-growing-shake 2.4s linear 1 both;animation-delay:150ms}
.holo-panic-pop .shiny-candy-letter::before{animation:holo-red-intensify 1.3s ease-in 1 both}
.holo-panic-pop .shiny-candy-letter::after{animation:holo-cyan-intensify 1.3s ease-in 1 both}
@keyframes holo-growing-shake{0%,8%{transform:translate(0,0) rotate(0)}12%{transform:translate(1px,0) rotate(.2deg)}18%{transform:translate(-1px,.5px) rotate(-.2deg)}24%{transform:translate(1.5px,-.5px) rotate(.3deg)}30%{transform:translate(-2px,1px) rotate(-.4deg)}36%{transform:translate(2.5px,-1px) rotate(.5deg)}42%{transform:translate(-3px,1px) rotate(-.7deg)}48%{transform:translate(3.5px,-1.5px) rotate(.8deg)}54%{transform:translate(-4px,1.5px) rotate(-1deg)}60%{transform:translate(4.5px,-2px) rotate(1.1deg)}66%{transform:translate(-5px,2px) rotate(-1.3deg)}72%{transform:translate(5.5px,-2.5px) rotate(1.5deg)}78%{transform:translate(-6px,2.5px) rotate(-1.7deg)}84%{transform:translate(6.5px,-3px) rotate(1.9deg)}90%{transform:translate(-7px,3px) rotate(-2.1deg)}95%{transform:translate(7.5px,-3px) rotate(2.2deg)}100%{transform:translate(-8px,3.5px) rotate(-2.4deg)}}
@keyframes holo-red-intensify{from{transform:translate(-.015em,0) rotate(0)}to{transform:translate(-.085em,.025em) rotate(-3deg)}}
@keyframes holo-cyan-intensify{from{transform:translate(.015em,0) rotate(0)}to{transform:translate(.085em,-.025em) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.holo-panic-pop,.holo-panic-pop .shiny-candy-word,.holo-panic-pop .shiny-candy-letter::before,.holo-panic-pop .shiny-candy-letter::after{animation:none!important}}
