.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=)}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0e1317;color:#f2eee3;font-synthesis:none;text-rendering:optimizeLegibility;--page: #0e1317;--surface: #171e23;--surface-strong: #1e272d;--surface-soft: #222c32;--border: #344048;--border-soft: #29343b;--text: #f2eee3;--muted: #a7b2ae;--muted-strong: #c4ccc8;--gold: #dfb85f;--gold-soft: rgba(223, 184, 95, .13);--green: #73b58f;--green-soft: rgba(115, 181, 143, .13);--red: #ee846d;--red-soft: rgba(238, 132, 109, .12);--board-size: min(62vh, 42vw, 620px)}*{box-sizing:border-box}html{background:var(--page)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 48% 0%,rgba(223,184,95,.07),transparent 35%),var(--page)}button,input{font:inherit}button{cursor:pointer}button:focus-visible{outline:3px solid rgba(223,184,95,.5);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,p{margin:0}.app-shell{min-height:100vh;padding:14px}.topbar{align-items:center;background:#1a2227f2;border:1px solid var(--border);border-radius:13px 13px 0 0;display:grid;gap:22px;grid-template-columns:minmax(240px,1fr) minmax(260px,1.1fr) minmax(280px,1fr);min-height:72px;padding:11px 14px}.brand{align-items:center;display:flex;gap:11px}.brand-mark{align-items:center;background:var(--gold);border-radius:9px;color:#11161a;display:flex;font-family:Georgia,serif;font-size:1.65rem;height:42px;justify-content:center;width:42px}.brand>div{display:grid;gap:2px}.brand strong{font-size:1.05rem}.brand small,.mastery-summary span{color:var(--muted)}.mastery-summary{display:grid;gap:7px}.mastery-summary>div:first-child{align-items:center;display:flex;gap:10px;justify-content:space-between}.mastery-summary strong{font-size:.88rem}.mastery-track,.session-progress{background:#10161a;border:1px solid var(--border-soft);border-radius:999px;height:7px;overflow:hidden}.mastery-track i,.session-progress span{background:linear-gradient(90deg,var(--gold),var(--green));display:block;height:100%;transition:width .22s ease}.mode-switch{background:#11181c;border:1px solid var(--border-soft);border-radius:10px;display:grid;gap:4px;grid-template-columns:1fr 1fr;justify-self:end;padding:4px;width:min(100%,370px)}.mode-switch button{align-items:center;background:transparent;border:0;border-radius:7px;color:var(--muted);display:flex;font-size:.84rem;font-weight:800;gap:7px;justify-content:center;min-height:38px;padding:0 10px}.mode-switch button.active{background:var(--gold);color:#11161a}.course-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(480px,1.5fr) minmax(300px,.88fr);min-height:calc(100vh - 100px)}.course-panel,.coach-panel,.trainer-panel{border:1px solid var(--border);border-top:0;min-width:0}.course-panel,.coach-panel{background:var(--surface);padding:18px}.course-panel{border-radius:0 0 0 13px}.coach-panel{border-radius:0 0 13px}.trainer-panel{align-items:center;background:radial-gradient(circle at 50% 30%,rgba(223,184,95,.05),transparent 40%),#10161a;display:flex;flex-direction:column;padding:15px 18px 18px}.panel-kicker{align-items:center;color:var(--gold);display:flex;font-size:.75rem;font-weight:900;gap:7px;letter-spacing:.08em;text-transform:uppercase}.course-panel h1{font-size:clamp(1.45rem,2.3vw,2.25rem);line-height:1.03;margin-top:12px}.course-summary{color:var(--muted);font-size:.9rem;line-height:1.5;margin-top:9px}.chapter-list{display:grid;gap:7px;margin-top:20px}.chapter{align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text);display:grid;gap:9px;grid-template-columns:30px 1fr 18px;min-height:66px;padding:9px;text-align:left;width:100%}.chapter.active{background:var(--gold-soft);border-color:#dfb85f59}.chapter.locked{color:#798480}.chapter-number{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;display:flex;font-size:.78rem;font-weight:900;height:28px;justify-content:center;width:28px}.chapter.active .chapter-number{background:var(--gold);border-color:var(--gold);color:#11161a}.chapter-copy{display:grid;gap:4px}.chapter strong{font-size:.86rem;line-height:1.25}.chapter small{color:var(--muted);font-size:.72rem;line-height:1.25}.chapter-dot{background:var(--gold);border-radius:999px;height:7px;justify-self:center;width:7px}.course-principle{align-items:start;background:#11181c;border:1px solid var(--border-soft);border-radius:10px;display:grid;gap:10px;grid-template-columns:20px 1fr;margin-top:20px;padding:12px}.course-principle svg{color:var(--green)}.course-principle>div{display:grid;gap:5px}.course-principle strong{font-size:.84rem}.course-principle p{color:var(--muted);font-size:.78rem;line-height:1.45}.how-to-card{background:#11181c;border:1px solid var(--border-soft);border-radius:10px;display:grid;gap:11px;margin-top:20px;padding:12px}.how-to-card>strong{color:var(--green);font-size:.82rem}.how-to-card ol{display:grid;gap:9px;list-style:none;margin:0;padding:0}.how-to-card li{align-items:start;display:grid;gap:8px;grid-template-columns:22px 1fr}.how-to-card li>span{align-items:center;background:var(--surface-soft);border-radius:999px;color:var(--gold);display:flex;font-size:.7rem;font-weight:900;height:22px;justify-content:center;width:22px}.how-to-card p{color:var(--muted);font-size:.76rem;line-height:1.4}.how-to-card b{color:var(--text)}.trainer-heading{align-items:end;display:flex;gap:12px;justify-content:space-between;margin-bottom:11px;width:min(100%,var(--board-size))}.trainer-heading>div{display:grid;gap:4px}.trainer-heading span:first-child{color:var(--muted);font-size:.73rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.trainer-heading h2{font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.18}.turn-badge{background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;color:var(--muted-strong);flex:0 0 auto;font-size:.76rem;font-weight:850;padding:7px 10px}.turn-badge.our-turn{background:var(--gold);border-color:var(--gold);color:#11161a}.board-frame{display:flex;justify-content:center;width:100%}.board{aspect-ratio:1;background:#0a0e10;border:5px solid #0a0e10;border-radius:8px;box-shadow:0 16px 42px #00000052;display:grid;flex:0 0 auto;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;width:var(--board-size)}.board.dragging{cursor:grabbing}.square{align-items:center;border:0;cursor:pointer;display:flex;justify-content:center;min-height:0;min-width:0;padding:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.light{background:#ead8b6}.dark{background:#9b7354}.square.last:after,.square.selected:after,.square.hint-from:after,.square.hint-to:after,.square.mistake-from:after,.square.mistake-to:after,.square.legal:before{content:"";pointer-events:none;position:absolute}.square.last:after{background:#f4d85080;top:0;right:0;bottom:0;left:0}.square.selected:after{border:4px solid rgba(20,29,34,.65);top:0;right:0;bottom:0;left:0}.square.hint-from:after{border:5px solid rgba(223,184,95,.95);top:0;right:0;bottom:0;left:0;z-index:2}.square.hint-to:after{background:radial-gradient(circle,rgba(71,133,100,.84) 0 21%,rgba(71,133,100,.28) 22% 36%,transparent 37%);top:0;right:0;bottom:0;left:0;z-index:2}.square.mistake-from:after,.square.mistake-to:after{background:#d3493d57;border:4px solid rgba(238,132,109,.88);top:0;right:0;bottom:0;left:0;z-index:2}.square.legal:before{background:#12191d66;border-radius:999px;height:26%;width:26%;z-index:2}piece{background-position:center;background-repeat:no-repeat;background-size:92%;display:block;height:100%;position:relative;width:100%;z-index:3}.piece-host{display:block;height:100%;pointer-events:none;position:relative;width:100%;z-index:3}.piece-host piece{height:100%;width:100%}.square.drag-source .piece-host{opacity:0}.drag-piece{display:block;height:calc(var(--board-size) / 8);left:0;pointer-events:none;position:fixed;top:0;transform:translate(-50%,-50%);width:calc(var(--board-size) / 8);z-index:100}.drag-piece piece{height:100%;width:100%}.coord{color:#141b1d9e;font-size:.68rem;font-weight:950;position:absolute;z-index:4}.file-label{bottom:3px;right:5px}.rank-label{left:5px;top:3px}.session-progress,.move-strip,.board-controls{width:min(100%,var(--board-size))}.session-progress{flex:0 0 auto;margin-top:10px}.move-strip{align-items:center;display:flex;flex-wrap:wrap;gap:4px;min-height:38px;padding:7px 0 2px}.move-strip span,.move-strip small{background:var(--surface-strong);border-radius:6px;color:var(--muted-strong);font-size:.69rem;font-weight:800;padding:4px 6px}.move-strip span.active{background:var(--gold);color:#11161a}.move-strip.training span{background:transparent;border:1px solid var(--border-soft);color:#89948f}.move-strip.training span.active{border-color:var(--green);color:var(--muted-strong)}.board-controls{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:6px}.board-controls button{align-items:center;background:var(--surface-strong);border:1px solid var(--border);border-radius:8px;color:var(--text);display:inline-flex;font-size:.76rem;font-weight:800;gap:6px;min-height:36px;padding:0 9px}.coach-panel{align-items:start;display:flex}.coach-content{display:grid;gap:13px;width:100%}.coach-content h2{font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.12}.coach-content>p{color:var(--muted-strong);font-size:.92rem;line-height:1.55}.repertoire-move{align-items:center;background:var(--gold);border-radius:10px;color:#11161a;display:flex;font-size:clamp(2rem,4vw,3.4rem)!important;justify-content:center;min-height:92px}.branch-list{display:grid;gap:8px}.branch-list button{align-items:center;background:#11181c;border:1px solid var(--border);border-radius:10px;color:var(--text);display:grid;gap:10px;grid-template-columns:52px 1fr auto;min-height:78px;padding:10px;text-align:left}.branch-list button:hover{border-color:var(--gold)}.branch-move{align-items:center;background:var(--surface-soft);border-radius:8px;display:flex;font-size:1rem;font-weight:950;height:46px;justify-content:center}.branch-list button>span:nth-child(2){display:grid;gap:5px}.branch-list strong{font-size:.84rem}.branch-list small{color:var(--muted);font-size:.75rem;line-height:1.35}.branch-list button>span:nth-child(2)>b{color:var(--gold);font-size:.69rem;margin-top:2px}.main-label{background:var(--gold-soft);border:1px solid rgba(223,184,95,.35);border-radius:999px;color:var(--gold);font-size:.65rem;font-weight:900;padding:5px 7px;text-transform:uppercase}.coach-note{align-items:start;background:var(--surface-strong);border-radius:9px;display:grid;font-size:.78rem!important;gap:8px;grid-template-columns:18px 1fr;padding:10px}.coach-note svg{color:var(--gold)}.memory-card,.practice-prompt{background:var(--gold-soft);border-left:3px solid var(--gold);border-radius:7px;display:grid;gap:7px;padding:11px 12px}.memory-card>span,.practice-prompt>span{color:var(--gold);font-size:.7rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.memory-card p,.practice-prompt small{color:var(--muted-strong);font-size:.84rem;line-height:1.5}.practice-prompt{background:var(--green-soft);border-color:var(--green)}.practice-prompt>span{color:var(--green)}.practice-prompt strong{font-size:1rem}.primary-action{align-items:center;background:var(--gold);border:0;border-radius:9px;color:#11161a;display:flex;font-size:.85rem;font-weight:950;gap:8px;justify-content:center;min-height:44px;padding:0 13px;width:100%}.secondary-action{align-items:center;background:var(--surface-strong);border:1px solid var(--border);border-radius:9px;color:var(--text);display:flex;font-size:.85rem;font-weight:900;gap:8px;justify-content:center;min-height:44px;padding:0 13px;width:100%}.study-branch-map{display:grid;gap:8px}.branch-root{align-items:center;background:var(--gold-soft);border:1px solid rgba(223,184,95,.35);border-radius:9px;display:flex;gap:9px;justify-content:space-between;padding:9px 11px}.branch-root span{color:var(--gold);font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.branch-root strong{font-size:.9rem}.study-branch-map button{background:#11181c;border:1px solid var(--border);border-radius:10px;color:var(--text);display:grid;gap:9px;grid-template-columns:28px 1fr;padding:11px;text-align:left}.study-branch-map button:hover{border-color:var(--gold);transform:translateY(-1px)}.branch-status{align-items:center;background:var(--surface-soft);border-radius:999px;color:var(--green);display:flex;height:26px;justify-content:center;width:26px}.study-branch-map button>span:nth-child(2){display:grid;gap:5px}.study-branch-map button strong{font-size:.88rem}.study-branch-map button b{color:var(--gold);font-size:.78rem;font-weight:850}.study-branch-map button small{color:var(--muted);font-size:.74rem;line-height:1.4}.branch-action{align-items:center;color:var(--text);display:flex;font-size:.72rem;font-weight:900;gap:5px;grid-column:2}.thinking-state,.complete-state{align-content:center;min-height:360px;text-align:center}.answer-success{align-content:start}.answer-success>h2{align-items:center;background:var(--green-soft);border:1px solid rgba(115,181,143,.35);border-radius:10px;color:var(--green);display:flex;font-size:clamp(2rem,4vw,3.2rem);justify-content:center;min-height:86px}.success-icon{align-items:center;background:var(--green-soft);border:1px solid rgba(115,181,143,.35);border-radius:999px;color:var(--green);display:flex;height:54px;justify-content:center;justify-self:center;width:54px}.thinking-state .panel-kicker,.complete-state .panel-kicker{justify-content:center}.thinking-icon,.trophy{align-items:center;background:var(--gold-soft);border:1px solid rgba(223,184,95,.34);border-radius:999px;color:var(--gold);display:flex;height:62px;justify-content:center;justify-self:center;width:62px}.feedback-heading{align-items:start;background:var(--red-soft);border:1px solid rgba(238,132,109,.38);border-radius:10px;color:var(--red);display:grid;gap:10px;grid-template-columns:24px 1fr;padding:11px}.feedback-heading.outside{background:var(--gold-soft);border-color:#dfb85f61;color:var(--gold)}.feedback-heading>div{display:grid;gap:5px}.feedback-heading span{font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.feedback-heading h2{color:var(--text);font-size:1.18rem}@media(max-width:1320px){:root{--board-size: min(60vh, 43vw, 560px)}.course-layout{grid-template-columns:minmax(220px,.66fr) minmax(440px,1.35fr) minmax(270px,.82fr)}.course-panel,.coach-panel{padding:14px}}@media(max-width:1080px){:root{--board-size: min(76vw, 610px)}.topbar{grid-template-columns:1fr 1fr}.mode-switch{grid-column:1 / -1;justify-self:stretch;width:100%}.course-layout{grid-template-columns:minmax(220px,.7fr) minmax(450px,1.3fr)}.coach-panel{border-left:1px solid var(--border);border-radius:0 0 13px 13px;grid-column:1 / -1;min-height:300px}.coach-content{margin:0 auto;max-width:720px}.trainer-panel{border-radius:0 0 13px}}@media(max-width:760px){:root{--board-size: min( calc(100vw - 36px) , 560px)}.app-shell{padding:8px}.topbar{border-radius:10px 10px 0 0;gap:12px;grid-template-columns:1fr;padding:10px}.mastery-summary{grid-row:2}.mastery-summary>div:first-child{font-size:.8rem}.mode-switch{grid-row:3}.course-layout{display:flex;flex-direction:column}.course-panel,.trainer-panel,.coach-panel{border-radius:0}.course-panel{border-bottom:0;order:2}.trainer-panel{order:1;padding:12px 9px 14px}.coach-panel{border-radius:0 0 10px 10px;order:3}.chapter-list{display:flex;margin-left:-14px;margin-right:-14px;overflow-x:auto;padding:0 14px 3px;scrollbar-width:none}.chapter-list::-webkit-scrollbar{display:none}.chapter{flex:0 0 78%}.course-principle{display:none}.how-to-card{margin-top:12px}.trainer-heading,.session-progress,.move-strip,.board-controls{width:100%}.board{border-width:4px}.drag-piece{height:calc(var(--board-size) / 8);width:calc(var(--board-size) / 8)}.move-strip{min-height:42px}.board-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.board-controls button{justify-content:center;min-height:42px}.thinking-state,.complete-state{min-height:250px}}@media(max-width:420px){.brand small{display:none}.trainer-heading{align-items:start}.trainer-heading h2{max-width:220px}.turn-badge{padding:6px 8px}.board-controls{grid-template-columns:1fr}.chapter{flex-basis:88%}.branch-list button{grid-template-columns:46px 1fr}.branch-list button>:last-child{display:none}}.board{position:relative}.hint-arrow{height:100%;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:6}.hint-arrow line{opacity:.88;stroke:#e7ba4f;stroke-linecap:round;stroke-width:2.7}.hint-arrow marker path{fill:#e7ba4f}.move-strip span.prefix{opacity:.54}.line-cards{gap:9px;max-height:clamp(330px,49vh,570px);overflow-y:auto;padding-right:4px;scrollbar-color:var(--border) transparent;scrollbar-width:thin}.line-cards button,.all-lines-card{align-items:start;grid-template-columns:28px minmax(0,1fr)}.line-cards button>span:nth-child(2),.all-lines-card>span:nth-child(2){min-width:0}.line-cards em{background:var(--green-soft);border-radius:999px;color:var(--green);font-size:.68rem;font-style:normal;font-weight:900;justify-self:start;margin-top:2px;padding:5px 7px}.line-cards button b{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;line-height:1.42;overflow:hidden}.line-card-action{align-items:center;color:var(--text);display:flex;font-size:.74rem;font-weight:900;gap:5px;grid-column:2}.all-lines-card{background:var(--gold-soft);border:1px solid rgba(223,184,95,.42);border-radius:10px;color:var(--text);display:grid;gap:9px;padding:11px;text-align:left;width:100%}.all-lines-card:hover{border-color:var(--gold)}.all-lines-card>span:nth-child(2){display:grid;gap:5px}.all-lines-card strong{font-size:.9rem}.all-lines-card b{color:var(--gold);font-size:.78rem}.all-lines-card small{color:var(--muted);font-size:.74rem;line-height:1.4}.direct-instruction,.auto-continue,.always-visible-rule{align-items:start;background:var(--green-soft);border:1px solid rgba(115,181,143,.32);border-radius:9px;color:var(--muted-strong);display:grid;font-size:.8rem!important;gap:8px;grid-template-columns:18px 1fr;line-height:1.45;padding:10px}.direct-instruction svg,.auto-continue svg,.always-visible-rule svg{color:var(--green)}.always-visible-rule{background:#11181c;border-color:var(--border-soft);margin-top:auto;width:100%}.session-result{display:grid;gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.session-result span{background:var(--surface-strong);border:1px solid var(--border-soft);border-radius:9px;color:var(--muted);display:grid;font-size:.69rem;gap:4px;padding:9px 7px}.session-result b{color:var(--text);font-size:.92rem}@media(max-width:760px){.always-visible-rule{margin-top:8px}.line-card-action{min-height:28px}.line-cards{max-height:none;overflow:visible;padding-right:0}}.tree-layout .coach-panel{flex-direction:column;gap:16px}.tree-section-list{max-height:clamp(330px,49vh,600px);overflow-y:auto;padding-right:4px;scrollbar-color:var(--border) transparent;scrollbar-width:thin}.tree-section-list .chapter:first-child{background:#73b58f12;border-color:#73b58f2e}.tree-section-list .chapter:first-child.active{background:var(--gold-soft);border-color:#dfb85f59}.tree-section-list .chapter:first-child .chapter-number{color:var(--green)}.tree-section-list .chapter:first-child.active .chapter-number{color:#11161a}.tree-how-to{margin-top:14px}.data-honesty{align-items:start;background:#ffffff06;border:1px solid var(--border-soft);border-radius:9px;color:var(--muted);display:grid;font-size:.72rem;gap:8px;grid-template-columns:18px 1fr;line-height:1.45;margin-top:10px;padding:10px}.data-honesty svg{color:var(--gold)}.data-honesty b{color:var(--muted-strong)}.branch-choice-panel{min-height:0}.tree-choices{max-height:min(54vh,590px);overflow-y:auto;padding-right:4px;scrollbar-color:var(--border) transparent;scrollbar-width:thin}.tree-choices button{min-height:88px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.tree-choices button:hover{background:#dfb85f0e;transform:translateY(-1px)}.tree-choices .branch-move{color:var(--text);font-size:1.12rem}.tree-choices button>svg{color:var(--muted)}.branch-finished{min-height:0}.between-lines .success-icon{margin-bottom:4px}.tree-layout .always-visible-rule{flex:0 0 auto}@media(max-width:1320px){.tree-layout{grid-template-columns:minmax(225px,.7fr) minmax(440px,1.35fr) minmax(285px,.9fr)}.tree-choices button{grid-template-columns:48px 1fr}.tree-choices button>:last-child{display:none}}@media(max-width:760px){.tree-section-list{max-height:none;overflow-x:auto;overflow-y:hidden;padding-right:14px}.tree-how-to,.data-honesty{display:none}.tree-choices{max-height:none;overflow:visible;padding-right:0}.tree-choices button{grid-template-columns:48px 1fr}.tree-choices button>:last-child{display:none}}