.layout.svelte-63sak9{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1.5rem;display:grid}.board-wrap.svelte-63sak9{--cell:clamp(34px, min(calc((100cqi - 40px) / var(--n)), calc((100vh - 380px) / var(--n)), calc(440px / var(--n))), 120px);--gap:4px;--board:calc(var(--cell) * var(--n) + var(--gap) * (var(--n) - 1) + 16px);flex-direction:column;align-items:center;min-width:0;display:flex;container-type:inline-size}.modes.svelte-63sak9{background:var(--panel);border:1px solid var(--border);border-radius:999px;gap:.25rem;max-width:100%;margin-bottom:.75rem;padding:.25rem;display:flex}.modes.svelte-63sak9 button:where(.svelte-63sak9){font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:.35rem .9rem;font-size:.85rem;font-weight:600}.modes.svelte-63sak9 button:where(.svelte-63sak9):hover{color:var(--text)}.modes.svelte-63sak9 button.on:where(.svelte-63sak9){background:var(--ink);color:var(--paper)}.modes.svelte-63sak9 .dim:where(.svelte-63sak9){opacity:.7;font-weight:500}.frame.svelte-63sak9{background:var(--paper-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:8px;display:flex}.bar.svelte-63sak9{width:max(var(--board), 240px);box-sizing:border-box;justify-content:space-between;align-items:center;gap:.5rem;padding:0 2px 8px;display:flex}.meta.svelte-63sak9{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.meta.svelte-63sak9 b:where(.svelte-63sak9){color:var(--ink)}.clock.svelte-63sak9{align-items:center;gap:.35rem;display:flex}.time.svelte-63sak9{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}.pause.svelte-63sak9{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-63sak9 svg:where(.svelte-63sak9){fill:currentColor;width:16px;height:16px}.pause.svelte-63sak9:disabled{opacity:.4;cursor:default}.board-box.svelte-63sak9{align-self:center;position:relative}.board.svelte-63sak9{grid-template-columns:repeat(var(--n), var(--cell));grid-auto-rows:var(--cell);gap:var(--gap);background:var(--paper-3);box-shadow:inset 0 0 0 1px var(--border);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:8px;width:max-content;padding:8px;display:grid}.cell.svelte-63sak9{border-radius:calc(var(--cell) * .14);font:inherit;background:var(--paper);box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;border:0;outline:none;place-items:center;padding:0;transition:background .12s,box-shadow .12s;display:grid;position:relative}.cell.svelte-63sak9:hover{box-shadow:inset 0 0 0 2px var(--ink-3)}.cell.on.svelte-63sak9{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--paper) 16%, transparent) 0 calc(var(--cell) * .16), transparent calc(var(--cell) * .17)), var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.cell.on.svelte-63sak9:hover{box-shadow:inset 0 0 0 2px var(--ink-3)}.cell.last.svelte-63sak9:after{content:"";top:calc(var(--cell) * .08);left:calc(var(--cell) * .08);width:calc(var(--cell) * .16);height:calc(var(--cell) * .16);border-top:2.5px solid var(--red);border-left:2.5px solid var(--red);border-top-left-radius:3px;position:absolute}.cell.cursor.svelte-63sak9{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--paper)}.cell.on.cursor.svelte-63sak9{box-shadow:inset 0 0 0 3px var(--ink-3), inset 0 0 0 5px var(--paper)}.cell.hint.svelte-63sak9{box-shadow:inset 0 0 0 3px var(--red)}.dot.svelte-63sak9{width:calc(var(--cell) * .26);height:calc(var(--cell) * .26);background:var(--red);border-radius:50%;animation:1.1s ease-in-out infinite alternate svelte-63sak9-pulse}@keyframes svelte-63sak9-pulse{to{scale:.7}}.cell.flip[data-tick="0"].svelte-63sak9{animation:.22s ease-out svelte-63sak9-flip0}.cell.flip[data-tick="1"].svelte-63sak9{animation:.22s ease-out svelte-63sak9-flip1}@keyframes svelte-63sak9-flip0{40%{scale:.86}}@keyframes svelte-63sak9-flip1{40%{scale:.86}}.board.won.svelte-63sak9 .cell:where(.svelte-63sak9){cursor:default;animation:.8s ease-out both svelte-63sak9-wave;animation-delay:var(--wave)}@keyframes svelte-63sak9-wave{40%{background:var(--ink);scale:.92}}.board.paused.svelte-63sak9 .cell:where(.svelte-63sak9){background:var(--paper);box-shadow:inset 0 0 0 1px var(--border);cursor:default}.board.paused.svelte-63sak9 .cell:where(.svelte-63sak9):after{display:none}.paused-cover.svelte-63sak9{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-63sak9 strong:where(.svelte-63sak9){font-size:1.4rem}.paused-cover.svelte-63sak9 span:where(.svelte-63sak9){color:var(--muted);font-size:.85rem}.tools.svelte-63sak9{width:min(100%, max(var(--board), 260px));grid-template-columns:repeat(3,1fr);gap:4px;margin-top:.6rem;display:grid}.tools.svelte-63sak9 button:where(.svelte-63sak9){color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:.4rem .2rem;font-size:.75rem;font-weight:600;display:flex}.tools.svelte-63sak9 button:where(.svelte-63sak9):hover:not(:disabled){color:var(--text);background:var(--panel)}.tools.svelte-63sak9 button:where(.svelte-63sak9):disabled{opacity:.4;cursor:default}.tools.svelte-63sak9 svg:where(.svelte-63sak9){width:22px;height:22px}.result.svelte-63sak9{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;min-height:3rem;margin-top:.5rem;display:flex}.result.svelte-63sak9 p:where(.svelte-63sak9){margin:0;animation:.3s ease-out svelte-63sak9-fade}@keyframes svelte-63sak9-fade{0%{opacity:0}}.result.svelte-63sak9 .dim:where(.svelte-63sak9){color:var(--muted)}.result.svelte-63sak9 .par:where(.svelte-63sak9){border:1.5px solid var(--ink);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;margin-left:.2rem;padding:.05rem .45rem;font-size:.8rem;font-weight:700}.result.svelte-63sak9 button:where(.svelte-63sak9){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-63sak9 button.ghost:where(.svelte-63sak9){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-63sak9 button.ghost:where(.svelte-63sak9):hover{color:var(--text)}.badge.svelte-63sak9{color:var(--red);margin-left:.6rem;font-weight:700}.side.svelte-63sak9{flex-direction:column;gap:1rem;display:flex}@media (width<=800px){.layout.svelte-63sak9{grid-template-columns:1fr}.board-wrap.svelte-63sak9{--cell:clamp(34px, min(calc((100cqi - 40px) / var(--n)), calc(440px / var(--n))), 120px)}}@media (width<=420px){.modes.svelte-63sak9 button:where(.svelte-63sak9){padding:.35rem .6rem}.modes.svelte-63sak9 .dim:where(.svelte-63sak9){display:none}}@media (prefers-reduced-motion:reduce){.board.won.svelte-63sak9 .cell:where(.svelte-63sak9),.cell.flip.svelte-63sak9,.dot.svelte-63sak9{animation:none!important}}