.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-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=)}@font-face{font-family:Fraunces;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f1e7;--surface:#fffdf8;--surface-2:#efe7d8;--text:#211b14;--muted:#6e6151;--border:#211b141f;--accent:#a9722f;--accent-strong:#7e5420;--accent-2:#1d5c66;--success:#2e7d4f;--success-bg:#e3efe4;--error:#b93a2b;--error-bg:#f7e4de;--board-light-square:#efdfc0;--board-dark-square:#9a6b4a;--board-frame:#3c2e20;--board-coord:#3c2e20a6;--highlight-target:#d9413280;--highlight-target-ring:#c0392b;--highlight-attacker:#17a29480;--highlight-attacker-ring:#0e8a7d;--highlight-good:#2e7d4f6b;--highlight-good-ring:#2e7d4f;--highlight-warn:#c9914973;--highlight-warn-ring:#a9722f;--highlight-last-move:#a9722f52;--highlight-hint:#1d5c6647;--arrow:#a9722fe0;--arrow-alt:#1d5c66d9;--arrow-threat:#c0392bd9;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--fs-title:clamp(1.5rem, 4.5vw + .9rem, 2rem);--fs-h2:1.25rem;--fs-body:1.0625rem;--fs-ui:.9375rem;--fs-move:1rem;--fs-caption:.8125rem;--lh-body:1.6;--lh-heading:1.15;--ls-eyebrow:.12em;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;--gutter:clamp(1rem, 4vw, 1.5rem);--panel-max:640px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-board:10px;--radius-pill:999px;--shadow-sm:0 1px 2px #2e201214, 0 2px 8px #2e20120f;--shadow-md:0 2px 6px #2e201212, 0 12px 32px -12px #2e201238;--shadow-board:0 1px 2px #2e20121a, 0 18px 44px -18px #2e201259;--ring-focus:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--ease:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.32s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark]{--bg:#171310;--surface:#211b15;--surface-2:#2b231b;--text:#f0e8da;--muted:#b0a28d;--border:#f0e8da1f;--accent:#c99149;--accent-strong:#e0b87e;--accent-2:#4fa3ac;--success:#57b27e;--success-bg:#2e7d4f33;--error:#e06a56;--error-bg:#b93a2b33;--board-light-square:#dcc9a4;--board-dark-square:#7c5638;--board-frame:#0f0c09;--board-coord:#f0e8da73;--highlight-target:#e2523e8f;--highlight-target-ring:#e2503a;--highlight-attacker:#21b2a08f;--highlight-attacker-ring:#2bc3b0;--highlight-good:#57b27e75;--highlight-good-ring:#57b27e;--highlight-warn:#e0b87e6b;--highlight-warn-ring:#c99149;--highlight-last-move:#c9914957;--highlight-hint:#4fa3ac4d;--arrow:#d6a15ae6;--arrow-alt:#4fa3ace0;--arrow-threat:#e2523ed9;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 6px #00000073, 0 12px 32px -12px #0009;--shadow-board:0 1px 3px #00000080, 0 18px 44px -18px #000000b3}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);min-height:100dvh;margin:0}#app{max-width:var(--panel-max);padding:0 var(--gutter) calc(var(--sp-8) + env(safe-area-inset-bottom));margin:0 auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--radius-sm);outline:none}a{color:var(--accent-strong)}h1,h2,h3{font-family:var(--font-display);line-height:var(--lh-heading);margin:0;font-weight:560}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--muted)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.top{align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-2) 0;z-index:30;background:var(--bg);display:flex;position:sticky;top:0}.top.scrolled{border-bottom:1px solid var(--border)}.top .titles{flex:1;min-width:0}.top .titles h1{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;overflow:hidden}.top .eyebrow{font-size:.6875rem;display:block}.iconbtn{-webkit-appearance:none;appearance:none;color:var(--text);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.2rem;display:inline-flex}.iconbtn:active{transform:translateY(1px)}.iconbtn.on{color:var(--accent-strong);border-color:var(--accent)}.iconbtn svg{width:22px;height:22px;display:block}.btn{-webkit-appearance:none;appearance:none;cursor:pointer;font:600 var(--fs-ui) var(--font-ui);min-height:48px;padding:0 var(--sp-5);border-radius:var(--radius-md);background:var(--accent);color:#2a1f10;transition:transform var(--dur-fast) var(--ease);justify-content:center;align-items:center;gap:var(--sp-2);border:none;display:inline-flex}[data-theme=dark] .btn{color:#1a130b}.btn:active{transform:translateY(1px)}.btn.secondary{color:var(--text);border:1px solid var(--border);background:0 0}.btn.tertiary{color:var(--accent-strong);background:0 0;min-height:40px}.btn:disabled{opacity:.45;cursor:default}.btn.small{min-height:40px;padding:0 var(--sp-4);font-size:.875rem}.hero{padding:var(--sp-6) 0 var(--sp-5)}.hero h1{font-size:var(--fs-title)}.hero .lede{color:var(--muted);margin:var(--sp-3) 0 0;max-width:46ch}.hero .art{margin:0 0 var(--sp-4)}.cards{gap:var(--sp-3);margin-top:var(--sp-4);display:grid}.card{align-items:center;gap:var(--sp-4);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-4);cursor:pointer;color:inherit;text-decoration:none;display:flex}.card .body{flex:1;min-width:0}.card h3{font-size:var(--fs-h2);margin:2px 0 4px}.card .desc{color:var(--muted);font-size:var(--fs-ui);margin:0}.card .thumb{width:64px;height:64px;box-shadow:var(--shadow-sm);border-radius:6px;flex:none;overflow:hidden}.card .bar{background:var(--surface-2);height:4px;margin-top:var(--sp-3);border-radius:999px;overflow:hidden}.card .bar i{background:var(--accent);border-radius:999px;height:100%;display:block}.card.wide{border-left:3px solid var(--accent-2)}.badge{font:600 .6875rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);border:1px solid var(--accent);border-radius:var(--radius-pill);vertical-align:2px;margin-left:6px;padding:1px 8px;display:inline-block}.mini{grid-template:repeat(8,1fr)/repeat(8,1fr);width:100%;height:100%;display:grid}.mini i{background:var(--board-light-square);position:relative}.mini i.d{background:var(--board-dark-square)}.mini i span{justify-content:center;align-items:center;font-size:7px;line-height:1;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.board-wrap{margin:var(--sp-3) calc(-1 * var(--gutter) + 6px) var(--sp-4);position:relative}.board-frame{border-radius:var(--radius-board);background:var(--board-frame);box-shadow:var(--shadow-board);padding:4px}.cg-wrap{aspect-ratio:1;border-radius:7px;width:100%;overflow:hidden}.cg-wrap cg-board{background:conic-gradient(var(--board-dark-square) 0 90deg, var(--board-light-square) 90deg 180deg, var(--board-dark-square) 180deg 270deg, var(--board-light-square) 270deg 360deg) 0 0 / 25% 25%}.cg-wrap coords{font:600 9px var(--font-mono)}.cg-wrap coords.ranks coord,.cg-wrap coords.files coord{color:var(--board-coord);text-shadow:0 1px #ffffff40}cg-board square.last-move{background-color:var(--highlight-last-move)}cg-board square.selected{background-color:#1d5c6659}cg-board square.move-dest{background:radial-gradient(#211b1440 22%,#0000 26%)}cg-board square.oc.move-dest{background:radial-gradient(#0000 0% 74%,#211b1447 80%)}cg-board square.check{background:radial-gradient(#e2523ed9 0%,#e2523e59 55%,#0000 80%)}cg-board square.hl-target{background-color:var(--highlight-target);box-shadow:inset 0 0 0 3px var(--highlight-target-ring)}cg-board square.hl-attacker{background-color:var(--highlight-attacker);box-shadow:inset 0 0 0 3px var(--highlight-attacker-ring)}cg-board square.hl-good{background-color:var(--highlight-good);box-shadow:inset 0 0 0 3px var(--highlight-good-ring)}cg-board square.hl-warn{background-color:var(--highlight-warn);box-shadow:inset 0 0 0 3px var(--highlight-warn-ring)}cg-board square.hl-idea{background-color:var(--highlight-hint);box-shadow:inset 0 0 0 3px var(--accent-2)}cg-board square.hl-hint{background-color:var(--highlight-hint);animation:breathe 1.2s var(--ease) 2}@keyframes breathe{0%,to{box-shadow:inset 0 0 #0000}50%{box-shadow:inset 0 0 0 4px var(--accent-2)}}.coords-row{justify-content:space-between;padding:2px 8px 4px;display:flex}.coords-row span{font:500 10px var(--font-mono);color:#fffdf899}.dots{padding:var(--sp-2) 0;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dots button{-webkit-appearance:none;appearance:none;cursor:pointer;background:var(--surface-2);width:8px;height:8px;transition:width var(--dur) var(--ease), background var(--dur) var(--ease);border:none;border-radius:999px;padding:0}.dots button.done{background:var(--accent)}.dots button.here{background:var(--accent);width:22px}.dots button.test-dot{box-shadow:0 0 0 1.5px var(--accent-2)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-4) var(--sp-5);min-height:128px;transition:border-color var(--dur-slow) var(--ease), background var(--dur-slow) var(--ease);position:relative}.panel.ok{border-left:3px solid var(--success)}.panel.bad{background:var(--error-bg);border-left:3px solid var(--error)}.panel.hint-state{border-left:3px solid var(--accent-2)}.panel .move-label{margin:0 0 var(--sp-1)}.panel .move-label .pill{font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:var(--surface-2);border-radius:var(--radius-sm);font-weight:700;font-size:var(--fs-move);padding:2px 8px}.panel .prose{margin:var(--sp-2) 0 0}.panel .prose.fade{animation:xfade var(--dur) var(--ease)}@keyframes xfade{0%{opacity:0}to{opacity:1}}.panel .hint-text{color:var(--accent-2);margin-top:var(--sp-2);font-style:italic}.panel .whybtn{margin-top:var(--sp-2)}.panel .why{color:var(--muted);font-size:var(--fs-ui);margin-top:var(--sp-2);border-top:1px dashed var(--border);padding-top:var(--sp-2)}.panel .tick{top:var(--sp-3);right:var(--sp-3);width:26px;height:26px;color:var(--success);position:absolute}.panel .tick path{stroke-dasharray:26;stroke-dashoffset:26px;animation:draw var(--dur-slow) var(--ease-out) forwards}@keyframes draw{to{stroke-dashoffset:0}}.shake{animation:shake var(--dur) var(--ease)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.quiz-opts{gap:var(--sp-2);margin-top:var(--sp-3);display:grid}.quiz-opts .btn.secondary{text-align:left;min-height:52px;padding:var(--sp-2) var(--sp-4);justify-content:flex-start;font-weight:500;line-height:1.35}.quiz-opts .btn.correct{border-color:var(--success);background:var(--success-bg);color:var(--text)}.quiz-opts .btn.wrong{border-color:var(--error);background:var(--error-bg);color:var(--text)}.transport{gap:var(--sp-2);margin-top:var(--sp-4);align-items:center;display:flex}.transport .btn{flex:1}.transport .btn.nav{flex:0 0 56px;padding:0;font-size:1.15rem}.toolrow{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.toolrow .spacer{flex:1}.sandbox-note{align-items:center;gap:var(--sp-2);font-size:var(--fs-caption);color:var(--accent-strong);border:1px dashed var(--accent);border-radius:var(--radius-sm);padding:var(--sp-1) var(--sp-3);margin-top:var(--sp-3);display:flex}.linelist{gap:var(--sp-3);margin-top:var(--sp-4);display:grid}.goal{color:var(--muted);margin:var(--sp-2) 0 0}.report{gap:var(--sp-3);margin-top:var(--sp-4);display:grid}.report .item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4)}.report .item h3{font-size:1.05rem}.evalbar{background:var(--surface-2);border-radius:999px;height:6px;display:flex;overflow:hidden}.evalbar i{height:100%;display:block}.coach-bar{align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--accent-2);border-radius:var(--radius-lg);padding:var(--sp-2) var(--sp-4);margin-top:var(--sp-3);display:flex}.coach-bar .status{font-size:var(--fs-caption);color:var(--muted);flex:1}.coach-bar.live{box-shadow:0 0 0 1px var(--accent-2)}.pulse{background:var(--accent-2);border-radius:999px;width:10px;height:10px;animation:1.6s infinite pulse}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.transcript{max-height:180px;font-size:var(--fs-ui);margin-top:var(--sp-2);overflow-y:auto}.transcript p{margin:var(--sp-1) 0}.transcript .who{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-right:6px;font-size:.6875rem}.audiobar{align-items:center;gap:var(--sp-1);display:inline-flex}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}