.wheel-wrapper.svelte-1mzhbkn{width:100%;max-width:500px;margin:0 auto;position:relative;aspect-ratio:1;min-height:280px;contain:inline-size}.wheel-placeholder.svelte-1mzhbkn{display:block;width:100%;height:auto;aspect-ratio:1;contain:strict;will-change:auto}canvas.svelte-1mzhbkn{display:block;margin:0 auto;width:100%;height:auto;aspect-ratio:1;transition:opacity .3s ease-in}canvas.clickable.svelte-1mzhbkn{cursor:pointer}.wheel-wrapper.fill.svelte-1mzhbkn{max-width:clamp(380px,calc(100vh - 280px),720px)}.center-spin-button.svelte-1mzhbkn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:var(--color-brand);border:4px solid #ffffff;border-radius:50%;width:clamp(64px,19%,132px);height:auto;aspect-ratio:1;padding:0;font-size:clamp(14px,2.4vw,22px);font-weight:800;cursor:pointer;box-shadow:0 0 0 1px #0f172a14,0 6px 18px #0f172a38,inset 0 -3px #0f172a0f;transition:transform .2s ease,box-shadow .2s ease;z-index:10;text-transform:uppercase;letter-spacing:.06em}:root[data-theme=dark] .center-spin-button.svelte-1mzhbkn{color:#1a73b8}.center-spin-button.svelte-1mzhbkn:hover:not(:disabled){transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 0 1px #0f172a14,0 10px 26px #0f172a47}.center-spin-button.svelte-1mzhbkn:active:not(:disabled){transform:translate(-50%,-50%) scale(.96)}.center-spin-button.svelte-1mzhbkn:focus-visible{outline:3px solid var(--color-brand);outline-offset:3px}.center-spin-button.has-image.svelte-1mzhbkn{background:#00000040;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.center-spin-button.has-image.svelte-1mzhbkn:disabled{background:#00000040}.center-spin-button.svelte-1mzhbkn:disabled{cursor:default;color:#8792a2;font-size:clamp(11px,1.6vw,15px)}.mute-toggle.svelte-1mzhbkn{position:absolute;top:4px;right:4px;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--color-muted);cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:10}.mute-toggle.svelte-1mzhbkn:hover{background:var(--color-surface)}.fullscreen-toggle.svelte-1mzhbkn{position:absolute;top:4px;left:4px;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--color-muted);cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:10}.fullscreen-toggle.svelte-1mzhbkn:hover{background:var(--color-surface)}.wheel-wrapper.is-fullscreen.svelte-1mzhbkn{width:100vw;height:100vh;max-width:100vw;aspect-ratio:auto;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--color-surface);box-sizing:border-box;padding:20px}.wheel-wrapper.is-fullscreen.svelte-1mzhbkn canvas:where(.svelte-1mzhbkn),.wheel-wrapper.is-fullscreen.svelte-1mzhbkn .wheel-placeholder:where(.svelte-1mzhbkn){width:auto;height:auto;max-width:calc(100vh - 40px);max-height:calc(100vh - 40px);aspect-ratio:1}.wheel-wrapper.is-fullscreen.svelte-1mzhbkn .center-spin-button:where(.svelte-1mzhbkn){width:clamp(90px,16vmin,160px);font-size:22px}@media (max-width: 768px){.wheel-wrapper.svelte-1mzhbkn{min-height:0;max-width:440px;width:100%;contain:inline-size layout}canvas.svelte-1mzhbkn{max-width:100%;width:100%}.center-spin-button.svelte-1mzhbkn{width:clamp(58px,20%,96px);font-size:14px}}
