.cb-squares,.cb-coords{grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:absolute;inset:0;container-type:inline-size}.cb-squares{border-radius:inherit;overflow:hidden}.cb-coords{pointer-events:none}.cb-coord{font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif);-webkit-user-select:none;user-select:none;font-size:max(8px,2.1cqw);font-weight:700;line-height:1;position:absolute}.cb-coord-rank{top:4%;left:5%}.cb-coord-file{bottom:3%;right:6%}.cb-board{isolation:isolate;aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;width:100%;position:relative}.cb-layer-1{z-index:1}.cb-layer-2{z-index:2}.cb-layer-3{z-index:3}.cb-layer-4{z-index:4}.cb-board>.cg-wrap{box-sizing:border-box;width:100%;height:100%;position:absolute;inset:0}.cb-board cg-board{background:0 0}.cb-board .cg-wrap.manipulable cg-board{cursor:pointer}.cb-board.cursor-copy .cg-wrap cg-board{cursor:copy}.cb-board cg-board piece.dragging{cursor:grabbing}.cb-board cg-board square.last-move,.cb-board cg-board square.selected{background-color:var(--board-highlight)}.cb-board cg-board square.check{background:var(--board-check)}.cb-board cg-board square.move-dest{background:radial-gradient(circle closest-side,#00000024 33%,#0000 35%)}.cb-board cg-board square.move-dest.oc{background:radial-gradient(circle closest-side,#0000 78%,#00000024 80% 99%,#0000 100%)}.cb-drag-over{box-shadow:inset 0 0 0 max(3px,.6cqw) #ffffffa6}.cb-board .cg-wrap piece{background-position:50%;background-repeat:no-repeat;background-size:var(--cb-piece-size,100%)}.cb-board .cg-wrap piece.ghost{opacity:.35}[data-piece-set=cburnett]{--cb-piece-size:95%}[data-piece-set=modern]{--cb-piece-size:92%}.cb-board[data-piece-set=cburnett] piece.pawn.white{background-image:url(/pieces/cburnett/wP.svg)}.cb-board[data-piece-set=cburnett] piece.knight.white{background-image:url(/pieces/cburnett/wN.svg)}.cb-board[data-piece-set=cburnett] piece.bishop.white{background-image:url(/pieces/cburnett/wB.svg)}.cb-board[data-piece-set=cburnett] piece.rook.white{background-image:url(/pieces/cburnett/wR.svg)}.cb-board[data-piece-set=cburnett] piece.queen.white{background-image:url(/pieces/cburnett/wQ.svg)}.cb-board[data-piece-set=cburnett] piece.king.white{background-image:url(/pieces/cburnett/wK.svg)}.cb-board[data-piece-set=cburnett] piece.pawn.black{background-image:url(/pieces/cburnett/bP.svg)}.cb-board[data-piece-set=cburnett] piece.knight.black{background-image:url(/pieces/cburnett/bN.svg)}.cb-board[data-piece-set=cburnett] piece.bishop.black{background-image:url(/pieces/cburnett/bB.svg)}.cb-board[data-piece-set=cburnett] piece.rook.black{background-image:url(/pieces/cburnett/bR.svg)}.cb-board[data-piece-set=cburnett] piece.queen.black{background-image:url(/pieces/cburnett/bQ.svg)}.cb-board[data-piece-set=cburnett] piece.king.black{background-image:url(/pieces/cburnett/bK.svg)}.cb-board[data-piece-set=modern] piece.pawn.white{background-image:url(/pieces/modern/wP.svg)}.cb-board[data-piece-set=modern] piece.knight.white{background-image:url(/pieces/modern/wN.svg)}.cb-board[data-piece-set=modern] piece.bishop.white{background-image:url(/pieces/modern/wB.svg)}.cb-board[data-piece-set=modern] piece.rook.white{background-image:url(/pieces/modern/wR.svg)}.cb-board[data-piece-set=modern] piece.queen.white{background-image:url(/pieces/modern/wQ.svg)}.cb-board[data-piece-set=modern] piece.king.white{background-image:url(/pieces/modern/wK.svg)}.cb-board[data-piece-set=modern] piece.pawn.black{background-image:url(/pieces/modern/bP.svg)}.cb-board[data-piece-set=modern] piece.knight.black{background-image:url(/pieces/modern/bN.svg)}.cb-board[data-piece-set=modern] piece.bishop.black{background-image:url(/pieces/modern/bB.svg)}.cb-board[data-piece-set=modern] piece.rook.black{background-image:url(/pieces/modern/bR.svg)}.cb-board[data-piece-set=modern] piece.queen.black{background-image:url(/pieces/modern/bQ.svg)}.cb-board[data-piece-set=modern] piece.king.black{background-image:url(/pieces/modern/bK.svg)}.cb-static-piece{width:12.5%;height:12.5%;padding:calc((100% - var(--cb-piece-size,100%)) / 16);pointer-events:none;position:absolute;top:0;left:0}.cb-board[data-ready=true] .cb-static-piece{opacity:0}.cb-keys{pointer-events:none;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:absolute;inset:0}.cb-keys>button{pointer-events:none;background:0 0;border:0;padding:0}.cb-keys>button:focus-visible{outline:3px solid var(--color-accent-300,#a3d160);outline-offset:-3px}.cb-board .cg-wrap .cg-shapes{opacity:1}.cb-board .cg-wrap .cg-shapes circle{display:none}