.gm-board{--gm-cell:calc(100cqmin / (var(--gm-n) + 1.2));--gm-pad:calc(var(--gm-cell) * .6);--gm-span:calc(var(--gm-cell) * var(--gm-n));--gm-edge-w:max(1px, .18cqmin);border-radius:var(--r-md);background:var(--g-wood);width:100%;height:100%;box-shadow:inset 0 0 0 2px var(--g-wood-edge), var(--shadow-2);position:relative;container-type:size}.gm-board[data-turn=black]{--gm-next-fill:radial-gradient(circle at 34% 30%, var(--g-black-shine), var(--g-black-body) 62%)}.gm-board[data-turn=white]{--gm-next-fill:radial-gradient(circle at 34% 30%, var(--g-white-body) 40%, var(--g-white-shade))}.gm-board[data-won=black]{--gm-winline:var(--g-win-on-black)}.gm-board[data-won=white]{--gm-winline:var(--g-win-on-white)}.gm-lines,.gm-winline{top:var(--gm-pad);left:var(--gm-pad);width:var(--gm-span);height:var(--gm-span);pointer-events:none;position:absolute;overflow:visible}.gm-lines line{stroke:var(--g-line);stroke-width:max(1px,.14cqmin);vector-effect:non-scaling-stroke}.gm-lines line[data-edge]{stroke-width:max(1.5px,.28cqmin)}.gm-star{fill:var(--g-line)}.gm-aim line{stroke:var(--g-aim);stroke-width:max(2px,.32cqmin);stroke-linecap:round;opacity:.9}.gm-coords{font-family:var(--font-body);font-size:max(7px, calc(var(--gm-cell) * .34));font-weight:var(--fw-semibold);color:var(--g-coord);pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;line-height:1;display:grid;position:absolute}.gm-coords--cols{left:var(--gm-pad);width:var(--gm-span);height:var(--gm-pad);grid-template-columns:repeat(var(--gm-n), minmax(0, 1fr));bottom:0}.gm-coords--rows{top:var(--gm-pad);width:var(--gm-pad);height:var(--gm-span);grid-template-rows:repeat(var(--gm-n), minmax(0, 1fr));left:0}.gm-coords span[data-on]{color:var(--g-coord-active);font-weight:var(--fw-bold)}.gm-grid{top:var(--gm-pad);left:var(--gm-pad);grid-template-rows:repeat(var(--gm-n), minmax(0, 1fr));width:var(--gm-span);height:var(--gm-span);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;display:grid;position:absolute}.gm-row{grid-template-columns:repeat(var(--gm-n), minmax(0, 1fr));min-height:0;display:grid}.gm-gc{min-width:0;min-height:0;display:grid}.gm-pt{width:100%;height:100%;color:inherit;cursor:default;touch-action:manipulation;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:relative}.gm-board[data-interactive] .gm-pt:not([data-stone]){cursor:pointer}.gm-stone{pointer-events:none;border-radius:50%;position:absolute;inset:5%}.gm-stone[data-c=B]{background:radial-gradient(circle at 34% 30%, var(--g-black-shine), var(--g-black-body) 62%);box-shadow:inset 0 0 0 var(--gm-edge-w) var(--g-black-edge), 0 max(1px, .18cqmin) max(1.5px, .3cqmin) color-mix(in srgb, var(--g-shadow) 45%, transparent)}.gm-stone[data-c=W]{background:radial-gradient(circle at 34% 30%, var(--g-white-body) 40%, var(--g-white-shade));box-shadow:inset 0 0 0 var(--gm-edge-w) var(--g-white-edge), 0 max(1px, .18cqmin) max(1.5px, .3cqmin) color-mix(in srgb, var(--g-shadow) 45%, transparent)}.gm-stone[data-c=W]:after{content:"";border:max(1px, .2cqmin) solid var(--g-white-ring);border-radius:50%;position:absolute;inset:27%}.gm-stone[data-new]{animation:gm-place var(--dur-2) var(--ease-out)}@keyframes gm-place{0%{opacity:.3;transform:scale(.55)}}.gm-pt[data-stone=B]{--gm-last:var(--g-last-on-black)}.gm-pt[data-stone=W]{--gm-last:var(--g-last-on-white)}.gm-pt[data-kit-last]:before{z-index:2;background:var(--gm-last);width:max(5px,24%);box-shadow:none;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.gm-pt:after{content:"";opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.gm-board[data-interactive] .gm-pt:not([data-stone]):hover:after{background:var(--gm-next-fill);opacity:.45;-webkit-mask-image:radial-gradient(circle closest-side,currentColor 89%,#0000 91%);mask-image:radial-gradient(circle closest-side,currentColor 89%,#0000 91%)}}.gm-stone--ghost{opacity:.6}.gm-pt[data-pending]:after{border:max(1.5px, .3cqmin) dashed var(--g-aim);opacity:1}.gm-pt:focus-visible{z-index:3;outline:none}.gm-pt:focus-visible:after{box-shadow:inset 0 0 0 max(2px, .34cqmin) var(--g-focus), 0 0 0 max(1.5px, .22cqmin) var(--g-focus-halo);opacity:1;background:0 0;border:0;inset:-2%}.gm-pt[data-win]:after{border:max(2px, .32cqmin) solid var(--g-win-ring);opacity:1}.gm-board[data-won] .gm-pt[data-stone]:not([data-win]) .gm-stone{opacity:.6}.gm-winline{z-index:3}.gm-winline line{stroke:var(--gm-winline);stroke-width:.13px;stroke-linecap:round;stroke-dasharray:1;opacity:.9;animation:gm-draw var(--dur-3) var(--ease-out) .15s both}@keyframes gm-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.gm-stone--icon{--gm-edge-w:1px;width:76%;height:76%;display:block;position:relative;inset:auto}.gm-stone--icon[data-c=W]:after{border-width:1.5px}.gm-stone--icon[data-c=B]{box-shadow:inset 0 0 0 var(--gm-edge-w) var(--g-mark-black-edge)}