.gc{--px:0;--py:0;--gc-accent:var(--accent);min-height:220px;padding:var(--space-5);isolation:isolate;border-radius:var(--radius-xl);color:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent), 0 10px 28px #00000052;transition:transform .25s var(--ease-out), box-shadow .25s;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#1f5a3a,#12402a 55%,#0e3121);flex-direction:column;justify-content:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden}.gc:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent), 0 16px 36px #00000061, 0 0 40px color-mix(in srgb, var(--accent) 22%, transparent);transform:translateY(-3px)}.gc:active{transform:scale(.985)}.gc>span{pointer-events:none}.gc-bg{z-index:-3;background:var(--gc-bg) center / cover no-repeat;filter:saturate(1.1);transform:translate3d(calc(var(--px) * -6px), calc(var(--py) * -4px), 0) scale(1.04);transition:transform .4s var(--ease-out);position:absolute;inset:-8px}@media (max-width:600px){.gc-bg{background-image:var(--gc-bg-s,var(--gc-bg))}}.gc:after{content:"";z-index:-2;background:linear-gradient(180deg, transparent 38%, #0828189e 72%, #061e12db 100%), radial-gradient(90% 70% at 85% 10%, color-mix(in srgb, var(--gc-accent) 26%, transparent), transparent 70%);position:absolute;inset:0}.gc-glow{z-index:-1;aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--gc-accent) 45%, transparent), transparent 66%);opacity:.55;border-radius:50%;width:62%;animation:3.6s ease-in-out infinite gc-breathe;position:absolute;top:2%;right:4%}.gc-sweep{z-index:2;background:linear-gradient(105deg,#0000 42%,#ffffff29 50%,#0000 58%);animation:6.5s ease-in-out infinite gc-sweep;position:absolute;inset:-40% -60%;transform:translate(-60%)}.gc-sparks{width:55%;height:62%;position:absolute;top:0;right:0}.gc-sparks i{opacity:0;background:#fff6c9;border-radius:50%;width:4px;height:4px;animation:4.2s linear infinite gc-spark;position:absolute;bottom:0;box-shadow:0 0 8px #ffd96b}.gc-sparks i:first-child{left:12%}.gc-sparks i:nth-child(2){animation-delay:1.1s;left:40%}.gc-sparks i:nth-child(3){box-shadow:0 0 8px var(--accent);background:#c9ffe0;animation-delay:2.2s;left:66%}.gc-sparks i:nth-child(4){animation-delay:3.1s;left:88%}.gc-stage{width:46%;height:58%;transform:translate3d(calc(var(--px) * 10px), calc(var(--py) * 7px), 0);transition:transform .35s var(--ease-out);position:absolute;top:6%;right:4%}.gc-hero-wrap{place-items:center;display:grid;position:absolute;inset:0}.gc-hero{object-fit:contain;filter:drop-shadow(0 12px 22px #00000073)brightness(1.08)saturate(1.15);-webkit-user-select:none;user-select:none;width:min(100%,150px);height:auto;max-height:100%}.gc-burst{aspect-ratio:1;border:3px solid color-mix(in srgb, var(--gc-accent) 80%, #fff);opacity:0;border-radius:50%;width:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4)}.gc.is-tap .gc-hero{animation:.5s cubic-bezier(.3,1.6,.5,1) gc-tap}.gc.is-tap .gc-burst{animation:.5s ease-out gc-burst}.gc-text{z-index:3;text-shadow:0 1px 10px #00000073;flex-direction:column;gap:2px;max-width:100%;display:flex;position:relative}.gc-text b{font-size:var(--step-3);letter-spacing:-.02em}.gc-text small{color:#ffffffd1;font-size:var(--step-0)}.gc-crash{--gc-accent:#4dff9a}.gc-crash .gc-stage{width:58%;right:2%}.gc-crash-clip{width:100%;height:80%;animation:3.4s ease-in infinite gc-crash-clip;position:absolute;bottom:10%;left:0;overflow:hidden}.gc-crash-inner{animation:3.4s ease-in infinite gc-crash-inner;position:absolute;inset:0}.gc-crash-curve{width:100%;height:calc(100% - 12px);position:absolute;inset:6px 0;overflow:visible}.gc-crash-curve path{fill:none;stroke:#6dffb0;stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke}.gc-crash-curve .gc-crash-glow{stroke:#3dff8f;stroke-width:10px;opacity:.28}.gc-crash .gc-hero-wrap{animation:3.4s ease-in infinite gc-crash-fly}.gc-crash .gc-hero{width:min(62%,120px)}.gc-mines{--gc-accent:#ff5d6c}.gc-mines .gc-hero-wrap{animation:4s ease-in-out infinite gc-flip}.gc-plinko .gc-hero-wrap{animation:2.8s cubic-bezier(.5,0,.5,1) infinite gc-plinko}.gc-plinko .gc-hero{width:min(42%,72px)}.gc-pegs{grid-template-columns:repeat(4,1fr);place-items:center;display:grid;position:absolute;inset:20% 6% 6%}.gc-pegs i{width:7px;height:7px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 70%, transparent);background:radial-gradient(circle at 35% 30%,#fff,#b8ffd8 50%,#3bbf78);border-radius:50%}.gc-pegs i:nth-child(n+5):nth-child(-n+7){transform:translate(50%)}.gc-tower{--gc-accent:#ffd36b}.gc-tower .gc-hero-wrap{animation:3.2s ease-in-out infinite gc-float}.gc-hilo{--gc-accent:#ffd36b}.gc-hilo .gc-hero-wrap{animation:3.6s cubic-bezier(.3,.8,.3,1) infinite gc-deal}.gc-penalty .gc-hero-wrap{animation:3.8s ease-in-out infinite gc-keeper}.gc-pen-ball{width:26%;max-width:44px;animation:3.8s ease-in infinite gc-pen-shot;position:absolute;bottom:0;left:4%}.gc-pen-ball img{filter:drop-shadow(0 6px 10px #00000073);width:100%;height:auto;display:block}.gc-wheel{--gc-accent:#ffd36b}.gc-wheel .gc-hero-wrap{animation:2.6s linear infinite gc-coin}.gc-ring{border:3px solid color-mix(in srgb, var(--accent) 70%, #fff);width:78%;height:22%;box-shadow:0 0 18px var(--accent);border-radius:50%;animation:2.6s ease-in-out infinite gc-ring;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.gc-upgrade{--gc-accent:#53f481}.gc-upgrade .gc-hero-wrap{animation:2.8s ease-in-out infinite gc-upg-rise}.gc-upg{gap:4px;display:grid;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.gc-upg i{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 90%, #fff), color-mix(in srgb, var(--accent) 40%, transparent));clip-path:polygon(0 100%,50% 0,100% 100%,80% 100%,50% 38%,20% 100%);opacity:0;width:64px;height:22px;animation:1.8s ease-out infinite gc-upg-chev;display:block}.gc-upg i:nth-child(2){animation-delay:.3s}.gc-upg i:nth-child(3){animation-delay:.6s}@keyframes gc-upg-rise{0%,to{transform:translateY(4px)scale(.96)}50%{transform:translateY(-8px)scale(1.04)}}@keyframes gc-upg-chev{0%{opacity:0;transform:translateY(14px)}35%{opacity:1}to{opacity:0;transform:translateY(-26px)}}.gc-packs{--gc-accent:#ffd36b}.gc-pk{aspect-ratio:3/4;z-index:0;width:34%;position:absolute;top:18%;left:50%;transform:translate(-50%)}.gc-pk i{background:linear-gradient(160deg, #fff6d6, var(--c) 45%, color-mix(in srgb, var(--c) 45%, #000));box-shadow:0 0 16px color-mix(in srgb, var(--c) 70%, transparent), inset 0 0 0 2px #fff6;opacity:0;border-radius:12%;animation:3.6s cubic-bezier(.2,1.1,.4,1) infinite gc-pk-fly;position:absolute;inset:0}.gc-pk i:first-child{--c:#ffd36b;--r:-18deg;--x:-46%}.gc-pk i:nth-child(2){--c:#3ddc84;--r:0deg;--x:0%;animation-delay:.35s}.gc-pk i:nth-child(3){--c:#c792ff;--r:18deg;--x:46%;animation-delay:.7s}@keyframes gc-pk-fly{0%{opacity:0;transform:translateY(40%)scale(.6)rotate(0)}18%,70%{opacity:1;transform:translate(var(--x), -6%) scale(1) rotate(var(--r))}85%,to{opacity:0;transform:translate(var(--x), -16%) scale(.9) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){.gc-pk i{opacity:1;transform:translate(var(--x), -6%) rotate(var(--r));animation:none}}.gc-evolution{--gc-accent:#7dffb0}.gc-evolution .gc-hero-wrap{animation:3.2s cubic-bezier(.3,.8,.3,1) infinite gc-evo}@keyframes gc-evo{0%,to{filter:brightness();transform:translateY(2px)scale(.95)}42%{filter:brightness(1.1);transform:translateY(-4px)scale(.99)rotate(-1.5deg)}52%{filter:brightness(1.7) drop-shadow(0 0 18px var(--accent));transform:translateY(-10px)scale(1.08)}70%{filter:brightness(1.15);transform:translateY(-6px)scale(1.03)}}.gc-scratch{--gc-accent:#3ddc84}.gc-sc{z-index:2;pointer-events:none;border-radius:14px;position:absolute;inset:12% 22% 24%;overflow:hidden}.gc-sc:before{content:"";background:linear-gradient(115deg,#0000 40%,#ffffff8c 48%,#3ddc8459 52%,#0000 60%);animation:3s ease-in-out infinite gc-sc-sweep;position:absolute;inset:-40% -60%}.gc-sc i{opacity:0;background:#fff;border-radius:50%;width:6px;height:6px;animation:3s ease-out infinite gc-sc-spark;position:absolute;box-shadow:0 0 10px #3ddc84}.gc-sc i:first-child{animation-delay:.9s;top:30%;left:28%}.gc-sc i:nth-child(2){animation-delay:1.2s;top:55%;left:52%}.gc-sc i:nth-child(3){animation-delay:1.5s;top:38%;left:72%}@keyframes gc-sc-sweep{0%{transform:translate(-45%)}55%,to{transform:translate(45%)}}@keyframes gc-sc-spark{0%{opacity:0;transform:scale(.3)}12%{opacity:1;transform:scale(1.2)}35%,to{opacity:0;transform:scale(.4)translateY(-10px)}}@media (prefers-reduced-motion:reduce){.gc-sc:before,.gc-sc i{animation:none}}.gc:not([data-live]) *,.gc:not([data-live]):after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.gc *,.gc{transition:none!important;animation:none!important}}.gc-wide .gc-stage{width:40%}@media (max-width:860px){.gc{min-height:176px;padding:var(--space-4)}.gc-text b{font-size:var(--step-1);overflow-wrap:anywhere;line-height:1.15}.gc-text small{font-size:12px;line-height:1.3}.gc-stage{width:70%;height:46%;top:4%;right:4%}.gc-hero{width:min(100%,84px)}.gc-crash .gc-hero{width:min(62%,64px)}}@keyframes gc-breathe{50%{opacity:.9;transform:scale(1.08)}}@keyframes gc-sweep{0%,55%{transform:translate(-60%)}85%,to{transform:translate(60%)}}@keyframes gc-spark{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1}to{opacity:0;transform:translateY(-110px)scale(1)}}@keyframes gc-tap{0%{transform:scale(1)}40%{transform:scale(1.22)rotate(-8deg)}to{transform:scale(1)rotate(0)}}@keyframes gc-burst{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes gc-crash-clip{0%{opacity:1;transform:translate(-100%)}78%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes gc-crash-inner{0%{transform:translate(100%)}78%,to{transform:translate(0)}}@keyframes gc-crash-fly{0%{opacity:0;transform:translate(-42%,34%)scale(.7)rotate(-20deg)}10%{opacity:1}78%{opacity:1;transform:translate(34%,-30%)scale(1.05)rotate(14deg)}88%{opacity:0;transform:translate(40%,-36%)scale(1.25)rotate(18deg)}to{opacity:0;transform:translate(-42%,34%)scale(.7)}}@keyframes gc-flip{0%,35%{transform:rotateY(0)rotate(-6deg)}50%{transform:rotateY(180deg)rotate(4deg)translateY(-6px)}65%,to{transform:rotateY(360deg)rotate(-6deg)}}@keyframes gc-plinko{0%{opacity:0;transform:translateY(-48%)}8%{opacity:1}25%{transform:translate(-14%,-18%)}45%{transform:translate(8%,8%)}65%{transform:translate(-6%,30%)}85%{opacity:1;transform:translate(10%,46%)}to{opacity:0;transform:translate(10%,52%)}}@keyframes gc-float{50%{transform:translateY(-8%)rotate(3deg)}}@keyframes gc-deal{0%{opacity:0;transform:translate(30%,10%)rotate(14deg)rotateY(90deg)}18%{opacity:1;transform:translate(0)rotate(-6deg)rotateY(0)}70%{opacity:1;transform:translateY(-4%)rotate(-3deg)rotateY(0)}85%,to{opacity:0;transform:translate(-30%,6%)rotate(-16deg)rotateY(-90deg)}}@keyframes gc-keeper{0%,to{transform:translate(-10%)}30%{transform:translate(10%)}55%{transform:translate(-4%)}68%{transform:translate(-26%,-6%)rotate(-28deg)}80%{transform:translate(-10%)}}@keyframes gc-pen-shot{0%,50%{opacity:1;transform:translate(0)scale(1)}68%{opacity:1;transform:translate(60%,-170%)scale(.6)}80%,to{opacity:0;transform:translate(60%,-170%)scale(.6)}}@keyframes gc-coin{0%{transform:rotateY(0)translateY(0)}50%{transform:rotateY(180deg)translateY(-6%)}to{transform:rotateY(360deg)translateY(0)}}@keyframes gc-ring{50%{opacity:.55;transform:translate(-50%)scale(1.08)}}.gc-slots{--gc-accent:#ffd25a}.gc-sl{z-index:0;grid-template-columns:repeat(3,1fr);gap:6%;display:grid;position:absolute;inset:4% -4% 10%}.gc-sl i{opacity:.9;background:repeating-linear-gradient(#ffd25a 0 14%,#0000 14% 33%,#3ddc84 33% 47%,#0000 47% 66%,#c792ff 66% 80%,#0000 80% 100%) 0 0/100% 70%,#050806b3;border-radius:14px;animation:3s cubic-bezier(.3,0,.2,1) infinite gc-sl-spin;box-shadow:inset 0 0 0 2px #ffffff38,0 0 18px #ffd25a59}.gc-sl i:nth-child(2){animation-delay:.15s}.gc-sl i:nth-child(3){animation-delay:.3s}@keyframes gc-sl-spin{0%{filter:brightness();background-position:0 0,0 0}55%{filter:brightness();background-position:0 280%,0 0}62%{filter:brightness(1.8)}to{filter:brightness();background-position:0 280%,0 0}}.gc-slots .gc-hero{filter:drop-shadow(0 0 14px #ffd25a99);width:min(62%,96px)}@media (prefers-reduced-motion:reduce){.gc-sl i{animation:none}}.gc-footgolf{--gc-accent:#7dffb0}.gc-fg{z-index:0;position:absolute;inset:0}.gc-fg-cup{background:radial-gradient(closest-side,#030504,#03050480 70%,#0000);border-radius:50%;width:34%;height:10%;position:absolute;bottom:4%;right:6%}.gc-fg-flag{background:linear-gradient(#fff,#cfd8d3);border-radius:2px;width:3px;height:62%;position:absolute;bottom:9%;right:22%}.gc-fg-flag:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);transform-origin:0;background:linear-gradient(#ff5d6c,#e0324a);width:40px;height:26px;animation:1.1s ease-in-out infinite gc-fg-wave;position:absolute;top:0;left:3px}@keyframes gc-fg-wave{50%{transform:scaleX(.75)skewY(7deg)}}.gc-footgolf .gc-hero{width:min(48%,74px)}.gc-footgolf .gc-hero-wrap{animation:3s cubic-bezier(.3,.1,.3,1) infinite gc-fg-shot}@keyframes gc-fg-shot{0%{opacity:1;transform:translate(-60%,40%)scale(1.1)rotate(0)}55%{opacity:1;transform:translateY(-30%)scale(.85)rotate(300deg)}80%{opacity:1;transform:translate(28%,34%)scale(.6)rotate(480deg)}88%,to{opacity:0;transform:translate(28%,40%)scale(.2)rotate(520deg)}}@media (prefers-reduced-motion:reduce){.gc-fg-flag:after,.gc-footgolf .gc-hero-wrap{animation:none}}.gc-goldenball{--gc-accent:#ffd25a}.gc-gb{z-index:0;position:absolute;inset:0;overflow:hidden}.gc-gb-beam{clip-path:polygon(40% 100%,60% 100%,100% 0,0 0);transform-origin:50% 100%;mix-blend-mode:screen;background:linear-gradient(#ffe28c00 20%,#ffe28c80);width:34%;height:130%;animation:4.2s ease-in-out infinite alternate gc-gb-sweep;position:absolute;bottom:-10%}.gc-gb-beam:first-child{--gc-from:-24deg;--gc-to:10deg;left:4%}.gc-gb-beam:nth-child(2){--gc-from:24deg;--gc-to:-10deg;animation-delay:-2.1s;right:4%}@keyframes gc-gb-sweep{0%{transform:rotate(var(--gc-from))}to{transform:rotate(var(--gc-to))}}.gc-gb-ball{aspect-ratio:1;background:radial-gradient(circle at 32% 28%,#ffffffd9,#0000 22%),conic-gradient(#ffe48a,#c9850f,#ffd45a,#8a5606,#ffe48a,#c9850f,#ffd45a);border-radius:50%;width:34%;animation:6s linear infinite gc-gb-spin;position:absolute;top:10%;right:8%;box-shadow:0 0 34px #ffc850a6,inset -8px -10px 18px #50280073}@keyframes gc-gb-spin{to{transform:rotate(360deg)}}.gc-goldenball .gc-hero{filter:drop-shadow(0 0 16px #ffd25a99);width:min(58%,92px)}@media (prefers-reduced-motion:reduce){.gc-gb-beam,.gc-gb-ball{animation:none}}.gc-footclash{--gc-accent:#6dffa3}.gc-footclash .gc-hero-wrap{animation:2.4s cubic-bezier(.5,0,.3,1) infinite gc-clash}.gc-footclash .gc-burst,.gc-pack_battle .gc-burst{animation:2.4s ease-out infinite gc-clash-ring}.gc-pack_battle{--gc-accent:#b48cff}.gc-pack_battle .gc-hero-wrap{animation:2.8s cubic-bezier(.5,0,.3,1) infinite gc-clash}.gc-pack_battle .gc-burst{animation-duration:2.8s}.gc-jackpot{--gc-accent:#ffd36b}.gc-jackpot .gc-hero-wrap{animation:2.2s ease-in-out infinite gc-jackpot}.gc-case_battle{--gc-accent:#ffcf5a}.gc-case_battle .gc-hero-wrap{animation:3.2s ease-in-out infinite gc-float}@keyframes gc-clash{0%,to{transform:scale(1)rotate(0)}42%{transform:scale(.94)rotate(-3deg)}50%{transform:scale(1.12)rotate(2deg)}60%{transform:scale(1)rotate(-1deg)}}@keyframes gc-clash-ring{0%,46%{opacity:0;transform:translate(-50%,-50%)scale(.4)}50%{opacity:.9}80%,to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes gc-jackpot{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-6%)scale(1.03)}45%{transform:translateY(0)scale(1.06,.95)}58%{transform:translateY(-2%)scale(1)}}
