@layer utilities{.wheel-center{width:var(--wheel-center-size,5rem);height:var(--wheel-center-size,5rem);font-size:calc(var(--wheel-center-size,1rem) * .24)}.wheel-triangle{top:calc(var(--wheel-center-size,80px) * -.4);border-left:calc(var(--wheel-center-size,80px) * .24) solid transparent;border-right:calc(var(--wheel-center-size,80px) * .24) solid transparent;border-bottom:calc(var(--wheel-center-size,80px) * .6) solid var(--color-coral);transform-origin:50% 100%;filter:drop-shadow(0 0 1px #00000040)drop-shadow(0 -2px 4px #00000047);width:0;height:0}.wheel-hub{background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--color-coral), white 25%) 0%, var(--color-coral) 45%, var(--color-coral-deep) 100%);box-shadow:0 0 0 calc(var(--wheel-center-size,80px) * .06) #fff, 0 6px 16px -2px color-mix(in srgb, var(--color-coral-deep) 55%, transparent), inset 0 -4px 8px #00000026, inset 0 3px 6px #ffffff73}.wheel-bezel{background:radial-gradient(circle at 30% 20%, #ffffff73, transparent 45%), conic-gradient(from 200deg, var(--color-coral), var(--color-tangerine), var(--color-sunny), var(--color-tangerine), var(--color-coral));box-shadow:0 18px 40px -12px color-mix(in srgb, var(--color-coral-deep) 45%, transparent), 0 4px 10px #00000014, inset 0 0 0 2px #ffffff80, inset 0 -6px 14px #0000001f}.wheel-gloss{background:radial-gradient(70% 45% at 35% 18%,#ffffff61,#0000 70%),radial-gradient(circle,#0000 62%,#0000001a 100%)}.wheel-bulb{--bulb-on:#fffbe6;--bulb-off:#ffe2a8;background:var(--bulb-off);width:2.4%;height:2.4%;animation:1.6s step-end infinite bulb-blink;animation-delay:calc(mod(var(--bulb-index), 2) * -.8s);border-radius:9999px;position:absolute;top:1.55%;left:50%;translate:-50%;box-shadow:inset 0 -1px 2px #00000026}[data-state=spinning] .wheel-bulb{animation:.6s linear infinite bulb-chase;animation-delay:calc(var(--bulb-index) * -.025s)}[data-state=won] .wheel-bulb{animation:.22s step-end infinite bulb-blink}.wheel-segment-text{font-size:var(--wheel-font-size,16px);max-width:32%;margin-top:17%;transform:rotate(90deg)}.wheel-shadow{box-shadow:0 5px var(--wheel-shadow-blur,5px) var(--wheel-shadow-color,#0000004d)}.wheel-border{border-width:var(--wheel-border-width,3px);border-style:solid;border-color:var(--wheel-border-color,#e74c3c)}.wheel-segments{background:var(--wheel-segments-gradient)}.wheel-rim-text{display:none}.wheel-bg{background-color:var(--wheel-bg-color,#fff)}.wheel-container{aspect-ratio:1}.wheel-transform-origin-center{transform-origin:50%}.wheel-cursor-default{cursor:default}.wheel-cursor-pointer{cursor:pointer}}@keyframes bulb-blink{0%{background:var(--bulb-on);box-shadow:0 0 6px 2px color-mix(in srgb, var(--color-sunny) 95%, transparent), 0 0 14px 4px #fff9}50%{background:var(--bulb-off);box-shadow:inset 0 -1px 2px #00000026}}@keyframes bulb-chase{0%,30%{background:var(--bulb-on);box-shadow:0 0 6px 2px color-mix(in srgb, var(--color-sunny) 95%, transparent), 0 0 14px 4px #fff9}31%,to{background:var(--bulb-off);box-shadow:inset 0 -1px 2px #00000026}}@property --halo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.wheel-halo .wheel-segment-text{max-width:25%;font-size:calc(var(--wheel-font-size,16px) * .86);letter-spacing:.01em;color:var(--lightningcss-light,color-mix(in oklab, var(--slice-color) 50%, black))var(--lightningcss-dark,color-mix(in oklab, var(--slice-color) 78%, white));margin-top:12%;font-weight:600;transition:color .45s}.wheel-halo [data-lit] .wheel-segment-text{color:var(--color-ink);transition-duration:40ms}.halo-track{fill:none;stroke:var(--lightningcss-light,#e3e8da)var(--lightningcss-dark,#0b0d10)}.halo-slice{fill:var(--lightningcss-light,color-mix(in oklab, var(--slice-color) 20%, white))var(--lightningcss-dark,color-mix(in oklab, var(--slice-color) 12%, #0e1013));stroke:var(--page);stroke-width:1.4px;stroke-linejoin:round;transition:fill .45s,filter .45s}.halo-slice[data-lit]{fill:var(--slice-color);filter:drop-shadow(0 0 5px var(--slice-color));transition-duration:40ms}.halo-sheen{background:linear-gradient(160deg,#ffffff1f,#0000 38%);box-shadow:inset 0 0 0 1px #ffffff0f;-webkit-mask:radial-gradient(circle closest-side,#0000 40.3%,#000 40.6%);mask:radial-gradient(circle closest-side,#0000 40.3%,#000 40.6%)}.halo-aurora{z-index:-1;background:conic-gradient(from var(--halo-angle), var(--color-coral), var(--color-tangerine), var(--color-lagoon), var(--color-bubblegum), var(--color-coral));filter:blur(56px);opacity:.3;border-radius:9999px;transition:opacity .8s;animation:16s linear infinite halo-sweep;position:absolute;inset:6%}.halo-aurora[data-state=spinning]{opacity:.6}.halo-ticks{background:repeating-conic-gradient(from -.5deg, color-mix(in srgb, var(--fg) 55%, transparent) 0 1deg, transparent 1deg 30deg), repeating-conic-gradient(from -.25deg, color-mix(in srgb, var(--fg) 18%, transparent) 0 .5deg, transparent .5deg 6deg);border-radius:9999px;position:absolute;inset:2.4%;-webkit-mask:radial-gradient(circle closest-side,#0000 95%,#000 95.5%);mask:radial-gradient(circle closest-side,#0000 95%,#000 95.5%)}.halo-pointer{z-index:6;transform-origin:50% 0;background:linear-gradient(to bottom, white, var(--color-coral) 35%);width:1.8%;height:8.5%;box-shadow:0 0 10px 1px var(--color-coral), 0 0 28px 2px color-mix(in srgb, var(--color-coral) 55%, transparent);border-radius:9999px;position:absolute;top:1.6%;left:50%;translate:-50%}.halo-center{text-align:center;width:100%;height:100%;color:var(--fg);background:radial-gradient(circle at 50% 28%,var(--lightningcss-light,#fff)var(--lightningcss-dark,#1f232a),var(--lightningcss-light,#eef2e8)var(--lightningcss-dark,#0b0c0f) 72%);border-radius:9999px;justify-content:center;align-items:center;padding:14%;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px var(--lightningcss-light,#0f121014)var(--lightningcss-dark,#ffffff0d),0 24px 60px -24px var(--lightningcss-light,#0f121059)var(--lightningcss-dark,#000)}.halo-center:before{content:"";border-radius:inherit;background:conic-gradient(from var(--halo-angle), transparent 0 60%, var(--color-coral) 85%, var(--color-tangerine) 96%, transparent);padding:1.5px;animation:3.2s linear infinite halo-sweep;position:absolute;inset:-1.5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.halo-center[data-state=spinning]:before{animation-duration:.7s}.halo-spin-label{font-size:max(14px, calc(var(--wheel-container-size,400px) * .056));letter-spacing:.2em;text-transform:uppercase;color:var(--lightningcss-light,var(--color-coral-deep))var(--lightningcss-dark,var(--color-coral));text-shadow:0 0 22px color-mix(in srgb, var(--color-coral) 65%, transparent);padding-left:.2em;font-weight:700;line-height:1}.halo-eyebrow{font-size:max(8px, calc(var(--wheel-container-size,400px) * .017));letter-spacing:.24em;text-transform:uppercase;color:color-mix(in srgb, var(--fg) 45%, transparent);font-weight:600}.halo-ticker{max-width:100%;font-size:max(12px, calc(var(--wheel-container-size,400px) * .042));white-space:nowrap;text-overflow:ellipsis;color:var(--lightningcss-light,color-mix(in oklab, var(--ticker-color) 50%, black))var(--lightningcss-dark,var(--ticker-color));text-shadow:0 0 18px color-mix(in srgb, var(--ticker-color) 60%, transparent);font-weight:700;line-height:1.15;overflow:hidden}@keyframes halo-sweep{to{--halo-angle:360deg}}.wheel-pizza .wheel-bezel{background:radial-gradient(circle,#00000059 0 1px,#0000 1.4px) 0 0/9px 9px,radial-gradient(circle,#3b3b40 0 90%,#5a5a60 94.5%,#26262a 97.5%,#48484d 100%);box-shadow:0 24px 44px -16px #0000008c,inset 0 2px 3px #ffffff40,inset 0 -3px 6px #0006}.wheel-pizza .wheel-border{border:0}.wheel-pizza .wheel-bg{background:0 0}.wheel-pizza .wheel-shadow{box-shadow:0 6px 14px #00000073}.wheel-pizza .wheel-segment-text{letter-spacing:.01em;background:#fffdf7f0;border-radius:.4em;padding:.12em .55em .08em;font-weight:800;box-shadow:0 1px 3px #3c140066,0 0 0 1px #3c140014}.wheel-pizza .wheel-gloss{background:radial-gradient(60% 40% at 35% 22%,#ffffff29,#0000 70%)}.wheel-pizza .wheel-hub{color:#b8261b;box-shadow:0 0 0 calc(var(--wheel-center-size,80px) * .045) #e4dfd2, 0 6px 14px -2px #00000073, inset 0 -3px 6px #0000001f;background:radial-gradient(circle at 38% 32%,#fff,#f2efe7 55%,#d6d1c4 100%)}