.result-ball[data-astro-cid-f4r53ypy]{--ball-accent: var(--ball-border, var(--color-primary, oklch(11.2% .01 250)));--ball-fg: var(--ball-color, var(--color-muted-foreground, oklch(55% 0 0)));--ball-sel-fg: var(--color-primary-foreground, oklch(98% 0 0));--ball-idle-bg: var(--ball-bg, var(--color-muted, oklch(96.1% 0 0)));--ball-sel-bg: var(--ball-bg, var(--ball-accent));--ball-idle-border: var(--color-border, oklch(91.4% 0 0));--ball-glow: color-mix(in oklch, var(--ball-accent) 40%, transparent);--ball-glow-sel: color-mix(in oklch, var(--ball-accent) 60%, transparent);--ball-dur: .2s;--ball-ease: cubic-bezier(.34, 1.56, .64, 1)}.result-ball[data-astro-cid-f4r53ypy]{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:Geist,ui-monospace,monospace;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;border-radius:9999px;border:1.5px solid var(--ball-idle-border);cursor:pointer;user-select:none;outline-offset:2px;overflow:visible;flex-shrink:0;white-space:nowrap;background-color:var(--ball-idle-bg);color:var(--ball-fg);box-shadow:none;transform:translateY(0) scale(1);transition:transform var(--ball-dur) var(--ball-ease),background-color var(--ball-dur) ease,color var(--ball-dur) ease,box-shadow var(--ball-dur) ease,border-color var(--ball-dur) ease}.ball--sm[data-astro-cid-f4r53ypy]{width:2rem;height:2rem;font-size:.75rem}.ball--md[data-astro-cid-f4r53ypy]{width:2.75rem;height:2.75rem;font-size:.9rem}.ball--lg[data-astro-cid-f4r53ypy]{width:3.25rem;height:3.25rem;font-size:1.05rem}.ball--quad[data-astro-cid-f4r53ypy]{border-radius:var(--radius, .5rem);width:auto;height:auto}.ball--quad[data-astro-cid-f4r53ypy].ball--sm{padding:.2rem .55rem;font-size:.7rem}.ball--quad[data-astro-cid-f4r53ypy].ball--md{padding:.3rem .75rem;font-size:.85rem}.ball--quad[data-astro-cid-f4r53ypy].ball--lg{padding:.35rem .9rem;font-size:1rem}.result-ball[data-astro-cid-f4r53ypy]:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(138deg,rgba(255,255,255,.48) 0%,rgba(255,255,255,.04) 42%,transparent 55%);opacity:.55;pointer-events:none;transition:opacity var(--ball-dur) ease,transform var(--ball-dur) ease;transform:translateY(0)}.result-ball[data-astro-cid-f4r53ypy]:hover:not(.is-selected):not(.is-drawn){background-color:color-mix(in oklch,var(--ball-accent) 10%,var(--ball-idle-bg));border-color:color-mix(in oklch,var(--ball-accent) 55%,var(--ball-idle-border));color:var(--ball-accent);transform:translateY(-1.5px) scale(1.07);box-shadow:0 4px 14px -4px var(--ball-glow),0 1px 4px -2px var(--ball-glow)}.result-ball[data-astro-cid-f4r53ypy]:hover:not(.is-selected):not(.is-drawn):before{opacity:.85;transform:translateY(-5%)}.result-ball[data-astro-cid-f4r53ypy].is-drawn{background-color:var(--ball-sel-bg);color:var(--ball-sel-fg);border-color:transparent;transform:translateY(-1.5px)}.result-ball[data-astro-cid-f4r53ypy].is-drawn.has-shadow{box-shadow:0 8px 24px -6px var(--ball-glow-sel),0 0 0 1.5px color-mix(in oklch,var(--ball-accent) 25%,transparent),inset 0 1px #fff3}.result-ball[data-astro-cid-f4r53ypy].is-drawn:before{opacity:.35;transform:translateY(-4%)}.result-ball[data-astro-cid-f4r53ypy].is-drawn:hover,.result-ball[data-astro-cid-f4r53ypy].is-drawn.is-selected{transform:translateY(-1.5px) rotate(-8deg)}.result-ball[data-astro-cid-f4r53ypy].is-drawn.is-selected:after{content:"⨯";position:absolute;top:-5px;right:0;font-family:system-ui,-apple-system,sans-serif;font-size:1em;font-weight:700;line-height:1;color:#fffffff2;z-index:2;pointer-events:none;border-radius:9999px;padding:2px 5px;background-color:color-mix(in oklch,var(--ball-accent) 10%,var(--ball-idle-bg));border-color:color-mix(in oklch,var(--ball-accent) 55%,var(--ball-idle-border));color:var(--ball-accent)}.result-ball[data-astro-cid-f4r53ypy].is-drawn.is-selected:hover{transform:translateY(-2.5px) rotate(-8deg)}.result-ball[data-astro-cid-f4r53ypy].is-selected{background-color:var(--ball-sel-bg);color:var(--ball-sel-fg);border-color:transparent;transform:translateY(-1.5px) rotate(-8deg);filter:saturate(50%)}.result-ball[data-astro-cid-f4r53ypy].is-selected.has-shadow{box-shadow:0 8px 24px -6px var(--ball-glow-sel),0 0 0 1.5px color-mix(in oklch,var(--ball-accent) 25%,transparent),inset 0 1px #fff3}.result-ball[data-astro-cid-f4r53ypy].is-selected:before{opacity:.35;transform:translateY(-4%)}.result-ball[data-astro-cid-f4r53ypy].is-selected:hover{transform:translateY(-2.5px) rotate(-8deg);box-shadow:0 0 0 1.5px color-mix(in oklch,var(--ball-accent) 40%,transparent),inset 0 1px #ffffff40}.result-ball[data-astro-cid-f4r53ypy].is-selected.has-shadow:hover{box-shadow:0 12px 28px -6px var(--ball-glow-sel),0 0 0 1.5px color-mix(in oklch,var(--ball-accent) 40%,transparent),inset 0 1px #ffffff40}.result-ball[data-astro-cid-f4r53ypy]:active{transform:translateY(0);transition-duration:80ms}.result-ball[data-astro-cid-f4r53ypy]:focus-visible{outline:2px solid var(--ball-accent);outline-offset:2px}.ball__label[data-astro-cid-f4r53ypy]{position:relative;z-index:1;line-height:1}.dark .result-ball[data-astro-cid-f4r53ypy]:before{opacity:.2}.dark .result-ball[data-astro-cid-f4r53ypy].is-selected:before,.dark .result-ball[data-astro-cid-f4r53ypy].is-drawn:before{opacity:.15}.bl[data-astro-cid-ucpw543g]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.375rem}.bl__label[data-astro-cid-ucpw543g]{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .75rem;font-size:.625rem;line-height:1;min-height:calc(1em + .5rem);font-weight:300;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#44484d;justify-content:center;margin-bottom:.125rem}.bl__row[data-astro-cid-ucpw543g]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.375rem}