#board{background:none;box-shadow:none;border-radius:0;overflow:visible}.frame{fill:var(--board);transform-box:fill-box;transform-origin:center;transition:fill .3s ease}.frame-shadow{flood-color:#281e0a;flood-opacity:.12}:root[data-theme=dark] .frame-shadow{flood-color:#000;flood-opacity:.45}.well{fill:var(--sub-bg);stroke:var(--line);stroke-width:2;transform-box:fill-box;transform-origin:center;transition:stroke .15s ease}.disc{transform-box:fill-box;transform-origin:center}.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}.player-mark .disc-body{stroke:none}.title-icon circle{fill:var(--turn);stroke:none;transition:fill .3s ease}.col-hit{fill:transparent}#board.live .col{cursor:pointer}#board.live .col.full{cursor:not-allowed}.col-tint{fill:transparent;transition:fill .15s ease}#board.live .column.lit .col-tint{fill:color-mix(in srgb,var(--turn-soft) 75%,transparent)}#board.live .well.target{stroke:var(--turn);stroke-width:3;stroke-dasharray:8 7}.ghost{opacity:0;transition:opacity .15s ease;pointer-events:none}.ghost.shown{opacity:.45}.ghost.shown.blocked{opacity:.15}.col-ring{fill:none;stroke:var(--focus);stroke-width:4;opacity:0}.col:focus-visible .col-ring{opacity:1}.win-line path{fill:none;stroke-linecap:round}.win-casing{stroke:var(--board);stroke-width:22}.win-core{stroke-width:10}#board.over .disc:not(.win){opacity:.3}#board.over.drawn .disc{opacity:.5}.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%}
