.board-wrap.svelte-1es46ew{--cell:clamp(30px, min(calc((100cqi - 26px) / (var(--n) + .36)), calc((100vh - 360px) / (var(--n) + .36))), 64px);--pad:calc(var(--cell) * .18);--board:calc(var(--cell) * var(--n) + var(--pad) * 2);container-type:inline-size}.modes.sizes{box-sizing:border-box;max-width:100%}.modes button.lvl.svelte-1es46ew{white-space:nowrap;padding:.35rem .8rem}.bar.svelte-1es46ew .clock{flex:none}.frame.svelte-1es46ew{background:var(--paper-2);--frame:3px;--frame-ink:var(--ink-3);flex-direction:column;padding:8px;display:flex}.bar.svelte-1es46ew{width:var(--board);box-sizing:border-box;justify-content:space-between;align-items:center;gap:.5rem;padding:0 2px 8px;display:flex}.meta.svelte-1es46ew{color:var(--muted);font-variant-numeric:tabular-nums;min-width:0;font-size:.8rem;font-weight:600}.board-box.svelte-1es46ew{width:max-content;padding:var(--pad);--ink-wash-ground:var(--paper);border-radius:4px;position:relative}.board.svelte-1es46ew{grid-template-columns:repeat(var(--n), var(--cell));grid-auto-rows:var(--cell);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;cursor:pointer;outline:none;width:max-content;display:grid;position:relative}.cell.svelte-1es46ew{color:var(--ink);place-items:center;display:grid;position:relative}.num.svelte-1es46ew{font-size:calc(var(--cell) * .5);font-variant-numeric:tabular-nums;pointer-events:none;font-weight:600;line-height:1;position:relative}.cell.shade.svelte-1es46ew{background:color-mix(in srgb, var(--ink) 30%, transparent);--ink-hatch-color:var(--ink);animation:.16s ease-out svelte-1es46ew-ink}.cell.shade.svelte-1es46ew .num:where(.svelte-1es46ew){isolation:isolate;width:1.7em;height:1.7em;font-size:calc(var(--cell) * .38);place-items:center;font-weight:600;display:grid}.cell.shade.svelte-1es46ew .num:where(.svelte-1es46ew):before{content:"";z-index:-1;background:var(--paper);-webkit-mask:var(--ink-disc) center / 100% 100% no-repeat;mask:var(--ink-disc) center / 100% 100% no-repeat;position:absolute;inset:0}@keyframes svelte-1es46ew-ink{0%{scale:.8}}.cell.ring.svelte-1es46ew:before{content:"";background:var(--ink-2);-webkit-mask:var(--ink-enso) center / 100% 100% no-repeat;mask:var(--ink-enso) center / 100% 100% no-repeat;rotate:calc(var(--i) * 137deg);pointer-events:none;animation:.18s ease-out svelte-1es46ew-place;position:absolute;inset:9%}@keyframes svelte-1es46ew-place{0%{scale:.6}}.cell.rep.svelte-1es46ew .num:where(.svelte-1es46ew):after{content:"";background:var(--ink-3);border-radius:1px;height:2px;position:absolute;bottom:-.16em;left:0;right:0}.cell.shade.rep.svelte-1es46ew .num:where(.svelte-1es46ew):after{bottom:.1em;left:22%;right:22%}.cell.bad.svelte-1es46ew{background:var(--red-wash);color:var(--red)}.cell.bad.shade.svelte-1es46ew{background:color-mix(in srgb, var(--red) 30%, transparent);--ink-hatch-color:var(--red)}.cell.bad.ring.svelte-1es46ew:before{background:var(--red)}.cell.cursor.svelte-1es46ew{z-index:1}.cell.flash.svelte-1es46ew .num:where(.svelte-1es46ew){animation:.6s ease-out svelte-1es46ew-pop}@keyframes svelte-1es46ew-pop{0%{transform:scale(.3)}60%{transform:scale(1.25)}}.k-ring.svelte-1es46ew{background:var(--ink-2);width:.85em;height:.85em;-webkit-mask:var(--ink-ring) center / 100% 100% no-repeat;-webkit-mask:var(--ink-ring) center / 100% 100% no-repeat;mask:var(--ink-ring) center / 100% 100% no-repeat;vertical-align:-.1em;display:inline-block}.board.won.svelte-1es46ew,.board.paused.svelte-1es46ew{cursor:default}.board.won.svelte-1es46ew .cell.shade:where(.svelte-1es46ew){animation:.7s ease-out both svelte-1es46ew-settle;animation-delay:var(--wave)}@keyframes svelte-1es46ew-settle{40%{scale:.82}}.tools.svelte-1es46ew{width:min(100%, calc(var(--board) + 18px));grid-template-columns:repeat(4,1fr);gap:4px;margin-top:.6rem;display:grid}.tools.svelte-1es46ew button.tool.on:hover:not(:disabled){color:var(--paper);background:var(--ink)}@media (width<=800px){.board-wrap.svelte-1es46ew{--cell:clamp(30px, calc((100cqi - 26px) / (var(--n) + .36)), 64px)}}@media (prefers-reduced-motion:reduce){.cell.shade.svelte-1es46ew,.cell.ring.svelte-1es46ew:before,.board.won.svelte-1es46ew .cell.shade:where(.svelte-1es46ew),.cell.flash.svelte-1es46ew .num:where(.svelte-1es46ew){animation:none}}