.go-board{--n:15;--wood:#dcb35c;--grid:#5a4220;--mark:#e0412f;aspect-ratio:1;grid-template-columns:repeat(var(--n), 1fr);grid-template-rows:repeat(var(--n), 1fr);background:var(--wood);-webkit-user-select:none;user-select:none;border-radius:4px;width:min(100%,600px);margin:0 auto;display:grid}@media (prefers-color-scheme:dark){.go-board{--wood:#a8823f;--grid:#3a2a12}}.go-cell{cursor:default;background:0 0;border:0;border-radius:0;min-width:0;min-height:0;padding:0;position:relative}.go-cell:before,.go-cell:after{content:"";background:var(--grid);pointer-events:none;position:absolute}.go-cell:before{height:1px;top:50%;left:0;right:0}.go-cell:after{width:1px;top:0;bottom:0;left:50%}.go-cell.l:before{left:50%}.go-cell.r:before{right:50%}.go-cell.t:after{top:50%}.go-cell.b:after{bottom:50%}.go-cell.star{background:radial-gradient(circle, var(--grid) 0 9%, transparent 10%)}.go-cell .stone{z-index:1;border-radius:50%;display:none;position:absolute;inset:6%}.go-cell[data-stone="1"] .stone{background:#141414;display:block}.go-cell[data-stone="2"] .stone{background:#f5f5f5;display:block;box-shadow:inset 0 0 0 1px #777}.go-cell.last[data-stone="1"] .stone{box-shadow:0 0 0 2px var(--mark)}.go-cell.last[data-stone="2"] .stone{box-shadow:inset 0 0 0 1px #777, 0 0 0 2px var(--mark)}.go-cell.win .stone,.go-cell.win.last .stone{box-shadow:0 0 0 3px var(--ok)}.go-board.my-turn .go-cell[data-stone="0"]{cursor:pointer}@media (hover:hover){.go-board.my-turn .go-cell[data-stone="0"]:hover .stone{background:#0003;display:block}}.status{text-align:center;min-height:1.5em;margin:-4px 0 10px;font-weight:600}