.board-wrap.svelte-113yqz5{--cell:clamp(32px, min(calc((100cqi - 24px) / 8.36), calc((100vh - 340px) / 8.36), 64px), 64px);--pad:calc(var(--cell) * .18);--board:calc(var(--cell) * 8 + var(--pad) * 2);container-type:inline-size}.modes.modes-checkers{max-width:100%;overflow-x:auto}.modes button.lvl.svelte-113yqz5{white-space:nowrap;padding:.35rem .9rem}.frame.svelte-113yqz5{background:var(--paper-2);--frame:3px;--frame-ink:var(--ink-3);flex-direction:column;align-items:center;padding:8px;display:flex}.bar.svelte-113yqz5{width:var(--board);box-sizing:border-box;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:0 2px 8px;font-size:.8rem;display:grid}.side.svelte-113yqz5{white-space:nowrap;align-items:center;gap:.35rem;display:inline-flex;overflow:hidden}.side.right.svelte-113yqz5{justify-content:flex-end}.side.svelte-113yqz5 b:where(.svelte-113yqz5){color:var(--ink);font-variant-numeric:tabular-nums}.side.to-move.svelte-113yqz5{color:var(--ink);font-weight:600}.chip.svelte-113yqz5{flex:none;width:14px;height:14px}.status.svelte-113yqz5{text-align:center;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.status.forced.svelte-113yqz5{text-underline-offset:3px;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.board-box.svelte-113yqz5{padding:var(--pad);--ink-wash-ground:var(--paper-3);border-radius:4px}.board.svelte-113yqz5{grid-template-columns:repeat(8, var(--cell));grid-auto-rows:var(--cell);-webkit-user-select:none;user-select:none;touch-action:none;display:grid;position:relative}.sq.svelte-113yqz5{font:inherit;cursor:pointer;background:0 0;border:0;outline:none;place-items:center;padding:0;display:grid;position:relative}.sq.ink-hatch.svelte-113yqz5{background:color-mix(in srgb, var(--ink) 9%, transparent);--ink-hatch-color:color-mix(in srgb, var(--ink) 52%, transparent)}.light-sq.svelte-113yqz5{cursor:default}.sq.last.svelte-113yqz5{background:color-mix(in srgb, var(--ink) 22%, transparent)}.sq.cursor.svelte-113yqz5{z-index:2;--ink-box-color:var(--ink)}.dot.svelte-113yqz5{--ink-dab-color:var(--red);width:68%;height:68%;rotate:calc(var(--i) * 71deg);pointer-events:none}.board.busy.svelte-113yqz5 .sq:where(.svelte-113yqz5){cursor:default}.pieces.svelte-113yqz5{pointer-events:none;position:absolute;inset:0}.piece.svelte-113yqz5{--size:calc(var(--cell) * .8);width:var(--size);height:var(--size);transform:translate(calc(var(--c) * var(--cell) + (var(--cell) - var(--size)) / 2 + var(--dx)), calc(var(--r) * var(--cell) + (var(--cell) - var(--size)) / 2 + var(--dy)));z-index:1;transition:transform .18s ease-in-out,opacity .2s,scale .2s;position:absolute;top:0;left:0}.stone.svelte-113yqz5{width:100%;height:100%;display:block}.crown.svelte-113yqz5{background:var(--paper);-webkit-mask:var(--ck-crown) center / contain no-repeat;mask:var(--ck-crown) center / contain no-repeat;position:absolute;inset:15%}.piece.light.svelte-113yqz5 .crown:where(.svelte-113yqz5){background:var(--ink)}.piece.crowned.svelte-113yqz5{animation:.35s ease-out svelte-113yqz5-crown}.piece.crowned.svelte-113yqz5 .crown:where(.svelte-113yqz5){animation:.35s ease-out svelte-113yqz5-brush-in}@keyframes svelte-113yqz5-crown{40%{scale:1.18}}@keyframes svelte-113yqz5-brush-in{0%{clip-path:inset(0 100% 0 0)}}.piece.gone.svelte-113yqz5{opacity:0;scale:.5}.piece.must.svelte-113yqz5:after{content:"";inset:calc(var(--cell) * -.08);background:var(--ink);-webkit-mask:var(--ck-dashes) center / 100% 100% no-repeat;mask:var(--ck-dashes) center / 100% 100% no-repeat;animation:9s linear infinite svelte-113yqz5-spin;position:absolute}@keyframes svelte-113yqz5-spin{to{rotate:360deg}}.piece.sel.svelte-113yqz5{z-index:3}.piece.sel.svelte-113yqz5:before{content:"";inset:calc(var(--cell) * -.1);background:var(--red);-webkit-mask:var(--ink-enso) center / 100% 100% no-repeat;mask:var(--ink-enso) center / 100% 100% no-repeat;rotate:calc(var(--i) * 97deg);position:absolute}.piece.dragging.svelte-113yqz5{z-index:4;transition:none;scale:1.08}.tools.svelte-113yqz5{grid-template-columns:1fr;width:min(100%,140px);margin:.6rem auto 0;display:grid}.board-wrap.svelte-113yqz5{flex-direction:column;align-items:center;display:flex}p.svelte-113yqz5 .dim:where(.svelte-113yqz5){color:var(--muted)}.note.svelte-113yqz5{color:var(--muted);margin:.6rem 0 0;font-size:.78rem}@media (width<=800px){.board-wrap.svelte-113yqz5{--cell:clamp(32px, min(calc((100cqi - 24px) / 8.36), 64px), 64px)}}.lvl.svelte-113yqz5 .duel-ico{display:none}@media (width<=480px){.modes button.lvl.svelte-113yqz5{padding:.35rem .6rem}.lvl.svelte-113yqz5 .wide:where(.svelte-113yqz5),.side.svelte-113yqz5 .name:where(.svelte-113yqz5){display:none}.lvl.svelte-113yqz5 .duel-ico{vertical-align:-.15em;display:inline-block}}@media (prefers-reduced-motion:reduce){.piece.svelte-113yqz5,.piece.crowned.svelte-113yqz5,.piece.crowned.svelte-113yqz5 .crown:where(.svelte-113yqz5),.piece.must.svelte-113yqz5:after{transition:none;animation:none}}