.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%)}
.cg-wrap{aspect-ratio:1;width:100%}cg-board{background-image:conic-gradient(var(--chess-square-dark,var(--color-board-dark)) 25%, var(--chess-square-light,var(--color-board-light)) 0 50%, var(--chess-square-dark,var(--color-board-dark)) 0 75%, var(--chess-square-light,var(--color-board-light)) 0);background-size:25% 25%}.chess-board piece{cursor:grab}.chess-board piece.dragging{cursor:grabbing}.chess-board square.move-dest{background-image:radial-gradient(circle at center, color-mix(in oklab, var(--color-board-mark) 52%, transparent) 0 15%, transparent 16%)}.chess-board square.move-dest.oc{background-image:radial-gradient(circle at center, transparent 0 62%, color-mix(in oklab, var(--color-board-mark) 60%, transparent) 62% 70%, transparent 71%)}.chess-board square.last-move{background-color:color-mix(in oklab, var(--square-wash,var(--color-board-lit)) 50%, transparent)}.chess-board square.selected{background-color:color-mix(in oklab, var(--square-wash,var(--color-board-lit)) 62%, transparent)}.chess-board square.check{background-image:radial-gradient(ellipse at center, color-mix(in oklab, var(--color-board-check) 92%, transparent) 0 20%, color-mix(in oklab, var(--color-board-check) 55%, transparent) 46%, transparent 76%)}.chess-board .cg-shapes{color:var(--color-engine-mark);opacity:.72}.chess-board{padding:0 0 var(--board-gutter) var(--board-gutter)}.chess-board coords{font-family:var(--font-mono), ui-monospace, monospace;color:var(--color-muted-foreground);opacity:1;font-size:.6875rem;font-weight:600}.chess-board coords.files{bottom:calc(-1 * var(--board-gutter));height:var(--board-gutter);text-transform:lowercase;left:0}.chess-board coords.ranks{left:calc(-1 * var(--board-gutter));width:var(--board-gutter);top:0}.chess-board coords coord{justify-content:center;align-items:center;display:flex;transform:none}.chess-board coords.ranks coord{transform:none}[data-coordinates=inside]{--board-gutter:0rem;--gauge-gap:1rem}[data-coordinates=inside] .chess-board coords{font-size:.625rem}[data-coordinates=inside] .chess-board coords.ranks coord.coord-light,[data-coordinates=inside] .chess-board coords.files coord.coord-dark{color:var(--chess-square-light,var(--color-board-light))}[data-coordinates=inside] .chess-board coords.ranks coord.coord-dark,[data-coordinates=inside] .chess-board coords.files coord.coord-light{color:var(--chess-square-dark,var(--color-board-dark))}[data-coordinates=inside] .chess-board coords.ranks{left:0}[data-coordinates=inside] .chess-board coords.files{height:12.5%;bottom:0}[data-coordinates=inside] .chess-board coords.ranks coord{justify-content:flex-start;align-items:flex-start;padding:.2em 0 0 .25em}[data-coordinates=inside] .chess-board coords.files coord{justify-content:flex-end;align-items:flex-end;padding:0 .3em .2em 0}@media not (min-width:64rem){.chess-board coords{font-size:.625rem}.chess-board coords.ranks coord.coord-light,.chess-board coords.files coord.coord-dark{color:var(--chess-square-light,var(--color-board-light))}.chess-board coords.ranks coord.coord-dark,.chess-board coords.files coord.coord-light{color:var(--chess-square-dark,var(--color-board-dark))}.chess-board coords.ranks{left:0}.chess-board coords.files{height:12.5%;bottom:0}.chess-board coords.ranks coord{justify-content:flex-start;align-items:flex-start;padding:.2em 0 0 .25em}.chess-board coords.files coord{justify-content:flex-end;align-items:flex-end;padding:0 .3em .2em 0}}