.cg-wrap{background-image:url(../media/brown.805070c6.svg)}.cg-wrap piece.pawn.white{background-image:url(../media/wP.975241ac.svg)}.cg-wrap piece.bishop.white{background-image:url(../media/wB.72f940a9.svg)}.cg-wrap piece.knight.white{background-image:url(../media/wN.21cd0e80.svg)}.cg-wrap piece.rook.white{background-image:url(../media/wR.6ddea7c6.svg)}.cg-wrap piece.queen.white{background-image:url(../media/wQ.2026cc97.svg)}.cg-wrap piece.king.white{background-image:url(../media/wK.ecb1a5ac.svg)}.cg-wrap piece.pawn.black{background-image:url(../media/bP.0aabeee9.svg)}.cg-wrap piece.bishop.black{background-image:url(../media/bB.0224abc1.svg)}.cg-wrap piece.knight.black{background-image:url(../media/bN.4dd2264b.svg)}.cg-wrap piece.rook.black{background-image:url(../media/bR.d8150015.svg)}.cg-wrap piece.queen.black{background-image:url(../media/bQ.2139e1fd.svg)}.cg-wrap piece.king.black{background-image:url(../media/bK.60b73bb0.svg)}.cg-wrap{width:512px;height:512px;display:block;position:relative}cg-helper{width:12.5%;padding-bottom:12.5%;display:table;position:absolute;bottom:0}cg-container{width:800%;height:800%;display:block;position:absolute;bottom:0}cg-board{-webkit-user-select:none;user-select:none;cursor:pointer;background-size:cover;width:100%;height:100%;line-height:0;position:absolute;top:0;left:0}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;background:radial-gradient(#14551e80 22%,#208530 0,#0000004d 0,#0000 0)}cg-board square.premove-dest{background:radial-gradient(#141e5580 22%,#203085 0,#0000004d 0,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(#0000 0 80%,#1455004d 80%)}cg-board square.oc.premove-dest{background:radial-gradient(#0000 0 80%,#141e5533 80%)}cg-board square.move-dest:hover{background:#14551e4d}cg-board square.premove-dest:hover{background:#141e5533}cg-board square.last-move{will-change:transform;background-color:#9bc70069}cg-board square.selected{background-color:#14551e80}cg-board square.check{background:radial-gradient(red 0,#e70000 25%,#a9000000 89%,#9e000000 100%)}cg-board square.current-premove{background-color:#141e5580}.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:9}cg-board piece.anim{z-index:8}cg-board piece.fading{z-index:1;opacity:.5}.cg-wrap square.move-dest:hover{background-color:#14551e4d}.cg-wrap piece.ghost{opacity:.3}.cg-wrap svg{pointer-events:none;z-index:2;opacity:.6;width:100%;height:100%;position:relative;top:0;left:0;overflow:hidden}.cg-wrap svg image{opacity:.5}.cg-wrap coords{pointer-events:none;opacity:.8;font-size:9px;display:flex;position:absolute}.cg-wrap coords.ranks{flex-flow:column-reverse;width:12px;height:100%;top:0;right:-15px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.files{text-transform:uppercase;text-align:center;flex-flow:row;width:100%;height:16px;bottom:-16px;left:0}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}