.afx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;overflow:visible}.afx>i{position:absolute;left:50%;top:50%;display:block;animation-fill-mode:both;animation-delay:calc(var(--delay, 0ms) + var(--stagger, 0ms))}.afx-p{width:var(--s);height:var(--s);margin:calc(var(--s) / -2);border-radius:999px;background:var(--c);box-shadow:0 0 8px var(--c);animation:afx-spark var(--dur, .56s) cubic-bezier(.12,.75,.3,1)}@keyframes afx-spark{0%{transform:rotate(var(--a)) translate(0) scale(1.2);opacity:0}8%{opacity:1}to{transform:rotate(var(--a)) translate(var(--d)) scale(.15);opacity:0}}.afx-flash{width:120%;height:120%;margin:-60% 0 0 -60%;border-radius:999px;background:radial-gradient(circle,#fff 0 12%,color-mix(in srgb,var(--c) 80%,transparent) 30%,transparent 62%);mix-blend-mode:screen;animation:afx-flash .34s ease-out}@keyframes afx-flash{0%{transform:scale(.25);opacity:0}15%{opacity:1}to{transform:scale(1.25);opacity:0}}.afx-ring{width:22px;height:22px;margin:-11px;border-radius:999px;border:var(--bw, 4px) solid var(--c);box-shadow:0 0 12px var(--c),inset 0 0 8px var(--c);animation:afx-ring .52s cubic-bezier(.1,.7,.3,1)}@keyframes afx-ring{0%{transform:scale(.2);opacity:0}10%{opacity:1}to{transform:scale(var(--ring, 5));opacity:0}}.afx-slash{width:var(--w, 130%);height:56%;margin:-28% 0 0 calc(var(--w, 130%) / -2);border-radius:50%;border-top:7px solid #fff;filter:drop-shadow(0 0 6px var(--c)) drop-shadow(0 0 14px var(--c));transform:rotate(var(--rot));animation:afx-slash .36s cubic-bezier(.2,.8,.3,1)}@keyframes afx-slash{0%{clip-path:inset(0 100% 0 0);opacity:0;transform:rotate(var(--rot)) scale(.85)}10%{opacity:1}55%{clip-path:inset(0 0 0 0);opacity:1;transform:rotate(var(--rot)) scale(1)}to{clip-path:inset(0 0 0 70%);opacity:0;transform:rotate(var(--rot)) scale(1.08)}}.afx-pierce{width:170%;height:5px;margin:-2.5px 0 0 -85%;border-radius:999px;background:linear-gradient(90deg,transparent,var(--c) 30%,#fff 70%,transparent);box-shadow:0 0 12px var(--c);transform:rotate(var(--rot));animation:afx-pierce .38s cubic-bezier(.2,.8,.3,1)}@keyframes afx-pierce{0%{clip-path:inset(0 100% 0 0);opacity:0}12%{opacity:1}45%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%);opacity:.2}}.afx-implode{width:160%;height:160%;margin:-80% 0 0 -80%;border-radius:999px;background:radial-gradient(circle,transparent 30%,color-mix(in srgb,var(--c) 55%,transparent) 46%,transparent 64%);animation:afx-implode .42s cubic-bezier(.6,0,.9,.6)}@keyframes afx-implode{0%{transform:scale(1.3) rotate(0);opacity:0}20%{opacity:1}to{transform:scale(.15) rotate(140deg);opacity:.2}}.afx-smoke{width:var(--s);height:var(--s);margin:calc(var(--s) / -2);border-radius:999px;background:var(--c);filter:blur(7px);animation:afx-smoke .9s ease-out}@keyframes afx-smoke{0%{transform:translate(0) scale(.3);opacity:0}20%{opacity:1}to{transform:translate(var(--x),calc(var(--y) - 24px)) scale(1.5);opacity:0}}.afx-rise,.afx-fall{width:var(--s);height:var(--s);margin:calc(var(--s) / -2);background:var(--c);filter:drop-shadow(0 0 4px var(--c))}.afx-rise{animation:afx-rise .9s cubic-bezier(.2,.7,.4,1)}.afx-fall{animation:afx-fall .8s cubic-bezier(.3,.6,.5,1)}@keyframes afx-rise{0%{transform:translate(var(--x),34px) scale(.3);opacity:0}20%{opacity:1}to{transform:translate(var(--x),calc(34px - var(--h))) scale(1);opacity:0}}@keyframes afx-fall{0%{transform:translate(var(--x),calc(-10px - var(--h) / 2)) scale(1);opacity:0}20%{opacity:1}to{transform:translate(var(--x),calc(var(--h) / 2)) scale(.5);opacity:0}}.afx-plus{clip-path:polygon(36% 0,64% 0,64% 36%,100% 36%,100% 64%,64% 64%,64% 100%,36% 100%,36% 64%,0 64%,0 36%,36% 36%);background:#fff;box-shadow:inset 0 0 0 3px var(--c)}.afx-chev{clip-path:polygon(50% 0,100% 50%,100% 85%,50% 40%,0 85%,0 50%)}.afx-chev-down{clip-path:polygon(0 15%,50% 60%,100% 15%,100% 50%,50% 100%,0 50%)}.afx-bubble{border-radius:999px;background:radial-gradient(circle at 32% 30%,#fff 0 14%,transparent 30%),color-mix(in srgb,var(--c) 45%,transparent);box-shadow:inset 0 0 0 2px var(--c);filter:none}.afx-dot{border-radius:999px;width:calc(var(--s) * .5);height:calc(var(--s) * .5)}.afx-star{width:190%;height:190%;margin:-95% 0 0 -95%;border-radius:999px;background:repeating-conic-gradient(from var(--rot),color-mix(in srgb,var(--c) 85%,#fff) 0 7deg,transparent 7deg 24deg);-webkit-mask:radial-gradient(circle,#000 0 18%,transparent 62%);mask:radial-gradient(circle,#000 0 18%,transparent 62%);animation:afx-star .52s cubic-bezier(.2,.9,.3,1)}@keyframes afx-star{0%{transform:scale(.2) rotate(0);opacity:0}20%{opacity:1}to{transform:scale(1.15) rotate(25deg);opacity:0}}@media (prefers-reduced-motion: reduce){.afx{display:none}}.fx-hit{inset:auto;left:-60px;top:-60px;width:120px;height:120px;z-index:0}.fx-hit[data-tier="1"]{left:-70px;top:-70px;width:140px;height:140px}.fx-hit[data-tier="2"]{left:-80px;top:-80px;width:160px;height:160px}.fx-hit[data-tier="3"]{left:-95px;top:-95px;width:190px;height:190px}.fx-hit-miss{left:-40px;top:-40px;width:80px;height:80px}.fx-starshape{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.fx-score{position:absolute;left:0;top:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.1rem;white-space:nowrap;animation:fx-score 1.15s cubic-bezier(.2,.9,.3,1) forwards}.fx-score>.clay-points{position:static;transform:none;animation:none}@keyframes fx-score{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}16%{transform:translate(-50%,-95%) scale(1.25);opacity:1}32%{transform:translate(-50%,-105%) scale(1)}75%{opacity:1}to{transform:translate(-50%,-175%) scale(.9);opacity:0}}.fx-points[data-tier="1"]{font-size:2.2rem}.fx-points[data-tier="2"]{font-size:2.5rem;-webkit-text-stroke-color:#b45309;color:#fff7d6}.fx-points[data-tier="3"]{font-size:2.8rem;-webkit-text-stroke-color:#be185d;color:#fff0f6}.fx-pressed-pop{animation:fx-pressed-pop .5s cubic-bezier(.3,1.6,.5,1)}@keyframes fx-pressed-pop{0%{scale:1}35%{scale:1.09}65%{scale:.98}to{scale:1}}.fx-pressed-nudge{animation:fx-pressed-nudge .44s cubic-bezier(.36,.07,.19,.97)}@keyframes fx-pressed-nudge{0%,to{translate:0 0}18%{translate:-7px 0}36%{translate:6px 0}54%{translate:-4px 0}72%{translate:2px 0}}.fx-score>.fx-streak-chip{font-size:1rem;padding:.25rem .8rem}.fx-streak-chip .fx-streak-flame{display:inline-block;animation:fx-flame .3s ease-in-out infinite alternate}@keyframes fx-flame{0%{transform:scale(1) rotate(-6deg)}to{transform:scale(1.18) rotate(6deg)}}.fx-streak-chip[data-tier="2"]{--clay-chip: #ffc93c;--clay-chip-edge: #d0930b;color:#5a3a00;box-shadow:inset 0 2px #fff9,0 4px #d0930b,0 0 24px -2px #ffc93c}.fx-streak-chip[data-tier="3"]{--clay-chip: #ff5c8a;--clay-chip-edge: #c22a5a;color:#fff;box-shadow:inset 0 2px #ffffff80,0 4px #c22a5a,0 0 30px -2px #ff5c8a}.fx-word-sign{transition:top .45s cubic-bezier(.3,1.3,.5,1)}.fx-word-sign.fx-word-sign-low{top:5.5rem!important}.fx-fireworks{position:fixed;top:0;right:0;bottom:0;left:0;z-index:201;pointer-events:none;overflow:hidden}.fx-firework{position:absolute;width:150px;height:150px;margin:-75px}@media (prefers-reduced-motion: reduce){.fx-pressed-pop,.fx-pressed-nudge,.fx-streak-chip .fx-streak-flame{animation:none}.fx-word-sign{transition:none}.fx-score{animation-name:fx-points-still}@keyframes fx-points-still{0%{opacity:0;transform:translate(-50%,-100%)}15%,75%{opacity:1}to{opacity:0;transform:translate(-50%,-100%)}}.fx-fireworks{display:none}}
