.field.svelte-1bo9a6h{display:grid;grid-template-columns:repeat(var(--w),1fr);gap:3px;width:100%;padding:6px;border-radius:var(--ds-radius-lg);background:var(--ds-surface);box-shadow:var(--ds-shadow-lg),inset 0 0 0 1px var(--ds-border);-webkit-user-select:none;user-select:none;touch-action:manipulation}.c.svelte-1bo9a6h{aspect-ratio:1;border-radius:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--ds-tint) 30%,var(--ds-surface-2)),color-mix(in srgb,var(--ds-tint) 45%,var(--ds-surface-3)));box-shadow:inset 0 1px #ffffff59,0 1px #0000001f;display:grid;place-items:center;font-family:var(--ds-font-display);font-weight:var(--ds-weight-bold);font-size:clamp(.8rem,3.2vw,1.25rem);color:var(--ds-text);transition:background var(--ds-duration-fast),transform var(--ds-duration-fast)}.c.svelte-1bo9a6h:active:not(.open){transform:scale(.92)}.open.svelte-1bo9a6h{background:var(--ds-surface-2);box-shadow:inset 0 0 0 1px var(--ds-border)}.n1.svelte-1bo9a6h{color:#0071e3}.n2.svelte-1bo9a6h{color:#1f9d55}.n3.svelte-1bo9a6h{color:#e0342c}.n4.svelte-1bo9a6h{color:#5e5ce6}.mk.svelte-1bo9a6h{color:var(--ds-danger);display:grid}.boom.svelte-1bo9a6h{background:var(--ds-danger)}.boom.svelte-1bo9a6h .mk:where(.svelte-1bo9a6h){color:#fff}.wrong.svelte-1bo9a6h{background:var(--ds-warning-soft)}.done.svelte-1bo9a6h .c:where(.svelte-1bo9a6h){pointer-events:none}