.cg-wrap{box-sizing:content-box;display:block;position:relative}cg-container{width:100%;height:100%;display:block;position:absolute;top:0}cg-board{-webkit-user-select:none;user-select:none;background-size:cover;width:100%;height:100%;line-height:0;position:absolute;top:0;left:0}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{pointer-events:none;width:12.5%;height:12.5%;position:absolute;top:0;left:0}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{z-index:2;will-change:transform;pointer-events:none;background-size:cover;width:12.5%;height:12.5%;position:absolute;top:0;left:0}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{pointer-events:none;z-index:2;opacity:.6;width:100%;height:100%;position:relative;top:0;left:0;overflow:hidden}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{opacity:.6;z-index:2;overflow:hidden}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg{overflow:visible}.cg-wrap coords{pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px;display:flex;position:absolute}.cg-wrap coords.ranks{flex-flow:column-reverse;width:12px;height:100%;top:-20px;left:4px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{align-items:flex-end;left:-15px}.cg-wrap coords.files{text-transform:uppercase;text-align:center;flex-flow:row;width:100%;height:16px;bottom:-4px;left:24px}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.cg-wrap coords.squares{text-transform:uppercase;text-align:right;flex-flow:column-reverse;width:12.5%;height:100%;bottom:0;left:0}.cg-wrap coords.squares.black{flex-flow:column}.cg-wrap coords.squares.left{text-align:left}.cg-wrap coords.squares coord{padding:6% 4%}.cg-wrap coords.squares.rank2{transform:translate(100%)}.cg-wrap coords.squares.rank3{transform:translate(200%)}.cg-wrap coords.squares.rank4{transform:translate(300%)}.cg-wrap coords.squares.rank5{transform:translate(400%)}.cg-wrap coords.squares.rank6{transform:translate(500%)}.cg-wrap coords.squares.rank7{transform:translate(600%)}.cg-wrap coords.squares.rank8{transform:translate(700%)}cg-board{background-color:var(--board-light,#eee);background-image:repeating-conic-gradient(var(--board-dark,#b4b4b4) 0deg 90deg, var(--board-light,#eee) 90deg 180deg);background-size:25% 25%}cg-board square.move-dest{background:radial-gradient(#4fb2aa66 22%,#4fb2aa 0,#00000040 0,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(#0000 0% 80%,#4fb2aa59 80%)}cg-board square.move-dest:hover{background:#4fb2aa47}cg-board square.last-move{background-color:#4fb2aa52}cg-board square.selected{background-color:#1f6b6473}cg-board square.check{background:radial-gradient(#dc2626 0%,#b91c1c 25%,#b91c1c00 89% 100%)}.cg-wrap{container-type:inline-size}.cg-wrap svg.training-hint-arrow{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cg-wrap svg.training-hint-arrow--back{z-index:1}.cg-wrap svg.training-hint-arrow--front{z-index:12}.cg-wrap svg.training-hint-arrow path{fill:none;stroke:#4fb2aa;stroke-width:1.7px;stroke-linecap:round}.cg-wrap .board-edge-coords{pointer-events:none;z-index:1;position:absolute;inset:0}.cg-wrap .board-coord{font-family:inherit;font-size:var(--coord-size,2.45cqi);-webkit-user-select:none;user-select:none;transform:scale(calc(var(--coord-size,2.45cqi) / 1cap));padding:0;font-weight:700;line-height:1;position:absolute}.cg-wrap .board-coord-rank{left:calc(var(--col) * 12.5cqi + var(--coord-inset,3px));top:calc(var(--row) * 12.5cqi + var(--coord-inset,3px));transform-origin:0 0}.cg-wrap .board-coord-file{right:calc((7 - var(--col)) * 12.5cqi + var(--coord-inset,3px));bottom:var(--coord-inset,3px);transform-origin:100% 100%}.cg-wrap .board-coord.on-light{color:#0000004d}.cg-wrap .board-coord.on-dark{color:#ffffff9e}.cg-wrap piece{background-position:50%;background-repeat:no-repeat;background-size:contain}.cg-wrap piece.pawn.white{background-image:var(--piece-white-pawn)}.cg-wrap piece.rook.white{background-image:var(--piece-white-rook)}.cg-wrap piece.queen.white{background-image:var(--piece-white-queen)}.cg-wrap piece.king.white{background-image:var(--piece-white-king)}.cg-wrap piece.knight.white,.cg-wrap piece.knight.white.facing-left{background-image:var(--piece-white-knight-left)}.cg-wrap piece.knight.white.facing-right{background-image:var(--piece-white-knight-right)}.cg-wrap piece.bishop.white,.cg-wrap piece.bishop.white.facing-left{background-image:var(--piece-white-bishop-left)}.cg-wrap piece.bishop.white.facing-right{background-image:var(--piece-white-bishop-right)}.cg-wrap piece.pawn.black{background-image:var(--piece-black-pawn)}.cg-wrap piece.rook.black{background-image:var(--piece-black-rook)}.cg-wrap piece.queen.black{background-image:var(--piece-black-queen)}.cg-wrap piece.king.black{background-image:var(--piece-black-king)}.cg-wrap piece.knight.black,.cg-wrap piece.knight.black.facing-left{background-image:var(--piece-black-knight-left)}.cg-wrap piece.knight.black.facing-right{background-image:var(--piece-black-knight-right)}.cg-wrap piece.bishop.black,.cg-wrap piece.bishop.black.facing-left{background-image:var(--piece-black-bishop-left)}.cg-wrap piece.bishop.black.facing-right{background-image:var(--piece-black-bishop-right)}