.ball-wrap.svelte-1qunwcn{min-width:var(--ball);flex-direction:column;align-items:center;gap:.25rem;display:inline-flex}.ball.svelte-1qunwcn{--ball:var(--ball-md);--ball-bg:var(--game,var(--color-brand));--ball-fg:var(--game-fg,#fff);min-width:var(--ball);height:var(--ball);border-radius:calc(var(--ball) / 2);background:var(--ball-bg);color:var(--ball-fg);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 .3em;line-height:1;display:inline-flex;position:relative;box-shadow:inset 0 -3px #0000001f}.ball-n.svelte-1qunwcn{position:relative}.ball--sm.svelte-1qunwcn{--ball:var(--ball-sm)}.ball--md.svelte-1qunwcn{--ball:var(--ball-md)}.ball--lg.svelte-1qunwcn{--ball:var(--ball-lg)}.ball--bonus.svelte-1qunwcn{--ball-bg:var(--game-2,var(--color-gold));--ball-fg:var(--game-2-fg,#fff);box-shadow:inset 0 0 0 3px #ffffff8c,inset 0 -3px #0000001f}.ball--dark.svelte-1qunwcn{--ball-fg:var(--color-ink)}.ball--star.svelte-1qunwcn,.ball--dream.svelte-1qunwcn{box-shadow:none;background:0 0;border-radius:0}.ball-shape.svelte-1qunwcn{width:100%;height:100%;fill:var(--ball-bg);position:absolute;inset:0}.ball--star.svelte-1qunwcn{--ball-bg:var(--color-gold)}.ball--star.svelte-1qunwcn .ball-shape:where(.svelte-1qunwcn){width:120%;height:120%;inset:-10%}.ball--star.svelte-1qunwcn .ball-n:where(.svelte-1qunwcn){padding-top:12%}.ball--dream.svelte-1qunwcn .ball-n:where(.svelte-1qunwcn){padding-bottom:12%}.ball--second.svelte-1qunwcn{--ball-bg:var(--color-surface);--ball-fg:var(--game-ink,var(--color-ink));box-shadow:inset 0 0 0 3px var(--game,var(--color-ink)), 0 0 0 1.5px var(--color-surface), 0 0 0 3px var(--game-2,var(--color-gold))}.ball--outline.svelte-1qunwcn{--ball-bg:var(--color-surface);--ball-fg:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-border)}.ball--empty.svelte-1qunwcn{background:var(--color-surface-2);box-shadow:inset 0 0 0 1px var(--color-border)}.ball--skeleton.svelte-1qunwcn{background:var(--color-surface-2);box-shadow:none}.ball--hit.svelte-1qunwcn{box-shadow:0 0 0 3px var(--color-surface), 0 0 0 6px var(--color-gold)}.ball-label.svelte-1qunwcn{color:var(--color-muted);text-align:center;max-width:calc(var(--ball) * 2);overflow-wrap:anywhere;font-weight:600;line-height:1.15}.ball-wrap.svelte-1qunwcn:has(.ball--sm:where(.svelte-1qunwcn)) .ball-label:where(.svelte-1qunwcn){max-width:calc(var(--ball-sm) * 2.2)}