.board-wrap.svelte-1oyxrpj{--cell:clamp(30px, min(calc((100cqi - 26px) / (var(--n) + .36)), calc((100vh - 360px) / var(--n))), 60px);--pad:calc(var(--cell) * .18);--board:calc(var(--cell) * var(--n));container-type:inline-size}.modes.sizes{box-sizing:border-box;max-width:100%}.modes button.lvl.svelte-1oyxrpj{white-space:nowrap;padding:.35rem .8rem}.bar.svelte-1oyxrpj .clock{flex:none}.frame.svelte-1oyxrpj{background:var(--paper-2);--frame:3px;--frame-ink:var(--ink-3);flex-direction:column;padding:8px;display:flex}.bar.svelte-1oyxrpj{width:calc(var(--board) + var(--pad) * 2);box-sizing:border-box;justify-content:space-between;align-items:center;gap:.5rem;max-width:100%;padding:0 2px 8px;display:flex}.meta.svelte-1oyxrpj{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:.4rem;min-width:0;font-size:.8rem;font-weight:600;display:flex}.meta.holes.svelte-1oyxrpj{color:var(--ink)}.pair.svelte-1oyxrpj{align-items:center;gap:5px;display:flex;position:relative}.pair.svelte-1oyxrpj:before{content:"";background:var(--ink-3);-webkit-mask:var(--ink-dab) center / 100% 100% no-repeat;mask:var(--ink-dab) center / 100% 100% no-repeat;position:absolute;inset:3px 4px}.pair.svelte-1oyxrpj .ink-stone:where(.svelte-1oyxrpj){background:var(--ink-3);width:8px;height:8px}.sep.svelte-1oyxrpj{color:var(--ink-4)}.board-box.svelte-1oyxrpj{width:max-content;padding:var(--pad);--ink-wash-ground:var(--paper-3);--ink-grid-color:color-mix(in srgb, var(--ink-4) 80%, var(--paper-3));border-radius:4px;position:relative}.board.svelte-1oyxrpj{width:var(--board);height:var(--board);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;cursor:pointer;outline:none;position:relative}.board.drawing.svelte-1oyxrpj{cursor:crosshair}.board.svelte-1oyxrpj svg:where(.svelte-1oyxrpj){pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.specks.svelte-1oyxrpj{fill:var(--ink-4)}.lines.svelte-1oyxrpj{will-change:transform}.ink.svelte-1oyxrpj{fill:var(--ink)}.paper.svelte-1oyxrpj{fill:var(--paper-3)}.drawn.svelte-1oyxrpj .ink:where(.svelte-1oyxrpj){fill:var(--red)}.end.svelte-1oyxrpj{width:calc(100% / var(--n));height:calc(100% / var(--n));pointer-events:none;place-items:center;display:grid;position:absolute}.end.svelte-1oyxrpj>:where(.svelte-1oyxrpj){grid-area:1/1}.disc.svelte-1oyxrpj{width:76%;height:76%}.num.svelte-1oyxrpj{color:var(--ink);font-family:var(--font-body);font-size:calc(var(--cell) * .46);font-variant-numeric:tabular-nums;font-weight:700;line-height:1;position:relative}.end.done.svelte-1oyxrpj .num:where(.svelte-1oyxrpj){color:var(--paper)}.end.active.svelte-1oyxrpj .disc:where(.svelte-1oyxrpj):before,.end.active.done.svelte-1oyxrpj .disc:where(.svelte-1oyxrpj){background:var(--red)}.end.active.done.svelte-1oyxrpj .num:where(.svelte-1oyxrpj){color:var(--on-red)}.cursor.svelte-1oyxrpj{width:calc(100% / var(--n));height:calc(100% / var(--n));background:var(--ink);-webkit-mask:var(--ink-box) center / 100% 100% no-repeat;mask:var(--ink-box) center / 100% 100% no-repeat;pointer-events:none;position:absolute}.cursor.holding.svelte-1oyxrpj{background:var(--red)}.board.won.svelte-1oyxrpj,.board.paused.svelte-1oyxrpj{cursor:default}.board.won.svelte-1oyxrpj .end:where(.svelte-1oyxrpj) .disc:where(.svelte-1oyxrpj){animation:.7s ease-out both svelte-1oyxrpj-land;animation-delay:var(--wave)}@keyframes svelte-1oyxrpj-land{40%{scale:1.2}}.tools.svelte-1oyxrpj{width:min(100%, calc(var(--board) + var(--pad) * 2 + 18px));grid-template-columns:repeat(2,1fr);gap:4px;margin-top:.6rem;display:grid}@media (width<=800px){.board-wrap.svelte-1oyxrpj{--cell:clamp(30px, calc((100cqi - 26px) / (var(--n) + .36)), 60px)}}@media (prefers-reduced-motion:reduce){.board.won.svelte-1oyxrpj .end:where(.svelte-1oyxrpj) .disc:where(.svelte-1oyxrpj){animation:none}}