.wheel-wrap{justify-content:center;align-items:center;padding:30px 10px 10px;display:flex;position:absolute;inset:0}.wheel{flex:none;position:relative}.wheel__shadow{box-shadow:0 10px 26px hsl(var(--shade) / .38), 0 2px 6px hsl(var(--shade) / .22);border-radius:50%;position:absolute;inset:1.5%}.wheel__rotor{touch-action:none;cursor:grab;border-radius:50%;position:absolute;inset:0}.wheel__rotor.is-dragging{cursor:grabbing}.wheel__rotor.is-spinning{will-change:transform;cursor:default}.wheel__rotor svg{width:100%;height:100%;display:block;overflow:visible}.wheel-rim{fill:hsl(var(--ink))}.wheel-rim-line{fill:none;stroke:hsl(var(--card) / .16);stroke-width:.8px}.wheel-pin{fill:hsl(var(--gold));stroke:#00000059;stroke-width:.5px}.wheel-base{fill:hsl(var(--card))}.wheel-empty{fill:hsl(var(--muted))}.wheel-empty-text{fill:hsl(var(--muted-foreground));font-size:9px;font-weight:700}.wheel-slice path{stroke:hsl(var(--pip) / .28);stroke-width:.5px;stroke-linejoin:round;transition:opacity .22s}.wheel-slice text{fill:hsl(var(--seg-ink));pointer-events:none;font-weight:800;transition:opacity .22s}.wheel-slice text.wheel-num{font-family:Fredoka Variable,Noto Sans KR Variable,system-ui,sans-serif;font-weight:600}.wheel-slice[data-c="1"] path{fill:hsl(var(--seg-1))}.wheel-slice[data-c="2"] path{fill:hsl(var(--seg-2))}.wheel-slice[data-c="3"] path{fill:hsl(var(--seg-3))}.wheel-slice[data-c="4"] path{fill:hsl(var(--seg-4))}.wheel-slice[data-c="5"] path{fill:hsl(var(--seg-5))}.wheel-slice[data-c="6"] path{fill:hsl(var(--seg-6))}.wheel-slice[data-c="7"] path{fill:hsl(var(--seg-7))}.wheel-slice[data-c="8"] path{fill:hsl(var(--seg-8))}.wheel.has-winner .wheel-slice:not(.is-winner) path,.wheel.has-winner .wheel-slice:not(.is-winner) text{opacity:.3}.wheel-slice.is-winner path{stroke:hsl(var(--gold));stroke-width:2.2px}.wheel__pointer{pointer-events:none;filter:drop-shadow(0 2px 2px #0000004d);position:absolute;left:50%;overflow:visible}.wheel__flap{fill:hsl(var(--ink));stroke:hsl(var(--card));stroke-width:1.4px;stroke-linejoin:round}.wheel__hinge{fill:hsl(var(--gold));stroke:hsl(var(--ink));stroke-width:1.4px}.wheel__hinge-dot{fill:hsl(var(--ink))}.wheel__hub{background:hsl(var(--ink));color:hsl(var(--ink-foreground));letter-spacing:-.02em;box-shadow:0 0 0 4px hsl(var(--card)), 0 6px 14px hsl(var(--shade) / .45);border-radius:50%;place-items:center;font-weight:900;line-height:1.1;transition:transform .12s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel__hub:active{transform:translate(-50%,-50%)scale(.95)}.wheel__hub:focus-visible{outline:3px solid hsl(var(--ring));outline-offset:4px}@media (prefers-reduced-motion:reduce){.wheel-slice path,.wheel-slice text,.wheel__hub{transition:none}}.fidget-wrap{place-items:center;display:grid;position:absolute;inset:0}.fidget{touch-action:none;cursor:grab;border-radius:50%;position:relative}.fidget.is-dragging{cursor:grabbing}.fidget__shadow{background:radial-gradient(closest-side, hsl(var(--shade) / .32), transparent);border-radius:50%;position:absolute;inset:30% 12% 2%}.fidget svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fidget__rotor{position:absolute;inset:0}.fidget__rotor.is-spinning{will-change:transform}.fidget-blur{fill:none;stroke:hsl(var(--primary))}.fidget-body{fill:hsl(var(--primary));stroke:#00000029;stroke-width:1.2px;stroke-linejoin:round}.fidget-shine{fill:#ffffff1f}.fidget-cap{fill:hsl(var(--die));stroke:hsl(var(--die-edge));stroke-width:2px}.fidget-pip{fill:hsl(var(--pip))}.fidget-pip--red{fill:hsl(var(--pip-red))}.fidget-bearing{fill:hsl(var(--die-edge))}.fidget-bearing__ring{fill:hsl(var(--die))}.fidget-bearing__core{fill:hsl(var(--pip))}.fidget-bearing__shine{fill:#ffffff59}