.board{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;display:grid}.board-cell{aspect-ratio:1;background:var(--board-cell,#fff);color:var(--board-ink,#111827);font:inherit;font-weight:800;font-size:var(--cell-font,16px);border:0;border-radius:6px;place-items:center;padding:0;line-height:1.05;transition:background .15s,transform 80ms,box-shadow .15s;display:grid;position:relative;overflow:hidden}.board-cell:disabled{cursor:default;opacity:1}.board.interactive .board-cell{cursor:pointer}.board.interactive .board-cell:hover{filter:brightness(.96)}.board.interactive .board-cell:active{transform:scale(.96)}.board-cell.dim{opacity:.35}.board-mark{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.board-mark>span,.board-mark>svg{width:62%;height:62%}.board-mark>svg.check-mark{width:92%;height:92%}.board-label{text-align:center;word-break:keep-all;overflow-wrap:anywhere;padding:0 2px;position:relative}.board-label.corner{font-size:calc(var(--cell-font) * .55);opacity:.85;text-shadow:none;position:absolute;top:3%;left:6%}.board-cell.marked .board-label:not(.corner){text-shadow:none}