@keyframes jackpot-idle-spin{0%{transform:translateY(0)}12%{transform:translateY(-11em)}to{transform:translateY(-11em)}}.jackpot-idle-reel{animation:6s linear infinite jackpot-idle-spin}@media (prefers-reduced-motion:reduce){.jackpot-idle-reel{animation:none}}
.jackpot-card{background-image:radial-gradient(90% 55% at 50% 0%, #ffffff1a 0%, transparent 100%), linear-gradient(180deg, var(--jackpot-card-top,color-mix(in srgb, var(--jackpot-tint,var(--jackpot-tint-default)) 55%, black)) 0%, var(--jackpot-card-bottom,color-mix(in srgb, var(--jackpot-tint,var(--jackpot-tint-default)) 18%, black)) 100%)}
.claw-card{background:#0b0820;border-color:#9b5aff59;box-shadow:0 10px 40px #781ec840}@media (min-width:992px){.claw-card{box-shadow:0 14px 50px #781ec840}}.claw-scrim{background:linear-gradient(90deg,#0b0820b3 0%,#0b082000 55%),linear-gradient(#0b082000 0%,#0b082033 100px,#0b0820 185px)}@media (min-width:992px){.claw-scrim{background:linear-gradient(90deg,#0b0820 0% 34%,#0b0820bf 48%,#0b082000 72%)}}.claw-pill{background:linear-gradient(#2a1446,#160b28);border-color:#d68cff52;box-shadow:inset 0 1px #ffffff14}.claw-pill[data-active]{background:linear-gradient(#7a297a,#4a1450);border-color:#f500a5}.claw-pill:hover{border-color:#f500a5}.claw-cta{background:linear-gradient(#d171d1 0%,#7a297a 100%);box-shadow:inset 0 1px #ffffff4d,0 6px 20px #d171d159}
.wheel-frame{container-type:inline-size}.wheel-card{background:linear-gradient(90deg,#1a2b5c 0%,#111c3e 45%,#0a1026 100%);border-color:#6e96ff59;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"wheel copy cta""timer timer timer";align-items:center;gap:12px;display:grid;box-shadow:0 10px 40px #00000059}@media (min-width:992px){.wheel-card{--wheel-card-height:calc((100cqw - 40px) / 6 * 5 / 8 + 18px);height:var(--wheel-card-height);grid-template-columns:calc(var(--wheel-card-height) - 24px) minmax(0, 1fr) auto auto;grid-template-areas:"wheel copy timer cta";column-gap:24px}}.wheel-card-label{color:#9db0da}.wheel-card-timer{border-top:1px solid #6e96ff59;grid-area:timer}@media (min-width:992px){.wheel-card-timer{border-top:0}}.wheel-card-digit{background:#ffffff12;border:1px solid #6e96ff73}.wheel-card-cta:after{content:"";position:absolute;inset:0}.wheel{aspect-ratio:1;width:100%;position:relative;container-type:inline-size}.wheel-rim{background:radial-gradient(circle,#5a1fc2 0 84%,#7b35e8 86% 96%,#4a1aa8 98%);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 9cqw #963cff8c,inset 0 0 0 .6cqw #ffffff1f}.wheel-spoke{width:0;height:0;position:absolute;top:50%;left:50%}.wheel-bulb{background:radial-gradient(circle at 35% 35%,#fff4c2,#f4be34 55%,#b8820f);border-radius:50%;width:4.2cqw;height:4.2cqw;position:absolute;top:-48.6cqw;left:-2.1cqw;box-shadow:0 0 2cqw #ffcd50bf}.wheel-disc{background:conic-gradient(#7b35e8 0deg 51.43deg,#4a1aa8 51.43deg 102.86deg,#7b35e8 102.86deg 154.29deg,#4a1aa8 154.29deg 205.71deg,#7b35e8 205.71deg 257.14deg,#4a1aa8 257.14deg 308.57deg,#e0179b 308.57deg 360deg);border-radius:50%;transition:transform 4.5s cubic-bezier(.15,.62,.08,1);position:absolute;inset:7.5%;overflow:hidden;box-shadow:inset 0 0 6cqw #14003c8c}.wheel-prize{text-align:center;letter-spacing:-.1cqw;text-transform:uppercase;text-shadow:0 .4cqw 1cqw #00000059;width:26cqw;font-size:4.6cqw;font-weight:900;line-height:1;position:absolute;top:-37cqw;left:-13cqw}.wheel-prize>div+div{margin-top:.6cqw;font-size:3.9cqw}.wheel-hub{background:radial-gradient(circle at 40% 35%,#3a1680,#1e0a48);border-radius:50%;width:21cqw;height:21cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.2cqw #5a1fc2,0 1cqw 4cqw #00000080}.wheel-pointer{filter:drop-shadow(0 .8cqw 1.5cqw #00000080);width:15cqw;height:14cqw;position:absolute;top:50%;right:-3cqw;transform:translateY(-50%)}.wheel-pointer:before{content:"";clip-path:polygon(0 50%,100% 0,100% 100%);background:linear-gradient(#ff4dc0,#c4087f);position:absolute;inset:0}.wheel-pointer:after{content:"";background:radial-gradient(circle at 35% 35%,#fff4c2,#f4be34 55%,#b8820f);border-radius:50%;width:3.6cqw;height:3.6cqw;margin-top:-1.8cqw;position:absolute;top:50%;right:3.2cqw}
.jackpot-hero{background-image:repeating-linear-gradient(-31deg, #ffffff08 0 3px, transparent 3px 34px), radial-gradient(75% 150% at 50% 50%, color-mix(in srgb, var(--jackpot-tint,var(--jackpot-tint-default)) 85%, transparent) 0%, color-mix(in srgb, var(--jackpot-tint,var(--jackpot-tint-default)) 35%, transparent) 45%, transparent 85%), linear-gradient(0deg, var(--surface-raised), var(--surface-raised))}
@keyframes month-pick-pop{0%,62%,to{transform:translateY(0)scale(1)}70%{transform:translateY(-8px)scale(1.07)}78%{transform:translateY(0)scale(.98)}86%{transform:translateY(-2px)scale(1.01)}}@keyframes month-pick-sheen{0%{transform:translate(-150%)skew(-20deg)}55%,to{transform:translate(350%)skew(-20deg)}}@keyframes month-pick-bolt{0%,58%,64%,to{opacity:0}60%,66%,70%{opacity:1}62%{opacity:.3}}@keyframes month-pick-flash{0%,58%,85%,to{opacity:0;transform:translate(-50%,-50%)scale(.6)}60%,66%{opacity:1;transform:translate(-50%,-50%)scale(1)}62%{opacity:.5;transform:translate(-50%,-50%)scale(.9)}72%{opacity:.6;transform:translate(-50%,-50%)scale(1.1)}}@keyframes month-pick-glow{0%,58%,64%,to{box-shadow:var(--month-pick-glow-rest);filter:brightness()}60%,66%,70%{box-shadow:var(--month-pick-glow-lit);filter:brightness(1.15)}62%{box-shadow:var(--month-pick-glow-rest);filter:brightness(1.05)}}.month-pick-art{transform-origin:50%;animation:6s cubic-bezier(.3,1.4,.5,1) infinite month-pick-pop}.month-pick-sheen{animation:3.5s ease-in-out infinite month-pick-sheen}.month-pick-bolt{opacity:0;filter:drop-shadow(0 0 6px var(--brand-primary-bright));animation:6s linear infinite month-pick-bolt}.month-pick-flash{opacity:0;background:radial-gradient(closest-side, color-mix(in srgb, var(--brand-primary-light) 80%, transparent), color-mix(in srgb, var(--brand-primary-bright) 55%, transparent) 30%, color-mix(in srgb, var(--brand-primary) 20%, transparent) 65%, transparent);animation:6s ease-out infinite month-pick-flash}.month-pick-play{--month-pick-glow-rest:0 0 8px 0 color-mix(in srgb, var(--brand-primary-bright) 35%, transparent);--month-pick-glow-lit:0 0 26px 5px color-mix(in srgb, var(--brand-primary-bright) 85%, transparent), 0 0 6px 1px color-mix(in srgb, var(--brand-primary-light) 70%, transparent);box-shadow:var(--month-pick-glow-rest);animation:6s linear infinite month-pick-glow}
