.title-icon{stroke-width:1.6}#board{width:min(100cqw,calc(100cqh * var(--ratio, 1.6)));height:auto;aspect-ratio:var(--ratio, 1.6)}.cell,.stone{transform-box:fill-box;transform-origin:center}.edge{fill:none;stroke-width:16;stroke-linecap:round;stroke-linejoin:round}.cell-hex{fill:var(--sub-bg);stroke:var(--line);stroke-width:2;transition:fill .15s ease}.stone-x .stone-body{fill:var(--x)}.stone-o .stone-body{fill:var(--o)}.stone .stone-cue *{fill:none;stroke:var(--board);stroke-linecap:round;opacity:.9}.player-mark .stone-body{stroke:none}.result-mark .stone .stone-cue path{stroke-width:4}.cell.last .stone-body{stroke:var(--line-strong);stroke-width:3;stroke-linejoin:round}#board.live .cell:not(.filled){cursor:pointer}@media(hover:hover){#board.live .cell:not(.filled):hover .cell-hex{fill:var(--turn-soft)}}#board.live .cell:not(.filled):focus-visible .cell-hex{fill:var(--turn-soft)}.focus-ring{fill:none;stroke:var(--focus);stroke-width:4;stroke-linejoin:round;pointer-events:none;opacity:0}.focus-ring.shown{opacity:1}.cells .slot,.fx{pointer-events:none}.chain path{fill:none;stroke-linecap:round;stroke-linejoin:round}.chain-casing{stroke:var(--board);stroke-width:14}.chain-core{stroke-width:6}#board.over .stone:not(.win){opacity:.3}#board.over .cell.last .stone-body{stroke:none}#btn-swap[hidden]{display:none}