.layout.svelte-1eo96py{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1.5rem;display:grid}.board-wrap.svelte-1eo96py{--board:clamp(240px, min(calc(100cqi - 20px), calc(100vh - 330px)), 460px);flex-direction:column;align-items:center;min-width:0;display:flex;container-type:inline-size}.modes.svelte-1eo96py{background:var(--panel);border:1px solid var(--border);border-radius:999px;gap:.25rem;margin-bottom:.75rem;padding:.25rem;display:flex}.modes.svelte-1eo96py button:where(.svelte-1eo96py){font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem 1rem;font-size:.85rem;font-weight:600}.modes.svelte-1eo96py button:where(.svelte-1eo96py):hover{color:var(--text)}.modes.svelte-1eo96py button.on:where(.svelte-1eo96py){background:var(--ink);color:var(--paper)}.frame.svelte-1eo96py{background:var(--paper-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:8px;display:flex}.bar.svelte-1eo96py{width:var(--board);justify-content:space-between;align-items:center;gap:.5rem;padding:0 2px 8px;display:flex}.meta.svelte-1eo96py{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.85rem}.meta.svelte-1eo96py b:where(.svelte-1eo96py){color:var(--ink)}.clock.svelte-1eo96py{align-items:center;gap:.35rem;display:flex}.time.svelte-1eo96py{font-variant-numeric:tabular-nums;color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--border);letter-spacing:.04em;border-radius:6px;padding:.15rem .55rem;font-size:1.05rem;font-weight:700}.time.idle.svelte-1eo96py{color:var(--muted)}.pause.svelte-1eo96py{border:1px solid var(--border);background:var(--panel-2);width:30px;height:30px;color:var(--ink);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:grid}.pause.svelte-1eo96py svg:where(.svelte-1eo96py){fill:currentColor;width:16px;height:16px}.pause.svelte-1eo96py:disabled{opacity:.4;cursor:default}.board-box.svelte-1eo96py{position:relative}.board.svelte-1eo96py{width:var(--board);height:var(--board);background:var(--paper-3);box-shadow:inset 0 0 0 2px var(--ink-2);-webkit-user-select:none;user-select:none;touch-action:none;--cell:calc((var(--board) - 8px) / var(--n));border-radius:8px;position:relative}.tile.svelte-1eo96py{width:var(--cell);height:var(--cell);font:inherit;cursor:pointer;transform:translate(calc(var(--x) * var(--cell)), calc(var(--y) * var(--cell)));background:0 0;border:0;outline:none;padding:3px;transition:transform .1s ease-out;position:absolute;top:4px;left:4px}.board.svelte-1eo96py:not(.ready) .tile:where(.svelte-1eo96py){transition:none}.face.svelte-1eo96py{width:100%;height:100%;box-shadow:inset 0 0 0 2px var(--ink), 0 2px 0 var(--ink-3);--fill-ink:var(--ink-3);border-radius:6px;place-items:center;display:grid}.num.svelte-1eo96py{background:var(--paper);min-width:1.6em;height:1.6em;box-shadow:0 0 0 2px var(--paper);color:var(--ink);font-size:calc(var(--cell) * .3);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 .25em;font-weight:800;line-height:1;display:grid}.face.home.svelte-1eo96py{box-shadow:inset 0 0 0 3px var(--ink), 0 2px 0 var(--ink-3)}.tile.svelte-1eo96py:hover .face:where(.svelte-1eo96py){--fill-ink:var(--ink-2)}.board.won.svelte-1eo96py .tile:where(.svelte-1eo96py){cursor:default}.board.won.svelte-1eo96py .face:where(.svelte-1eo96py){animation:.7s ease-out both svelte-1eo96py-wave;animation-delay:var(--wave)}@keyframes svelte-1eo96py-wave{40%{--fill-ink:var(--ink);transform:translateY(-4px)}}.stamp.svelte-1eo96py{width:var(--cell);height:var(--cell);transform:translate(calc(var(--x) * var(--cell)), calc(var(--y) * var(--cell)));color:var(--red);font-size:calc(var(--cell) * .5);pointer-events:none;place-items:center;font-weight:800;animation:.45s ease-out both svelte-1eo96py-seal;display:grid;position:absolute;top:4px;left:4px}.stamp.svelte-1eo96py:before{content:"";border:3px solid var(--red);border-radius:50%;position:absolute;inset:14%}@keyframes svelte-1eo96py-seal{0%{opacity:0;scale:1.6}}.board.paused.svelte-1eo96py .tile:where(.svelte-1eo96py){visibility:hidden}.paused-cover.svelte-1eo96py{background:color-mix(in srgb, var(--paper-2) 82%, transparent);color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex;position:absolute;inset:0}.paused-cover.svelte-1eo96py strong:where(.svelte-1eo96py){font-size:1.4rem}.paused-cover.svelte-1eo96py span:where(.svelte-1eo96py){color:var(--muted);font-size:.85rem}.result.svelte-1eo96py{min-height:3rem;max-width:calc(var(--board) + 16px);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;margin-top:.5rem;display:flex}.result.svelte-1eo96py p:where(.svelte-1eo96py){margin:0;animation:.3s ease-out svelte-1eo96py-fade}.result.svelte-1eo96py .hint:where(.svelte-1eo96py){color:var(--muted);font-size:.82rem}@keyframes svelte-1eo96py-fade{0%{opacity:0}}.result.svelte-1eo96py button:where(.svelte-1eo96py){font:inherit;background:var(--red);color:var(--on-red);cursor:pointer;border:0;border-radius:999px;padding:.5rem 1.4rem;font-weight:700}.result.svelte-1eo96py button.ghost:where(.svelte-1eo96py){color:var(--muted);box-shadow:inset 0 0 0 1px var(--border);background:0 0;padding:.4rem 1.1rem;font-size:.85rem;font-weight:600}.result.svelte-1eo96py button.ghost:where(.svelte-1eo96py):hover{color:var(--text)}.result.svelte-1eo96py button.ghost.warn:where(.svelte-1eo96py){color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.badge.svelte-1eo96py{color:var(--red);margin-left:.6rem;font-weight:700}.side.svelte-1eo96py{flex-direction:column;gap:1rem;display:flex}@media (width<=800px){.layout.svelte-1eo96py{grid-template-columns:1fr}.board-wrap.svelte-1eo96py{--board:clamp(240px, calc(100cqi - 20px), 460px)}}@media (prefers-reduced-motion:reduce){.tile.svelte-1eo96py{transition:none}.board.won.svelte-1eo96py .face:where(.svelte-1eo96py),.stamp.svelte-1eo96py{animation:none}}