.gfx-layer{z-index:9999;pointer-events:none;position:fixed;inset:0;overflow:hidden}.gfx-emoji{will-change:transform,opacity;line-height:1;position:absolute}.gfx-label{color:var(--foreground);text-shadow:0 2px 12px color-mix(in oklab,var(--background) 70%,transparent);font-size:22px;font-weight:800;animation:1.6s ease-out forwards gfx-label;position:absolute;top:58%;left:50%;transform:translate(-50%)}@keyframes gfx-label{0%{opacity:0;transform:translate(-50%,12px)scale(.8)}20%{opacity:1;transform:translate(-50%)scale(1.08)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}.gfx-beer-l,.gfx-beer-r{font-size:84px;top:40%}.gfx-beer-l{animation:1.5s cubic-bezier(.2,.8,.3,1) forwards gfx-beer-l;left:50%}.gfx-beer-r{animation:1.5s cubic-bezier(.2,.8,.3,1) forwards gfx-beer-r;left:50%}@keyframes gfx-beer-l{0%{transform:translate(-60vw)rotate(-30deg)}35%{transform:translate(-88px)rotate(18deg)}45%{transform:translate(-100px)rotate(4deg)}85%{opacity:1}to{opacity:0;transform:translate(-100px,-20px)}}@keyframes gfx-beer-r{0%{transform:translate(60vw)scaleX(-1)rotate(-30deg)}35%{transform:translate(4px)scaleX(-1)rotate(18deg)}45%{transform:translate(16px)scaleX(-1)rotate(4deg)}85%{opacity:1}to{opacity:0;transform:translate(16px,-20px)scaleX(-1)}}.gfx-foam{opacity:0;background:oklch(97% .03 95);border-radius:50%;width:14px;height:14px;animation:1s ease-out .5s forwards gfx-burst;top:44%;left:50%;box-shadow:0 0 6px oklch(85% .15 85)}.gfx-foam.gold{background:oklch(82% .16 80)}.gfx-tomato{font-size:72px;animation:.7s cubic-bezier(.4,0,.8,.6) forwards gfx-tomato;top:45%;left:50%}@keyframes gfx-tomato{0%{transform:translate(-50vw,40vh)rotate(0)scale(.6)}to{transform:translate(-36px,-36px)rotate(540deg)scale(1.2)}}.gfx-splat{opacity:0;background:radial-gradient(circle,oklch(60% .22 28) 40%,oklch(50% .2 25) 70%,#0000 72%);border-radius:46% 54% 40% 60%/50% 40% 60% 50%;width:180px;height:180px;margin:-90px 0 0 -90px;animation:1.6s ease-out .68s forwards gfx-splat;top:45%;left:50%}@keyframes gfx-splat{0%{opacity:0;transform:scale(.2)}12%{opacity:.92;transform:scale(1.15)}60%{opacity:.85;transform:scale(1)translateY(10px)}to{opacity:0;transform:scale(1)translateY(60px)}}.gfx-drop{opacity:0;background:oklch(58% .22 28);border-radius:50%;width:12px;height:12px;animation:1.1s ease-out .7s forwards gfx-burst;top:45%;left:50%}.gfx-clown{margin:-55px 0 0 -55px;font-size:110px;animation:1.6s cubic-bezier(.3,1.6,.5,1) forwards gfx-clown;top:40%;left:50%}@keyframes gfx-clown{0%{transform:scale(0)rotate(-20deg)}30%{transform:scale(1.15)rotate(8deg)}45%{transform:scale(1)rotate(-6deg)}60%{transform:scale(1)rotate(5deg)}85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}.gfx-confetti{opacity:0;border-radius:2px;width:8px;height:14px;animation:1.3s ease-out .25s forwards gfx-burst;top:42%;left:50%}.gfx-rocket{margin-left:-48px;font-size:96px;animation:1.5s cubic-bezier(.5,0,.8,.4) forwards gfx-rocket;bottom:-120px;left:50%}@keyframes gfx-rocket{0%{transform:translateY(0)rotate(-45deg)}15%{transform:translateY(-10px)rotate(-45deg)translate(2px)}to{transform:translateY(-130vh)rotate(-45deg)}}.gfx-smoke{background:color-mix(in oklab,var(--muted-foreground) 45%,transparent);filter:blur(6px);opacity:0;border-radius:50%;width:60px;height:60px;margin-left:-30px;animation:1.4s ease-out forwards gfx-smoke;bottom:-40px;left:50%}@keyframes gfx-smoke{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(2.6)translateY(-30px)}}.gfx-star{opacity:0;font-size:18px;animation:1.8s ease-in forwards gfx-star;top:-20px}@keyframes gfx-star{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(105vh)rotate(360deg)}}.gfx-shake{animation:.5s linear .9s gfx-shake}@keyframes gfx-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(3px,2px)}}@keyframes gfx-burst{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4) rotate(var(--rot,0deg))}}@media (prefers-reduced-motion:reduce){.gfx-layer *{animation-duration:10ms!important}}.gfx-crown{margin:-55px 0 0 -55px;font-size:110px;animation:2s cubic-bezier(.3,1.3,.5,1) forwards gfx-crown;top:38%;left:50%}@keyframes gfx-crown{0%{transform:translateY(-60vh)rotate(-15deg)}40%{transform:translateY(0)rotate(0)}50%{transform:scale(1.12)}60%{transform:scale(1)}88%{opacity:1}to{opacity:0;transform:scale(1.3)}}.gfx-rays{background:repeating-conic-gradient(oklch(85% .16 85/.55) 0 10deg,transparent 10deg 24deg);opacity:0;border-radius:50%;width:360px;height:360px;margin:-180px 0 0 -180px;animation:1.6s ease-out .7s forwards gfx-rays;top:38%;left:50%;-webkit-mask:radial-gradient(circle,#000 20%,#0000 70%);mask:radial-gradient(circle,#000 20%,#0000 70%)}@keyframes gfx-rays{0%{opacity:0;transform:scale(.3)rotate(0)}30%{opacity:1}to{opacity:0;transform:scale(1.2)rotate(90deg)}}.gfx-spark{opacity:0;background:oklch(88% .17 88);border-radius:50%;width:8px;height:8px;animation:1.1s ease-out .8s forwards gfx-burst;top:38%;left:50%;box-shadow:0 0 10px oklch(85% .17 85)}.gfx-alarm{opacity:0;background:radial-gradient(circle,#0000 40%,oklch(60% .24 27/.45));animation:1.6s ease-in-out .3s forwards gfx-alarm;inset:0}@keyframes gfx-alarm{0%,40%,80%{opacity:0}20%,60%{opacity:1}to{opacity:0}}.gfx-card{background:oklch(58% .24 27);border-radius:8px;width:90px;height:126px;margin-left:-45px;animation:1.8s cubic-bezier(.2,1.4,.4,1) forwards gfx-card;top:30%;left:50%;box-shadow:0 10px 30px oklch(40% .2 27/.5)}.gfx-hand{margin-left:-32px;font-size:64px;animation:1.8s cubic-bezier(.2,1.4,.4,1) forwards gfx-card;top:calc(30% + 104px);left:50%}@keyframes gfx-card{0%{transform:translateY(70vh)rotate(-10deg)}30%{transform:translateY(0)rotate(4deg)}40%{transform:rotate(-3deg)}50%{transform:rotate(0)}88%{opacity:1}to{opacity:0}}.gfx-amb{font-size:96px;animation:2.1s cubic-bezier(.5,.1,.5,.9) forwards gfx-amb;top:44%;left:0}@keyframes gfx-amb{0%{transform:translate(110vw)scaleX(1)}to{transform:translate(-140px)}}.gfx-siren{opacity:.35;animation:.5s linear 4 gfx-siren;inset:0}@keyframes gfx-siren{0%,49%{background:radial-gradient(circle at 20% 10%,oklch(60% .24 27/.6),#0000 50%)}50%,to{background:radial-gradient(circle at 80% 10%,oklch(60% .2 255/.6),#0000 50%)}}.gfx-face{margin:-60px 0 0 -60px;font-size:120px;animation:2.1s ease-out forwards gfx-face;top:40%;left:50%}@keyframes gfx-face{0%{transform:scale(0)}20%{transform:scale(1)}90%{opacity:1}to{opacity:0}}.gfx-glasses{opacity:0;margin:-70px 0 0 -40px;font-size:80px;animation:2s cubic-bezier(.3,1.4,.5,1) .3s forwards gfx-glasses;top:40%;left:50%}@keyframes gfx-glasses{0%{opacity:1;transform:translateY(-50vh)}35%{transform:translateY(0)}90%{opacity:1}to{opacity:0}}.gfx-cigar{opacity:0;background:linear-gradient(90deg,oklch(45% .08 50) 80%,oklch(70% .2 40) 80%);border-radius:3px;width:56px;height:10px;animation:1.5s ease-out .7s forwards gfx-face;top:calc(40% + 30px);left:calc(50% + 20px)}.gfx-ring{border:3px solid color-mix(in oklab,var(--muted-foreground) 70%,transparent);opacity:0;border-radius:50%;width:20px;height:20px;animation:1s ease-out forwards gfx-ring;top:calc(40% + 18px);left:calc(50% + 72px)}@keyframes gfx-ring{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:translate(30px,-80px)scale(2.4)}}@media (width>=1024px) and (hover:hover) and (pointer:fine){.gfx-rocket{margin-left:-60px;font-size:120px;animation:2s cubic-bezier(.55,0,.75,.35) forwards gfx-rocket-pc;bottom:22vh}.gfx-smoke{width:90px;height:90px;margin-left:-45px;bottom:20vh}}@keyframes gfx-rocket-pc{0%{opacity:0;transform:translateY(40px)rotate(-45deg)scale(.7)}12%{opacity:1;transform:translateY(0)rotate(-45deg)scale(1)}35%{transform:translateY(-6px)translate(2px)rotate(-45deg)}45%{transform:translateY(-4px)translate(-2px)rotate(-45deg)}to{transform:translateY(-110vh)rotate(-45deg)}}