.wheel{position:relative;width:min(100%,clamp(320px,100svh - 460px,520px));margin-top:18px}.wheel-disc{display:block;width:100%;padding:0;border:0;border-radius:50%;background:none;aspect-ratio:1;cursor:pointer;filter:drop-shadow(0 18px 24px color-mix(in srgb,var(--pk-ink) 22%,transparent))}.wheel-disc:disabled{cursor:not-allowed}.wheel-disc:focus-visible{outline:4px solid var(--pk-cobalt);outline-offset:8px}.wheel-disc svg{display:block;width:100%;height:100%;overflow:visible}.wheel-rim{fill:var(--pk-ink)}.wheel-bed{fill:var(--pk-paper)}.wheel-stud{fill:var(--pk-sun)}.wheel-slices{transform-box:view-box;transform-origin:50% 50%}.wheel-slice path{stroke:var(--pk-ink);transition:opacity .3s ease}.wheel-slice text{font-family:var(--pk-body);font-weight:700;fill:var(--pk-ink);transition:opacity .3s ease}.wheel-slice[data-tone="0"] path{fill:var(--pk-cobalt)}.wheel-slice[data-tone="0"] text{fill:var(--pk-on-ink)}.wheel-slice[data-tone="1"] path{fill:var(--pk-sun)}.wheel-slice[data-tone="2"] path{fill:var(--pk-paper)}.wheel-slice[data-tone="3"] path{fill:color-mix(in srgb,var(--pk-cobalt) 26%,var(--pk-paper))}.wheel-slices[data-won] .wheel-slice:not([data-winner]) path{opacity:.3}.wheel-slices[data-won] .wheel-slice:not([data-winner]) text{fill:var(--pk-ink);opacity:.55}.wheel-empty{fill:color-mix(in srgb,var(--pk-cobalt) 12%,var(--pk-paper))}.wheel-hub{fill:var(--pk-paper);stroke:var(--pk-ink);stroke-width:6}.wheel-pointer{position:absolute;z-index:1;top:-4.2%;left:45.8%;width:8.4%;aspect-ratio:48 / 60;transform-origin:50% 36%;filter:drop-shadow(0 4px 3px color-mix(in srgb,var(--pk-ink) 35%,transparent));pointer-events:none}.wheel-pointer svg{display:block;width:100%;height:100%}.wheel-pointer path{fill:var(--pk-ink);stroke:var(--pk-paper);stroke-width:3}.wheel-pointer circle{fill:var(--pk-sun)}.wheel-entries{min-height:248px}@media(prefers-reduced-motion:reduce){.wheel-slice path,.wheel-slice text{transition:none}}