:root{--fx-a:#fff1c2;--fx-b:#f3d28f;--fx-c:#e0a93c}.sfx{z-index:3;pointer-events:none;contain:layout style;position:absolute;inset:0}.sfx-lights{--d:5px;--p:15px;--in:-7px;--spd:2.4s;position:absolute}.sfx-lights[data-mode=spin]{--spd:.7s}.sfx-lights[data-mode=bonus]{--spd:.36s}.sfx-lights[data-mode=win]{--spd:.22s}.sfx-lights i{inset:var(--in);opacity:.25;animation:sfx-chase var(--spd) steps(1) infinite;animation-delay:calc(var(--spd) * var(--k) / -3);background-repeat:no-repeat;background-size:100% var(--d), 100% var(--d), var(--d) 100%, var(--d) 100%;background-position:calc(var(--k) * var(--d)) 0, calc(var(--k) * var(--d)) 100%, 0 calc(var(--k) * var(--d)), 100% calc(var(--k) * var(--d));background-image:repeating-linear-gradient(90deg, var(--c) 0 var(--d), transparent var(--d) var(--p)), repeating-linear-gradient(90deg, var(--c) 0 var(--d), transparent var(--d) var(--p)), repeating-linear-gradient(180deg, var(--c) 0 var(--d), transparent var(--d) var(--p)), repeating-linear-gradient(180deg, var(--c) 0 var(--d), transparent var(--d) var(--p));position:absolute}.sfx-lights i:first-child{--k:0;--c:var(--fx-a,#fff1c2)}.sfx-lights i:nth-child(2){--k:1;--c:var(--fx-b,#f3d28f)}.sfx-lights i:nth-child(3){--k:2;--c:var(--fx-c,#e0a93c)}@keyframes sfx-chase{0%,33.3%{opacity:1}33.4%,to{opacity:.22}}.sfx-lights[data-mode=win] i{animation:sfx-burst var(--spd) steps(1) infinite;animation-delay:0s}@keyframes sfx-burst{0%{opacity:1}50%{opacity:.35}}.sfx-flash{z-index:12;background:#fff6d8;animation:.45s steps(4,end) both sfx-flash;position:absolute;inset:0}@keyframes sfx-flash{0%{opacity:.8}to{opacity:0}}.sfx.is-phone .sfx-flash{animation-name:sfx-flash-lite}@keyframes sfx-flash-lite{0%{opacity:.5}to{opacity:0}}.sfx-shake-1{animation:.4s steps(8,end) sfx-shake-1}.sfx-shake-2{animation:.6s steps(10,end) sfx-shake-2}.sfx-shake-3{animation:.6s steps(10,end) 2 sfx-shake-3}@keyframes sfx-shake-1{0%,to{translate:0}20%{translate:-2px 1px}40%{translate:2px -1px}60%{translate:-2px}80%{translate:1px 1px}}@keyframes sfx-shake-2{0%,to{translate:0}20%{translate:-4px 2px}40%{translate:4px -2px}60%{translate:-3px -1px}80%{translate:3px 1px}}@keyframes sfx-shake-3{0%,to{translate:0}20%{translate:-6px 3px}40%{translate:6px -3px}60%{translate:-5px -2px}80%{translate:4px 2px}}.sfx-coins{z-index:11;width:0;height:0;position:absolute}.sfx-coin{opacity:0;width:24px;height:24px;animation:1.7s linear both sfx-coin-x;position:absolute;top:-12px;left:-12px}.sfx-coin i{image-rendering:pixelated;scale:var(--s);background:url(/art/pixel/fx/coin.png) 50%/24px 24px no-repeat;animation:1.7s linear both sfx-coin-y;position:absolute;inset:0}@keyframes sfx-coin-x{0%{opacity:1;translate:0}85%{opacity:1}to{opacity:0;translate:var(--dx) 0}}@keyframes sfx-coin-y{0%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)rotateY(0)}38%{transform:translateY(var(--up)) rotateY(calc(var(--rot) * .4));animation-timing-function:cubic-bezier(.5,0,.9,.6)}to{transform:translateY(var(--dn)) rotateY(var(--rot))}}.sfx-wait{z-index:4;position:absolute}.sfx-wait i{box-shadow:inset 0 0 0 3px var(--fx-a,#fff1c2), inset 0 0 0 6px color-mix(in srgb, var(--fx-b,#f3d28f) 55%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--fx-a,#fff1c2) 30%, transparent), transparent 35%, transparent 65%, color-mix(in srgb, var(--fx-a,#fff1c2) 30%, transparent));animation:.36s step-end infinite sfx-wait;position:absolute;inset:0}@keyframes sfx-wait{0%{opacity:1}50%{opacity:.45}}:where(.is-win-glow,.is-anticipate,.is-bloom){position:relative}.is-win-glow:after,.is-anticipate:after,.is-bloom:before{content:"";pointer-events:none;position:absolute}.is-win-glow:after{box-shadow:0 0 0 2px var(--fx-a,#fff1c2), 0 0 0 4px color-mix(in srgb, var(--fx-b,#f3d28f) 60%, transparent);animation:.5s step-end infinite sfx-glow;inset:-2px}@keyframes sfx-glow{0%{opacity:1}50%{opacity:.4}}.is-pulse{animation:1s steps(4,end) infinite sfx-pulse}@keyframes sfx-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.is-anticipate:after{box-shadow:inset 0 0 0 2px var(--fx-a,#fff1c2);animation:.3s step-end infinite sfx-glow;inset:-1px}.is-pop{animation:.45s steps(5,end) both sfx-pop}@keyframes sfx-pop{0%{transform:scale(.2)}55%{transform:scale(1.3)}80%{transform:scale(.94)}to{transform:scale(1)}}.is-bloom:before{border:3px solid var(--fx-a,#fff1c2);opacity:0;border-radius:0;animation:.6s steps(6,end) both sfx-bloom;inset:0}@keyframes sfx-bloom{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}@media (max-width:767px){.sfx-lights{--d:3px;--p:9px;--in:-5px}.is-win-glow:after{box-shadow:0 0 0 2px var(--fx-a,#fff1c2)}}@media (prefers-reduced-motion:reduce){.sfx-lights i{opacity:.75;animation:none}.sfx-shake-1,.sfx-shake-2,.sfx-shake-3,.sfx-flash,.sfx-coin,.sfx-coin i,.sfx-wait i,.is-win-glow:after,.is-anticipate:after,.is-pulse,.is-pop,.is-bloom:before{animation:none!important}.sfx-flash,.sfx-coins,.is-bloom:before{display:none}.sfx-wait i{opacity:1}}