.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 piece.pawn.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.knight.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy0zdi00aDIxdjRIMTJ6bS0xLTIyVjloNHYyaDVWOWg1djJoNVY5aDR2NSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMzQgMTRsLTMgM0gxNGwtMy0zIi8+PHBhdGggZD0iTTMxIDE3djEyLjVIMTRWMTciIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMxIDI5LjVsMS41IDIuNWgtMjBsMS41LTIuNSIvPjxwYXRoIGQ9Ik0xMSAxNGgyMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04IDEyYTIgMiAwIDEgMS00IDAgMiAyIDAgMSAxIDQgMHptMTYuNS00LjVhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAwek00MSAxMmEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTE2IDguNWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTMzIDlhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAweiIvPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi0xMi03IDExVjExbC01LjUgMTMuNS0zLTE1LTMgMTUtNS41LTE0VjI1TDcgMTRsMiAxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6IiBzdHJva2UtbGluZWNhcD0iYnV0dCIvPjxwYXRoIGQ9Ik0xMS41IDMwYzMuNS0xIDE4LjUtMSAyMiAwTTEyIDMzLjVjNi0xIDE1LTEgMjEgMCIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.king.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjZNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTIyLjUgMjVzNC41LTcuNSAzLTEwLjVjMCAwLTEtMi41LTMtMi41cy0zIDIuNS0zIDIuNWMtMS41IDMgMyAxMC41IDMgMTAuNSIgZmlsbD0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTEuNSAzN2M1LjUgMy41IDE1LjUgMy41IDIxIDB2LTdzOS00LjUgNi0xMC41Yy00LTYuNS0xMy41LTMuNS0xNiA0VjI3di0zLjVjLTMuNS03LjUtMTMtMTAuNS0xNi00LTMgNiA1IDEwIDUgMTBWMzd6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDBtLTIxIDMuNWM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.pawn.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+)}.cg-wrap piece.knight.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjZWNlY2VjIiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMjQuNTUgMTAuNGwtLjQ1IDEuNDUuNS4xNWMzLjE1IDEgNS42NSAyLjQ5IDcuOSA2Ljc1UzM1Ljc1IDI5LjA2IDM1LjI1IDM5bC0uMDUuNWgyLjI1bC4wNS0uNWMuNS0xMC4wNi0uODgtMTYuODUtMy4yNS0yMS4zNC0yLjM3LTQuNDktNS43OS02LjY0LTkuMTktNy4xNmwtLjUxLS4xeiIgZmlsbD0iI2VjZWNlYyIgc3Ryb2tlPSJub25lIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy41LTdsMS41LTIuNWgxN2wxLjUgMi41aC0yMHptLS41IDR2LTRoMjF2NEgxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTE0IDI5LjV2LTEzaDE3djEzSDE0eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTQgMTYuNUwxMSAxNGgyM2wtMyAyLjVIMTR6TTExIDE0VjloNHYyaDVWOWg1djJoNVY5aDR2NUgxMXoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTEyIDM1LjVoMjFtLTIwLTRoMTltLTE4LTJoMTdtLTE3LTEzaDE3TTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi41LTEyLjVMMzEgMjVsLS4zLTE0LjEtNS4yIDEzLjYtMy0xNC41LTMgMTQuNS01LjItMTMuNkwxNCAyNSA2LjUgMTMuNSA5IDI2eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNOSAyNmMwIDIgMS41IDIgMi41IDQgMSAxLjUgMSAxIC41IDMuNS0xLjUgMS0xLjUgMi41LTEuNSAyLjUtMS41IDEuNS41IDIuNS41IDIuNSA2LjUgMSAxNi41IDEgMjMgMCAwIDAgMS41LTEgMC0yLjUgMCAwIC41LTEuNS0xLTIuNS0uNS0yLjUtLjUtMiAuNS0zLjUgMS0yIDIuNS0yIDIuNS00LTguNS0xLjUtMTguNS0xLjUtMjcgMHoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTExIDM4LjVhMzUgMzUgMSAwIDAgMjMgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMTEgMjlhMzUgMzUgMSAwIDEgMjMgMG0tMjEuNSAyLjVoMjBtLTIxIDNhMzUgMzUgMSAwIDAgMjIgMG0tMjMgM2EzNSAzNSAxIDAgMCAyNCAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiLz48L2c+PC9zdmc+)}.cg-wrap piece.king.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjYiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMjIuNSAyNXM0LjUtNy41IDMtMTAuNWMwIDAtMS0yLjUtMy0yLjVzLTMgMi41LTMgMi41Yy0xLjUgMyAzIDEwLjUgMyAxMC41IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Ik0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN3M5LTQuNSA2LTEwLjVjLTQtNi41LTEzLjUtMy41LTE2IDRWMjd2LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMFYzN3oiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMyIDI5LjVzOC41LTQgNi4wMy05LjY1QzM0LjE1IDE0IDI1IDE4IDIyLjUgMjQuNWwuMDEgMi4xLS4wMS0yLjFDMjAgMTggOS45MDYgMTQgNi45OTcgMTkuODVjLTIuNDk3IDUuNjUgNC44NTMgOSA0Ljg1MyA5IiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMTEuNSAzMGM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDAiIHN0cm9rZT0iI2VjZWNlYyIvPjwvZz48L3N2Zz4=)}.mini-heading{margin-bottom:1rem}.mini-heading h2{margin:0 0 .35rem}.mini-layout{grid-template-columns:minmax(0,40rem) minmax(16rem,1fr);align-items:start;gap:1.5rem;display:grid}.mini-board-column{min-width:0}.mini-board-column h3{margin:0 0 .6rem}.mini-board-column>.hint{margin-top:.75rem;line-height:1.5}.mini-board{aspect-ratio:1;border:2px solid var(--border);background:#af8058;width:100%}.mini-rank{grid-template-columns:repeat(8,minmax(0,1fr));height:12.5%;display:grid}.mini-rank>div{min-width:0;min-height:0}.mini-square{color:#1e1e21;background:#af8058;border:0;border-radius:0;place-items:center;width:100%;height:100%;padding:0;display:grid;position:relative;overflow:hidden}.mini-square.light{background:#f0d9b5}.mini-square.selected{background:#86b6d3;box-shadow:inset 0 0 0 4px #06427d}.mini-square.mini-origin{box-shadow:inset 0 0 0 3px #06427d}.mini-square.mini-hint{background:#a9c9a2}.mini-square.mini-path{box-shadow:inset 0 0 0 2px #6c4b9a}.mini-tutorial-controls,.mini-tutorial{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;padding:1rem}.mini-tutorial-controls h3,.mini-tutorial h3{margin:0 0 .6rem}.mini-tutorial-controls .mini-field{flex-direction:column;gap:.3rem;display:flex}.mini-tutorial-controls select{width:100%}.mini-tutorial-controls button{margin-top:.6rem}.mini-tutorial-stages{color:var(--muted);margin:.5rem 0;padding-left:1.5rem}.mini-tutorial-stages [aria-current]{color:var(--text);font-weight:600}.mini-tutorial-output{white-space:pre-line;overflow-wrap:anywhere;line-height:1.5}.mini-tutorial-arrow{color:var(--accent);font-weight:600}.mini-square.legal:after{content:"";aspect-ratio:1;background:#9fd49b;border:3px solid #154c30;border-radius:50%;width:25%;position:absolute;box-shadow:0 0 0 1px #e8e6e3}.mini-square.legal:has(.mini-fruit):after{background:0 0;width:80%}.mini-square.legal:has(.mini-piece:not(:empty)):after{background:0 0;width:80%}.mini-square:focus-visible{outline-offset:-3px;z-index:1;outline:3px solid #102a55}.mini-piece{padding-bottom:.1em;font-family:DejaVu Sans,Segoe UI Symbol,"Noto Sans Symbols 2",serif;font-size:clamp(1.5rem,6.5vw,4rem);line-height:1}.mini-piece.white{color:#fff;text-shadow:1px 1px 1px #151515,-1px -1px 1px #151515,1px -1px 1px #151515,-1px 1px 1px #151515}.mini-piece.black{color:#14141a;text-shadow:1px 1px 1px #fff,-1px -1px 1px #fff}.mini-square.head .mini-piece{filter:drop-shadow(0 0 3px #175a33)}.mini-fruit{filter:drop-shadow(0 1px 1px #523d2777);width:77%;height:77%}.mini-coordinate{color:#000;font-size:clamp(.5rem,1.6vw,.7rem);font-weight:700;line-height:1.2;position:absolute;bottom:1px;left:3px}.mini-warning{color:#fff;background:#a81721;border-radius:50%;place-items:center;width:1.1em;height:1.1em;font-weight:800;display:grid;position:absolute;top:3px;right:3px}.mini-obstacle{background:#66665d;border:3px solid #3c3b3a;border-top-color:#9e9c91;width:65%;height:60%;position:absolute;box-shadow:2px 3px #3c3b3a}.mini-obstacle.crater{background:#44392f;border:4px solid #807060;border-radius:50%;height:40%;box-shadow:inset 1px 3px 2px #231c18}.mini-obstacle.flag{height:90%;box-shadow:none;color:#a81721;background:0 0;border:0;place-items:center;font-size:clamp(1.5rem,6vw,3.7rem);display:grid}.mini-cleared{color:#154c30;font-weight:800;position:absolute;top:1px;left:3px}.mini-mine{color:#7e1018;font-size:clamp(1.5rem,6vw,3.5rem);position:absolute}.mini-panel{flex-direction:column;gap:1rem;min-width:0;display:flex}.mini-setup{background:var(--surface);border-radius:.5rem;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.mini-setup .mini-field{flex-direction:column;gap:.3rem;display:flex}.mini-setup select{width:100%}.mini-setup .hint{font-size:.85rem}.mini-stats{border:1px solid var(--border);border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin:0;padding:.8rem;display:flex}.mini-stats dt{color:var(--muted);font-size:.85rem}.mini-stats dd{font-variant-numeric:tabular-nums;margin:.2rem 0 0;font-size:1.2rem;font-weight:600}.mini-status{border-left:3px solid var(--accent);background:var(--surface);padding:.8rem 1rem}.mini-status.won{border-color:var(--good)}.mini-status.lost{border-color:#ff9f97}.mini-status p{margin:.4rem 0 0;line-height:1.45}.mini-rules h3{margin:0;font-size:1rem}.mini-rules p{margin:.5rem 0 0;line-height:1.55}@media (width<=52rem){.mini-layout{grid-template-columns:1fr}.mini-board-column{max-width:40rem}.mini-piece{font-size:clamp(1.5rem,9vw,4rem)}}@media (forced-colors:active){.mini-square{border:1px solid canvastext}.mini-square.selected{outline-offset:-3px;outline:3px solid highlight}.mini-square.legal:after{border-color:highlight}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1e1e21;--surface:#29292e;--surface-2:#33333a;--border:#4a4a52;--text:#e8e6e3;--muted:#a9a6a2;--accent:#8fb3ff;--accent-text:#0f1a33;--good:#9fd49b;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}button,select,input,textarea{font:inherit}button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:.4rem;padding:.45rem .85rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.4rem;padding:.45rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-header{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;max-width:76rem;margin:0 auto;padding:1rem 1rem 0;display:flex}.app-header h1{margin:0;font-size:1.4rem}.app-header nav{flex-wrap:wrap;gap:1rem;display:flex}.app-header nav a{color:var(--muted);border-bottom:2px solid #0000;padding:.2rem 0;text-decoration:none}.app-header nav a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.sound-toggle{color:var(--muted);margin-left:auto;padding:.2rem .6rem;font-size:.9rem}.sound-toggle[aria-pressed=true]{color:var(--text)}main{max-width:76rem;margin:0 auto;padding:1rem;overflow-x:clip}footer{max-width:76rem;color:var(--muted);margin:1rem auto 2rem;padding:0 1rem;font-size:.85rem}.notices:empty{display:none}.notice{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;margin-top:1rem;padding:.5rem 1rem 1rem}.notice button{margin-right:.75rem}.play-layout{grid-template-columns:minmax(0,40rem) minmax(16rem,1fr);align-items:start;gap:1.5rem;display:grid}.board-column{flex-direction:column;gap:.4rem;display:flex}.board{aspect-ratio:1;width:100%}.board cg-board{background-color:#b58863;background-image:repeating-conic-gradient(#b58863 0% 25%,#f0d9b5 0% 50%);background-size:25% 25%}.player-bar{background:var(--surface);border-radius:.4rem;align-items:center;gap:.75rem;min-height:2.4rem;padding:.3rem .6rem;display:flex}.player-bar .name{font-weight:600}.player-bar .detail{color:var(--muted);font-size:.9rem}.player-bar .clock{font-variant-numeric:tabular-nums;border-radius:.3rem;margin-left:auto;padding:.1rem .5rem;font-size:1.25rem}.player-bar.active .clock{background:var(--accent);color:var(--accent-text)}.side-panel{flex-direction:column;gap:1rem;display:flex}.setup{background:var(--surface);border-radius:.5rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.setup fieldset{border:0;gap:1rem;margin:.3rem 0;padding:0;display:flex}.setup legend{margin-bottom:.3rem}.choice{align-items:center;gap:.35rem;display:inline-flex}.filters{border:1px solid var(--border);border-radius:.4rem;padding:.4rem .6rem}.filters summary{cursor:pointer}.filters[open] summary{margin-bottom:.4rem}.setup .filters fieldset{flex-wrap:wrap;gap:.4rem}.chip{border:1px solid var(--border);cursor:pointer;border-radius:1rem;align-items:center;gap:.3rem;padding:.15rem .55rem .15rem .35rem;font-size:.9rem;display:inline-flex}.chip:has(input:checked){border-color:var(--accent);background:var(--surface-2)}.hint{color:var(--muted);margin:0}.personality-card{border-left:3px solid var(--accent);background:var(--surface-2);max-height:20rem;padding:.5rem .75rem;overflow:auto}.personality-card p{margin:.3rem 0}.personality-head{align-items:flex-start;gap:.75rem;display:flex}.personality-head .name{font-weight:600}.personality-head .rating{color:var(--muted);font-size:.9rem}.personality-card .style{font-style:italic}.portrait{object-fit:cover;border-radius:.3rem;flex:none}.portrait.small{width:1.9rem;height:2.4rem}.personality-card .bio{color:var(--muted);white-space:pre-line;font-size:.92rem}.game-status p{margin:0;font-size:1.05rem}.moves{background:var(--surface);font-variant-numeric:tabular-nums;border-radius:.5rem;max-height:22rem;margin:0;padding:.5rem;list-style:none;overflow:auto}.moves li{grid-template-columns:2.5rem 1fr 1fr;padding:.1rem 0;display:grid}.moves .number{color:var(--muted)}.moves .source{color:var(--good);margin-left:.35rem;font-size:.75rem}.thinking{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.9rem}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.promotion{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem;display:flex;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 .5rem 2rem #00000080}.promotion p{width:100%;margin:0 0 .25rem}.empty{background:var(--surface);border-radius:.5rem;padding:2rem}input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.4rem;padding:.45rem}.search{background:var(--surface);border-radius:.5rem;flex-wrap:wrap;align-items:end;gap:.6rem .9rem;padding:1rem;display:flex}.search label:not(.choice){color:var(--muted);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.search label input:not([type=checkbox]),.search select{min-width:0;color:var(--text)}.search label:has(input[size]) input{width:6rem}.search .choice{padding-bottom:.5rem}.search .actions{width:100%}.busy{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.busy p{margin:0}.busy progress{flex:10rem}.list-head{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:1rem 0 .5rem;display:flex}.list-head p{font-variant-numeric:tabular-nums;margin:0}.pager{font-variant-numeric:tabular-nums;align-items:center;gap:.4rem;display:flex}.pager button{min-width:2.4rem}.game-list{margin:0 0 .75rem;padding:0;list-style:none}.game-list[aria-busy=true]{opacity:.6}.game-row{background:var(--surface);text-align:left;border-color:#0000;grid-template-columns:1fr auto;gap:.15rem 1rem;width:100%;margin-bottom:.35rem;padding:.5rem .75rem;display:grid}.game-row .players{overflow-wrap:anywhere;font-weight:600}.game-row .result{font-variant-numeric:tabular-nums}.game-row .meta{color:var(--muted);overflow-wrap:anywhere;grid-column:1/-1;font-size:.9rem}.game-row .intro{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;grid-column:1/-1;font-size:.9rem;display:-webkit-box;overflow:hidden}.game-view{flex-direction:column;gap:1rem;display:flex}.game-view>.actions{align-items:center}.viewer{grid-template-columns:minmax(0,40rem) minmax(16rem,1fr);align-items:start;gap:1.5rem;display:grid}.viewer-nav{align-items:center;gap:.4rem;display:flex}.viewer-nav button{min-width:3rem;font-size:1.1rem}.viewer-nav .ply{text-align:center;font-variant-numeric:tabular-nums;flex:1}.game-head p{margin:0}.game-head .players{font-size:1.1rem;font-weight:600}.game-head .details{color:var(--muted);font-size:.92rem}.moves button.move{text-align:left;background:0 0;border:0;justify-self:start;padding:.05rem .4rem}.moves button.move[aria-current]{background:var(--accent);color:var(--accent-text)}.variation{border-left:3px solid var(--accent);background:var(--surface-2);padding:.5rem .75rem}.variation p{overflow-wrap:anywhere;margin:0 0 .5rem}.commentary{background:var(--surface);border-radius:.5rem;min-height:4.5rem;max-height:16rem;padding:.6rem .75rem;line-height:1.5;overflow:auto}.commentary p{overflow-wrap:anywhere;margin:0}.moves button.move.commented{-webkit-text-decoration:underline dotted var(--muted);text-decoration:underline dotted var(--muted);text-underline-offset:.2em}.load-game{background:var(--surface);border-radius:.5rem;margin-bottom:1rem;padding:.6rem 1rem}.load-game summary{cursor:pointer}.load-game form{flex-direction:column;gap:.5rem;margin-top:.6rem;display:flex}.load-game textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:.4rem;padding:.45rem;font-family:ui-monospace,monospace;font-size:.9rem}.analysis{background:var(--surface);border-radius:.5rem;flex-direction:column;gap:.4rem;padding:.6rem;display:flex}.analysis-head{flex-wrap:wrap;align-items:center;gap:.4rem .75rem;display:flex}.analysis .score{font-variant-numeric:tabular-nums;font-weight:600}.analysis .bar{background:#111;border-radius:.3rem;flex:6rem;height:.6rem;overflow:hidden}.analysis .bar span{background:#f0f0f0;height:100%;transition:width .3s;display:block}.analysis .hint{margin:0}.pv-lines{margin:0;padding:0;list-style:none}.pv-lines li{grid-template-columns:3.5rem 1fr;align-items:baseline;display:grid}.pv-lines .pv{text-align:left;color:var(--muted);overflow-wrap:anywhere;background:0 0;border:0;padding:.1rem .3rem}.pv-lines .pv:hover{color:var(--text)}.moves .mark{margin-left:.15rem;font-weight:600}.moves .mark.inaccuracy{color:#e6c86e}.moves .mark.mistake{color:#f0a35e}.moves .mark.blunder{color:#ff7b72}.moves button.move[aria-current] .mark{color:inherit}.coach{flex-direction:column;gap:.5rem;display:flex}.coach p{margin:0}.coach .opening .eco,.coach .hint-move{color:var(--muted)}.coach .verdict{border-left:3px solid var(--accent);background:var(--surface-2);padding:.4rem .6rem}.coach .verdict .actions{margin-top:.4rem}.mentor{background:var(--surface);border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.6rem .75rem;display:flex}.mentor p{margin:0}.mentor .opening .eco{color:var(--muted);font-variant-numeric:tabular-nums}.mentor .comment{color:var(--muted);margin-top:.3rem;font-size:.92rem}.mentor .verdict{border-left:3px solid var(--accent);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.4rem .6rem;display:flex}.mentor>button{align-self:flex-start}.glossary-note summary{cursor:pointer;color:var(--accent)}.glossary-note p{overflow-wrap:anywhere;margin:.4rem 0;font-size:.92rem}.glossary{grid-template-columns:minmax(14rem,20rem) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.glossary-index{flex-direction:column;gap:.5rem;display:flex}.glossary-search{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.glossary-search input{color:var(--text)}.topic-list{background:var(--surface);border-radius:.5rem;max-height:70vh;margin:0;padding:.4rem;list-style:none;overflow:auto}.topic-list a{color:var(--text);border-radius:.3rem;padding:.2rem .4rem;text-decoration:none;display:block}.topic-list a:hover{color:var(--accent)}.topic-list a[aria-current=page]{background:var(--accent);color:var(--accent-text)}.topic{background:var(--surface);border-radius:.5rem;padding:1rem 1.25rem;line-height:1.55}.topic h3{margin:.25rem 0 .75rem;font-size:1.3rem}.topic h3:focus{outline:none}.topic p{overflow-wrap:anywhere;margin:0 0 .75rem}.topic-moves{font-weight:600}.all-topics{display:none}@media (width<=52rem){.glossary{grid-template-columns:1fr}.glossary.has-topic .topic-list,.glossary.has-topic .glossary-index .hint{display:none}.all-topics{display:inline-block}}.data-page{max-width:48rem}.pack-list{padding:0;list-style:none}.pack-list li{background:var(--surface);border-radius:.4rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.6rem .8rem;display:flex}.file-button input{margin-top:.4rem;display:block}.data-status progress{width:100%}@media (width<=52rem){.play-layout,.viewer{grid-template-columns:1fr}}.lesson-text{white-space:pre-line;overflow-wrap:anywhere;line-height:1.55}.lesson-picture{object-fit:contain;max-width:100%;height:auto}.lesson-chapters{margin:.3rem 0 1rem}.lesson-chapters button{margin-top:.4rem;display:block}