.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,.cg-wrap .cg-shapes-below,.cg-wrap .cg-custom-below{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-shapes-below{z-index:1;overflow:hidden}.cg-wrap .cg-custom-below{z-index:1}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg,.cg-wrap .cg-custom-below 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%)}
.chx-board{container-type:size}.chx-board cg-board{background:repeating-conic-gradient(var(--color-static) 0 25%, var(--color-warm) 0 50%) 0 0 / 25% 25%}.chx-board cg-board:before{content:"";pointer-events:none;opacity:.55;-webkit-mask:repeating-conic-gradient(#000 0 25%, transparent 0 50%) 0 0 / 25% 25%;-webkit-mask:repeating-conic-gradient(#000 0 25%, transparent 0 50%) 0 0 / 25% 25%;mask:repeating-conic-gradient(#000 0 25%, transparent 0 50%) 0 0 / 25% 25%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .55'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px;position:absolute;inset:0}.chx-board square.ink-d{--ink:var(--color-signal)}.chx-board square.ink-l{--ink:var(--color-void)}.chx-board square{background:var(--mk-dest,none), var(--mk-check,none), var(--mk-last,none)}.chx-board square.last-move{--g:linear-gradient(var(--ink), var(--ink));--mk-last:var(--g) left 4% top 4% / 24% 3px no-repeat, var(--g) left 4% top 4% / 3px 24% no-repeat, var(--g) right 4% top 4% / 24% 3px no-repeat, var(--g) right 4% top 4% / 3px 24% no-repeat, var(--g) left 4% bottom 4% / 24% 3px no-repeat, var(--g) left 4% bottom 4% / 3px 24% no-repeat, var(--g) right 4% bottom 4% / 24% 3px no-repeat, var(--g) right 4% bottom 4% / 3px 24% no-repeat}.chx-board square.move-dest{--mk-dest:radial-gradient(circle closest-side, var(--ink) 26%, transparent calc(26% + 1px))}.chx-board square.move-dest.oc{z-index:3;--mk-dest:radial-gradient(circle closest-side, transparent 74%, var(--ink) calc(74% + 1px) 88%, transparent calc(88% + 1px))}.chx-board square.check{--mk-check:repeating-linear-gradient(45deg, var(--ink) 0 2px, transparent 2px 8px)}.chx-board square.mark-yes,.chx-board square.mark-no{z-index:3;container-type:size}.chx-board square.mark-yes{outline:5px solid var(--color-yes);outline-offset:-5px}.chx-board square.mark-no{outline:5px solid var(--color-no);outline-offset:-5px}.chx-board square.mark-yes:after,.chx-board square.mark-no:after{width:34%;height:34%;color:var(--color-void);font:600 24cqw/1 var(--font-mono);place-items:center;display:grid;position:absolute;top:0;right:0}.chx-board square.mark-yes:after{content:"✓";background:var(--color-yes)}.chx-board square.mark-no:after{content:"✕";background:var(--color-no)}.chx-board square.mark-reveal{z-index:3;outline:4px dashed var(--color-no);outline-offset:-4px}.chx-board square.hint-from{z-index:3;outline:3px solid var(--ink);outline-offset:-3px}.chx-board square.hint-to{--mk-dest:radial-gradient(circle closest-side, var(--ink) 26%, transparent calc(26% + 1px))}.chx-board square.hint-to.hint-capture{z-index:3;--mk-dest:radial-gradient(circle closest-side, transparent 74%, var(--ink) calc(74% + 1px) 88%, transparent calc(88% + 1px))}.chx-board piece{background-position:50%;background-repeat:no-repeat;background-size:90%}.chx-board piece.pawn.white{background-image:url(/pieces/wP.svg)}.chx-board piece.knight.white{background-image:url(/pieces/wN.svg)}.chx-board piece.bishop.white{background-image:url(/pieces/wB.svg)}.chx-board piece.rook.white{background-image:url(/pieces/wR.svg)}.chx-board piece.queen.white{background-image:url(/pieces/wQ.svg)}.chx-board piece.king.white{background-image:url(/pieces/wK.svg)}.chx-board piece.pawn.black{background-image:url(/pieces/bP.svg)}.chx-board piece.knight.black{background-image:url(/pieces/bN.svg)}.chx-board piece.bishop.black{background-image:url(/pieces/bB.svg)}.chx-board piece.rook.black{background-image:url(/pieces/bR.svg)}.chx-board piece.queen.black{background-image:url(/pieces/bQ.svg)}.chx-board piece.king.black{background-image:url(/pieces/bK.svg)}.chx-board coords{opacity:1;font-family:var(--font-mono);font-size:1.9cqw;font-weight:500;line-height:1}.chx-board coords.ranks{align-items:flex-start;width:12.5%;height:100%;top:0;left:0}.chx-board coords.ranks coord{flex:1 1 0;padding:.4cqw 0 0 .6cqw;transform:none}.chx-board coords.files{text-transform:none;align-items:flex-end;width:100%;height:12.5%;bottom:0;left:0}.chx-board coords.files coord{text-align:right;flex:1 1 0;padding:0 .75cqw .4cqw 0}.chx-board coord.coord-dark{color:var(--color-warm)}.chx-board coord.coord-light{color:var(--color-static)}.chx-board-frame[data-view-only=true]:after{content:"";z-index:5;pointer-events:none;outline:3px dashed var(--color-signal);outline-offset:-3px;position:absolute;inset:0}.chx-promotion-hatch{background:repeating-linear-gradient(45deg,#424244e6 0 1px,#0009 1px 8px)}.chx-piece{background-position:50%;background-repeat:no-repeat;background-size:contain}