.hud.svelte-io8740{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:.85rem;margin:.5rem 0 .85rem;display:flex}.stat.svelte-io8740{align-items:center;gap:.35rem;display:inline-flex}.stat.svelte-io8740 svg,.stat.dim.svelte-io8740{color:var(--text-dim)}.mode.svelte-io8740{background:var(--surface);border:2px solid var(--border);border-radius:var(--r-sm);cursor:pointer;box-shadow:var(--hard-sm);padding:.35rem .7rem;font-weight:600}.board.svelte-io8740{--cell:min(calc((100vw - 3rem) / var(--n)), 56px);grid-template-columns:repeat(var(--n), var(--cell));grid-template-rows:repeat(var(--n), var(--cell));border:3px solid var(--border);border-radius:var(--r-md);width:max-content;box-shadow:var(--hard);touch-action:none;background:#1a1714;gap:2px;margin-inline:auto;padding:4px;display:grid}.cell.svelte-io8740{width:var(--cell);height:var(--cell);background:#26211c;border-radius:3px;place-items:center;display:grid;position:relative}.pipe.svelte-io8740{background:var(--pipe);border-radius:30%;position:absolute;inset:18%}.dot.svelte-io8740{background:var(--dot);z-index:1;border-radius:50%;width:62%;height:62%;position:relative;box-shadow:0 0 0 3px #1a1714,inset 0 2px 3px #fff6}.board.solved.svelte-io8740{box-shadow:0 0 0 3px var(--success), var(--hard)}.result.svelte-io8740{text-align:center;font-family:var(--font-display);color:var(--success);margin:.7rem 0 0;font-size:1.05rem;font-weight:700}