.board-wrap.svelte-1eo96py{--board:clamp(240px, min(calc(100cqi - 20px), calc(100vh - 330px)), 460px);container-type:inline-size}.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)}.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}.clock-wrap.idle.svelte-1eo96py .time{color:var(--muted)}.board-wrap.svelte-1eo96py .result{max-width:calc(var(--board) + 16px)}.hint.svelte-1eo96py{color:var(--muted);font-size:.82rem}@media (width<=800px){.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}}
