:root{--border:28px;--cellw:56px;--len-6:calc(var(--cellw)*6);--len-8:calc(var(--cellw)*8);--len-10:calc(var(--cellw)*10);--len-12:calc(var(--cellw)*12);--sel-colour:hsla(0,0%,94%,.3);--pl1-box-col:#000;--pl2-box-col:#fff}#knn_board{margin:auto;position:relative}.knn_board606{background-image:url(img/board0606.png);height:calc(var(--len-6) + var(--border)*2);width:calc(var(--len-6) + var(--border)*2)}.knn_board808{background-image:url(img/board0808.png);height:calc(var(--len-8) + var(--border)*2);width:calc(var(--len-8) + var(--border)*2)}.knn_board1010{background-image:url(img/board1010.png);height:calc(var(--len-10) + var(--border)*2);width:calc(var(--len-10) + var(--border)*2)}.knn_board1212{background-image:url(img/board1212.png);height:calc(var(--len-12) + var(--border)*2);width:calc(var(--len-12) + var(--border)*2)}.knn_cell{height:var(--cellw);position:absolute;width:var(--cellw)}.knn_cell.knn_highl{background-color:var(--sel-colour)}.knn_cell1{background-position:0 0}.knn_cell1,.knn_cell1.knn_sel{background-image:url(img/stones56x56.png)}.knn_cell1.knn_sel{background-position:0 -56px}.knn_cell2{background-position:-56px 0}.knn_cell2,.knn_cell2.knn_sel{background-image:url(img/stones56x56.png)}.knn_cell2.knn_sel{background-position:-56px -56px}