.board-wrap.svelte-lc2qlt{--cell:clamp(30px, min(calc((100cqi - 24px) / 8), calc((100vh - 360px) / 8), 60px), 60px);--pad:calc(var(--cell) * .2);--board:calc(var(--cell) * 8 + var(--pad) * 2);container-type:inline-size}.modes.reversi-modes{flex-wrap:wrap;max-width:100%}.modes button.lvl.svelte-lc2qlt{white-space:nowrap;padding:.35rem .9rem}.frame.svelte-lc2qlt{background:var(--paper-2);--frame:3px;--frame-ink:var(--ink-3);flex-direction:column;align-items:center;padding:8px;display:flex}.bar.svelte-lc2qlt{width:var(--board);box-sizing:border-box;color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;padding:0 2px 8px;font-size:.8rem;display:flex}.side.svelte-lc2qlt{white-space:nowrap;--frame:2px;--frame-ink:transparent;align-items:center;gap:.35rem;padding:.15rem .45rem;display:inline-flex}.side.svelte-lc2qlt b:where(.svelte-lc2qlt){color:var(--ink);font-variant-numeric:tabular-nums;font-size:.95rem}.side.to-move.svelte-lc2qlt{color:var(--ink);--frame-ink:var(--ink)}.status.svelte-lc2qlt{width:var(--board);text-align:center;min-height:1.3em;color:var(--muted);margin:6px 0 0;font-size:.8rem}.swatch.svelte-lc2qlt{width:1rem;height:1rem}.board.svelte-lc2qlt{grid-template-columns:repeat(8, var(--cell));grid-auto-rows:var(--cell);padding:var(--pad);--ink-wash-ground:var(--paper-3);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:4px;width:max-content;display:grid}.cell.svelte-lc2qlt{font:inherit;cursor:default;background:0 0;border:0;border-radius:3px;outline:none;place-items:center;padding:0;display:grid;position:relative}.cell.playable.svelte-lc2qlt{cursor:pointer}.cell.playable.svelte-lc2qlt:hover{background:radial-gradient(circle, color-mix(in srgb, var(--ink) 12%, transparent) 25%, transparent 68%)}.cell.cursor.svelte-lc2qlt{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px color-mix(in srgb, var(--paper-3) 70%, transparent)}.disc.svelte-lc2qlt{width:84%;height:84%}.disc.last.svelte-lc2qlt:after{content:"";background:var(--red);-webkit-mask:var(--ink-dab) center / contain no-repeat;mask:var(--ink-dab) center / contain no-repeat;position:absolute;inset:28%}.disc.placed.svelte-lc2qlt{animation:.18s ease-out svelte-lc2qlt-drop}@keyframes svelte-lc2qlt-drop{0%{opacity:.4;scale:.55}}.disc.flip.s1.svelte-lc2qlt{animation:.32s ease-in-out backwards svelte-lc2qlt-to-ink;animation-delay:var(--delay)}.disc.flip.s2.svelte-lc2qlt{animation:.32s ease-in-out backwards svelte-lc2qlt-to-paper;animation-delay:var(--delay)}.disc.flip.s1.svelte-lc2qlt:before{animation:.32s backwards svelte-lc2qlt-ring-off;animation-delay:var(--delay)}.disc.flip.s2.svelte-lc2qlt:before{animation:.32s backwards svelte-lc2qlt-ring-on;animation-delay:var(--delay)}@keyframes svelte-lc2qlt-to-ink{0%,50%{background:var(--ink-face-paper)}50%{scale:.04 1}50.01%,to{background:var(--ink-face-ink)}}@keyframes svelte-lc2qlt-to-paper{0%,50%{background:var(--ink-face-ink)}50%{scale:.04 1}50.01%,to{background:var(--ink-face-paper)}}@keyframes svelte-lc2qlt-ring-off{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes svelte-lc2qlt-ring-on{0%,50%{opacity:0}50.01%,to{opacity:1}}.dot.svelte-lc2qlt{width:36%;height:36%;rotate:calc(var(--i) * 71deg)}.cell.playable.svelte-lc2qlt:hover .dot:where(.svelte-lc2qlt){--ink-dab-color:var(--ink)}.board.over.svelte-lc2qlt .cell:where(.svelte-lc2qlt){cursor:default}.tools.svelte-lc2qlt{width:min(100%, max(calc(var(--board) + 16px), 260px));grid-template-columns:repeat(2,1fr);gap:4px;margin:.6rem auto 0;display:grid}p.svelte-lc2qlt .dim:where(.svelte-lc2qlt){color:var(--muted)}.note.svelte-lc2qlt{color:var(--muted);margin:.5rem 0 0;font-size:.75rem}@media (width<=800px){.board-wrap.svelte-lc2qlt{--cell:clamp(30px, min(calc((100cqi - 24px) / 8), 60px), 60px)}}@media (width<=420px){.modes button.lvl.svelte-lc2qlt{padding:.35rem .6rem}.bar.svelte-lc2qlt{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.disc.placed.svelte-lc2qlt,.disc.flip.s1.svelte-lc2qlt,.disc.flip.s2.svelte-lc2qlt,.disc.flip.s1.svelte-lc2qlt:before,.disc.flip.s2.svelte-lc2qlt:before{animation:none!important}}