.title-icon .solid{fill:var(--turn);stroke:none;transition:fill .3s ease}.player-info{display:grid;min-width:0;line-height:1.2}.disc-count{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.player-mark .disc-body{stroke:none}.grid path{fill:none;stroke:color-mix(in srgb,var(--line-strong) 50%,var(--board));stroke-width:2;stroke-linecap:round}.cell-hit{fill:transparent;stroke:transparent;transition:fill .15s ease}.disc{transform-box:fill-box;transform-origin:center;transition:opacity .3s ease}.disc-x .disc-body{fill:var(--x)}.disc-o .disc-body{fill:var(--o)}.disc-cue{fill:none;stroke:var(--board);stroke-linecap:round;opacity:.85}.move-dot{fill:var(--turn);opacity:0;transition:opacity .2s ease,fill .3s ease;pointer-events:none}#board.live .cell.legal .move-dot{opacity:.4}#board.live .cell.legal{cursor:pointer}@media(hover:hover){#board.live .cell.legal:hover .cell-hit{fill:color-mix(in srgb,var(--turn-soft) 80%,transparent)}#board.live .cell.legal:hover .move-dot{opacity:.75}}.cell:focus-visible .cell-hit{stroke:var(--focus);stroke-width:3}.cell.last .cell-hit{fill:color-mix(in srgb,var(--line) 45%,transparent)}#board.won-x .disc-o,#board.won-o .disc-x{opacity:.35}#board.over .cell.last .cell-hit{fill:transparent}.btn.primary.quiet:not(:disabled){background:var(--surface);color:inherit}.btn.primary.quiet:hover:not(:disabled){background:var(--surface-2)}.board-area .confetti{top:50%}