.sfx-panel{background:radial-gradient(circle,#ffffff12 1px,#0000 1.5px) 0 0/14px 14px,#000000d1;border:2px solid #fff;animation:.45s cubic-bezier(.2,.8,.2,1) both sfx-panel-in;position:relative;box-shadow:5px 5px #ff0844bf,10px 10px #8b00ff99}@keyframes sfx-panel-in{0%{opacity:0;filter:none;transform:translateY(10px)skew(-3deg)}40%{text-shadow:-3px 0 #ff0844,3px 0 #00e5ff}to{opacity:1;transform:none}}.sfx-title{text-transform:uppercase;letter-spacing:.08em;text-shadow:2px 2px #ff0044b3,4px 4px #8b00ffb3;font-family:Iceland,sans-serif}.sfx-rgb:hover{animation:.35s steps(2,end) 2 sfx-rgb}@keyframes sfx-rgb{0%{text-shadow:-2px 0 #ff0844,2px 0 #00e5ff}50%{text-shadow:2px 0 #ff0844,-2px 0 #00e5ff}to{text-shadow:none}}.sfx-node{color:#fff;background:#050505;border:2px solid #ffffff8c;border-radius:9999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-family:Iceland,sans-serif;font-size:1.25rem;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.sfx-node:hover{border-color:#00e5ff;transform:scale(1.12)}.sfx-node--done{background:#ff0844;border-color:#fff;box-shadow:0 0 12px #ff0844cc}.sfx-node--active{border-color:#00e5ff;transform:scale(1.15);box-shadow:0 0 14px #00e5ffcc}.sfx-pulse:before,.sfx-pulse:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:2px solid #00e5ff;animation:2.2s ease-out infinite sfx-pulse;position:absolute;inset:-2px}.sfx-pulse:after{border-color:#ff0844;animation-delay:1.1s}@keyframes sfx-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.sfx-pulse-rect:before,.sfx-pulse-rect:after{border-radius:0;animation-name:sfx-pulse-rect}@keyframes sfx-pulse-rect{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}.sfx-burst{color:#000;text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(0% 15%,8% 0%,18% 12%,30% 0%,42% 12%,55% 0%,67% 12%,80% 0%,91% 12%,100% 5%,96% 50%,100% 92%,90% 100%,78% 88%,65% 100%,52% 88%,40% 100%,27% 88%,15% 100%,5% 88%,0% 95%,4% 50%);background:#facc15;padding:.35rem 1rem;font-family:Iceland,sans-serif;font-size:.9rem;font-weight:700;display:inline-block;transform:rotate(-3deg)}.sfx-burst--red{color:#fff;background:#ff0844}.sfx-drop{transform-origin:50% 0;animation:1.6s cubic-bezier(.25,.8,.3,1) both sfx-swing-in}@keyframes sfx-swing-in{0%{opacity:0;transform:translateY(-140%)rotate(0)}25%{opacity:1;transform:translateY(0)rotate(-9deg)}45%{transform:rotate(6deg)}65%{transform:rotate(-3deg)}82%{transform:rotate(1.5deg)}to{transform:rotate(0)}}.sfx-drop--snip{animation:.75s cubic-bezier(.5,0,1,.6) forwards sfx-snip}@keyframes sfx-snip{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(14deg)}}.sfx-strand{background:linear-gradient(#fff0,#ffffffe6);width:2px;height:28px;transition:opacity .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 0 6px #00e5ffb3}.sfx-drop--snip .sfx-strand{opacity:0}@media (prefers-reduced-motion:reduce){.sfx-panel,.sfx-drop,.sfx-rgb:hover,.sfx-pulse:before,.sfx-pulse:after{animation:none}.sfx-drop--snip{animation:none;display:none}}