.wheelFortune{width:min(343px,90vw);margin:0 auto;position:relative}.wheelFortune__wheel{aspect-ratio:1;border:8px solid var(--border);width:100%;box-shadow:0 0 24px color-mix(in oklch,var(--primary)18%,transparent),0 8px 24px color-mix(in oklch,var(--foreground)12%,transparent);background:var(--card);border-radius:50%;position:relative;overflow:hidden}.wheelFortune__wheel:before{content:"";border:4px solid color-mix(in oklch,var(--foreground)8%,transparent);z-index:2;pointer-events:none;border-radius:50%;position:absolute;inset:5px}.wheelFortune__inner{width:100%;height:100%;transition:transform 6s cubic-bezier(0,.99,.44,.99);position:relative;box-shadow:inset 0 0 40px #00000038;container-type:size}.wheelFortune__labels{pointer-events:none;position:absolute;inset:0}.wheelFortune__label{transform-origin:50%;z-index:4;pointer-events:none;position:absolute;top:50%;left:50%}.wheelFortune__label-inner{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform-origin:50%;border:1px solid;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:52px;max-width:88px;padding:5px 9px;display:flex;box-shadow:0 4px 14px #00000047,inset 0 1px #ffffff1f}.wheelFortune__label-text{text-align:center;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;width:100%;font-size:clamp(10px,2.7vw,12px);font-style:oblique;font-weight:800;line-height:1.2;display:block;overflow:hidden}.wheelFortune__segment-icon{filter:drop-shadow(0 1px 2px #00000059);flex-shrink:0;width:clamp(12px,3.2vw,15px);height:clamp(12px,3.2vw,15px)}.wheelFortune__spin{border:2px solid color-mix(in oklch,var(--primary)45%,var(--border));width:72px;height:72px;box-shadow:0 4px 16px color-mix(in oklch,var(--primary)25%,transparent),inset 0 1px 0 color-mix(in oklch,var(--foreground)12%,transparent);z-index:10;background:var(--card);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:-36px 0 0 -36px;padding:0;display:flex;position:absolute;top:50%;left:50%}.wheelFortune__spin:disabled{cursor:not-allowed;opacity:.65}.wheelFortune__spin:before{content:"";border-style:solid;border-width:0 18px 26px;border-color:transparent transparent var(--primary)transparent;pointer-events:none;width:0;height:0;filter:drop-shadow(0 2px 4px color-mix(in oklch,var(--primary)35%,transparent));position:absolute;top:-14px;left:16px}.wheelFortune__spin-label{color:var(--primary);z-index:2;font-size:15px;font-weight:800;line-height:1;position:relative}.wheelFortune__spin-cost{color:var(--muted-foreground);z-index:2;font-size:9px;font-weight:600;line-height:1;position:relative}.wheelFortune__spin:active:not(:disabled) .wheelFortune__innerSpin{box-shadow:color-mix(in oklch,var(--primary)40%,transparent)0 0 8px inset}.wheelFortune__spin:active:not(:disabled) .wheelFortune__spin-label{transform:scale(.94)}.wheelFortune__innerSpin{z-index:1;width:56px;height:56px;box-shadow:color-mix(in oklch,var(--foreground)8%,transparent)0 -2px 0 inset,color-mix(in oklch,var(--foreground)8%,transparent)0 2px 0 inset,0 0 12px color-mix(in oklch,var(--primary)20%,transparent);background:radial-gradient(ellipse at center,color-mix(in oklch,var(--card)95%,var(--primary))0%,var(--secondary)100%);pointer-events:none;border-radius:50%;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}.wheelFortune__shine{background:radial-gradient(circle at 32% 28%,#ffffff2e 0%,transparent 42%),radial-gradient(circle at center,transparent 52%,color-mix(in oklch,var(--background)35%,transparent)100%);opacity:.9;pointer-events:none;z-index:3;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}@supports (color:lab(0% 0 0)){.wheelFortune__shine{background:radial-gradient(circle at 32% 28%,lab(100% 0 0/.18) 0%,transparent 42%),radial-gradient(circle at center,transparent 52%,color-mix(in oklch,var(--background)35%,transparent)100%)}}.wheelFortune__result{z-index:20;cursor:pointer;background:radial-gradient(circle at center,color-mix(in oklch,var(--background)72%,transparent)0%,color-mix(in oklch,var(--background)88%,transparent)100%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;justify-content:center;align-items:center;padding:0;animation:.35s ease-out both wheelResultReveal;display:flex;position:absolute;inset:0}.wheelFortune__result-burst{border:2px solid color-mix(in oklch,var(--primary)55%,transparent);pointer-events:none;border-radius:50%;animation:1.2s ease-out 2 wheelResultGlow;position:absolute;inset:18%}.wheelFortune__result-card{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 12px;animation:.55s cubic-bezier(.34,1.56,.64,1) both wheelResultPop;display:flex;position:relative}.wheelFortune__result-icon{width:36px;height:36px;color:var(--primary);animation:.65s cubic-bezier(.34,1.2,.64,1) both wheelResultIconSpin}.wheelFortune__result-kicker{color:var(--muted-foreground);letter-spacing:.02em;margin:0;font-size:12px;font-weight:600}.wheelFortune__result-label{color:var(--foreground);text-shadow:0 0 20px color-mix(in oklch,var(--primary)45%,transparent);margin:0;font-size:clamp(1.1rem,4.5vw,1.35rem);font-weight:800;line-height:1.2}.wheelFortune__particle{--particle-angle:calc(var(--particle-i)*45deg);background:var(--primary);opacity:0;width:7px;height:7px;animation:.9s ease-out both wheelResultParticle;animation-delay:calc(var(--particle-i)*40ms);transform:rotate(var(--particle-angle))translateY(0);border-radius:2px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%}@keyframes wheelResultReveal{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes wheelResultPop{0%{opacity:0;transform:scale(0)}65%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes wheelResultIconSpin{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes wheelResultGlow{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.15)}}@keyframes wheelResultParticle{0%{opacity:1;transform:rotate(var(--particle-angle))translateY(0)scale(1)}to{opacity:0;transform:rotate(var(--particle-angle))translateY(-72px)scale(.2)}}