.board-wrap.svelte-y9okr6{--cell:clamp(26px, min(calc((100cqi - 44px) / 7.72), calc((100vh - 420px) / 7), 64px), 64px);--gap:calc(var(--cell) * .12);--pitch:calc(var(--cell) + var(--gap));--board:calc(var(--pitch) * 7 - var(--gap) + 20px);container-type:inline-size}.frame.svelte-y9okr6{background:var(--paper-2);--frame:3px;--frame-ink:var(--ink-3);flex-direction:column;align-items:center;width:max-content;max-width:100%;margin:0 auto;padding:8px;display:flex}.bar.svelte-y9okr6{width:var(--board);box-sizing:border-box;justify-content:space-between;align-items:center;gap:.5rem;padding:0 2px 4px;font-size:.85rem;display:flex}.turn.svelte-y9okr6{align-items:center;gap:.45rem;min-width:0;font-weight:600;display:inline-flex}.turn.svelte-y9okr6 span:where(.svelte-y9okr6):last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.turn.thinking.svelte-y9okr6 .disc:where(.svelte-y9okr6){animation:.9s ease-in-out infinite alternate svelte-y9okr6-bob}@keyframes svelte-y9okr6-bob{to{translate:0 -3px}}.meta.svelte-y9okr6{color:var(--muted);white-space:nowrap}.hand.svelte-y9okr6{width:var(--board);height:calc(var(--cell) + 6px);box-sizing:border-box;padding:0 10px;position:relative}.held.svelte-y9okr6{width:var(--cell);height:var(--cell);translate:calc(var(--col) * var(--pitch)) 0;transition:translate .12s ease-out;position:absolute;top:2px;left:10px}.held.aiming.svelte-y9okr6{transition-duration:.22s}.board.svelte-y9okr6{gap:var(--gap);--ink-wash-ground:var(--paper-3);--ink-grid-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:4px;padding:10px;display:flex}.col.svelte-y9okr6{gap:var(--gap);border-radius:calc(var(--cell) / 2);font:inherit;cursor:pointer;--ring:color-mix(in srgb, var(--ink-3) 42%, transparent);background:0 0;border:0;outline:none;flex-direction:column;padding:0;display:flex}.col[aria-disabled=true].svelte-y9okr6{cursor:default}.col.svelte-y9okr6:not([aria-disabled=true]):hover,.col.cursor.svelte-y9okr6{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ink) 9%, transparent) 22% 78%, transparent);--ring:var(--ink-2)}.slot.svelte-y9okr6{width:var(--cell);height:var(--cell);background:radial-gradient(circle, color-mix(in srgb, var(--ink) 9%, transparent) 0 52%, color-mix(in srgb, var(--ink) 4%, transparent) 64%, transparent 72%);border-radius:50%;display:block;position:relative}.slot.svelte-y9okr6:before,.slot.win.svelte-y9okr6:after{content:"";pointer-events:none;background:var(--ring);-webkit-mask:var(--ink-enso) center / 100% 100% no-repeat;mask:var(--ink-enso) center / 100% 100% no-repeat;rotate:calc(var(--i) * 137deg);position:absolute;inset:0}.slot.svelte-y9okr6:before{scale:1.08}.frame.svelte-y9okr6 .disc:where(.svelte-y9okr6){z-index:1;display:block;position:absolute;inset:0}.board-wrap.svelte-y9okr6{--face-red:radial-gradient(circle at 36% 32%, color-mix(in srgb, var(--red) 72%, var(--paper)) 0, var(--red) 58%, color-mix(in srgb, var(--red) 78%, var(--ink)) 100%)}[data-theme=dark] .board-wrap.svelte-y9okr6{--face-red:radial-gradient(circle at 36% 32%, color-mix(in srgb, var(--red) 80%, var(--ink)) 0, var(--red) 58%, color-mix(in srgb, var(--red) 70%, var(--paper)) 100%)}.frame.svelte-y9okr6 .disc.s1:where(.svelte-y9okr6){background:var(--face-red)}.hatch.svelte-y9okr6{background:var(--ink);-webkit-mask:var(--ink-hatch-tile) calc(var(--i) * 5px) 0 / 18px 18px, var(--ink-disc) center / 100% 100% no-repeat;mask:var(--ink-hatch-tile) calc(var(--i) * 5px) 0 / 18px 18px, var(--ink-disc) center / 100% 100% no-repeat;opacity:.85;position:absolute;inset:22%;-webkit-mask-composite:source-in;mask-composite:intersect}.frame.svelte-y9okr6 .disc.mini:where(.svelte-y9okr6){flex:none;width:1.15rem;height:1.15rem;position:relative;inset:auto}.disc.mini.svelte-y9okr6 .hatch:where(.svelte-y9okr6){inset:18%;-webkit-mask-size:10px 10px,100% 100%;mask-size:10px 10px,100% 100%}.board.svelte-y9okr6 .disc.falling:where(.svelte-y9okr6){z-index:2;animation:svelte-y9okr6-fall calc(var(--ms) * 1ms) both}@keyframes svelte-y9okr6-fall{0%{translate:0 calc(-1 * var(--rows) * var(--pitch) - 14px);animation-timing-function:cubic-bezier(.55,0,1,.6)}82%{animation-timing-function:ease-out;translate:0}91%{translate:0 calc(var(--cell) * -.07);animation-timing-function:ease-in}to{translate:0}}.disc.last.svelte-y9okr6:after{content:"";background:var(--ink);-webkit-mask:var(--ink-dab) center / contain no-repeat;mask:var(--ink-dab) center / contain no-repeat;rotate:calc(var(--i) * 71deg);position:absolute;inset:32%}.disc.s1.last.svelte-y9okr6:after{background:var(--on-red)}.board.won.svelte-y9okr6 .disc:where(.svelte-y9okr6):not(.win){opacity:.35}.board.won.svelte-y9okr6 .disc.win:where(.svelte-y9okr6){animation:.5s ease-out both svelte-y9okr6-win}@keyframes svelte-y9okr6-win{50%{scale:1.12}}.slot.win.svelte-y9okr6:after{z-index:3;background:var(--ink);animation:.45s ease-out .15s both svelte-y9okr6-ring;inset:-21%}@keyframes svelte-y9okr6-ring{0%{opacity:0;scale:.7}}@media (prefers-reduced-motion:reduce){.disc.falling.svelte-y9okr6,.board.won.svelte-y9okr6 .disc.win:where(.svelte-y9okr6),.slot.win.svelte-y9okr6:after,.turn.thinking.svelte-y9okr6 .disc:where(.svelte-y9okr6){animation:none!important}.held.svelte-y9okr6{transition:none}}@media (width<=800px){.board-wrap.svelte-y9okr6{--cell:clamp(26px, calc((100cqi - 44px) / 7.72), 64px)}}.note.svelte-y9okr6{margin:.5rem 0 0;font-size:.8rem}