.zoop.svelte-688q2v{justify-content:center;align-items:center;gap:var(--sp-3);height:100%;padding:var(--sp-3) var(--sp-4);flex-direction:column;display:flex}.status.svelte-688q2v{text-align:center;max-width:34ch;min-height:2.6em;font-size:var(--text-sm);color:var(--text-muted);margin:0}.board.svelte-688q2v{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md,10px);width:min(100%,72cqh,34rem)}.board.svelte-688q2v:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.frame.svelte-688q2v{fill:var(--border)}.cell.svelte-688q2v{fill:var(--surface)}.cell.filled.svelte-688q2v{fill:color-mix(in srgb, var(--accent) 22%, var(--surface))}.trail.svelte-688q2v{fill:none;stroke:var(--accent);stroke-width:.4px;stroke-linecap:round;stroke-linejoin:round}.trail--free.svelte-688q2v{stroke-width:.26px;stroke-dasharray:.3 .18;stroke-linecap:butt}.free-end.svelte-688q2v{fill:var(--accent)}.head.svelte-688q2v{fill:var(--accent);stroke:var(--surface);stroke-width:.06px}.wall.svelte-688q2v{stroke:var(--text);stroke-width:.12px;stroke-linecap:round}.waypoint.svelte-688q2v circle:where(.svelte-688q2v){fill:var(--text)}.waypoint.met.svelte-688q2v circle:where(.svelte-688q2v){stroke:var(--accent);stroke-width:.07px}.waypoint.svelte-688q2v text:where(.svelte-688q2v){fill:var(--bg);font-family:var(--font-body);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:.34px;font-weight:700}.solved.svelte-688q2v .trail:where(.svelte-688q2v){stroke:var(--success);transition:stroke .3s}.solved.svelte-688q2v .cell.filled:where(.svelte-688q2v){fill:color-mix(in srgb, var(--success) 22%, var(--surface));transition:fill .3s}.actions.svelte-688q2v{gap:var(--sp-3);display:flex}.btn.svelte-688q2v{font:inherit;border-radius:var(--radius-sm,6px);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;padding:.45rem 1rem}.btn.svelte-688q2v:hover:not(:disabled){background:var(--surface-elevated)}.btn--on.svelte-688q2v{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface))}.erasing.svelte-688q2v .board:where(.svelte-688q2v){cursor:crosshair}.btn.svelte-688q2v:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.solved.svelte-688q2v .trail:where(.svelte-688q2v),.solved.svelte-688q2v .cell.filled:where(.svelte-688q2v){transition:none}}