.cg-wrap{box-sizing:content-box;position:relative;display:block}cg-container{position:absolute;width:100%;height:100%;display:block;top:0}cg-board{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:0;background-size:cover}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:cover;z-index:2;will-change:transform;pointer-events:none}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{overflow:hidden;position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.6}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs,.cg-wrap .cg-shapes-below,.cg-wrap .cg-custom-below{overflow:visible;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{overflow:hidden;opacity:.6;z-index:2}.cg-wrap .cg-shapes-below{overflow:hidden;z-index:1}.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{position:absolute;display:flex;pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px}.cg-wrap coords.ranks{left:4px;top:-20px;flex-flow:column-reverse;height:100%;width:12px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{left:-15px;align-items:flex-end}.cg-wrap coords.files{bottom:-4px;left:24px;flex-flow:row;width:100%;height:16px;text-transform:uppercase;text-align:center}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:1 1 auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.cg-wrap coords.squares{bottom:0;left:0;text-transform:uppercase;text-align:right;flex-flow:column-reverse;height:100%;width:12.5%}.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=)}:root{--bg: #eef1ec;--surface: #ffffff;--surface-2: #f4f6f2;--ink: #18201a;--muted: #5b675e;--line: #d6ddd4;--accent: #3c6b30;--accent-ink: #ffffff;--frame: #263127;--sq-light: #eeeed2;--sq-dark: #6f9a5b;--sq-n-light: #eceee9;--sq-n-dark: #c3c8c0;--coord-on-light: #5c8549;--coord-on-dark: #eeeed2;--g-book: #a07f5a;--g-best: #17917c;--g-good: #5a9a38;--g-inaccuracy: #c99300;--g-mistake: #dd6b1d;--g-blunder: #cf3434;--heat-you: 29, 78, 216;--heat-them: 207, 52, 52;--last: rgba(246, 214, 70, .5);--shadow: 0 1px 2px rgba(20, 30, 20, .06), 0 8px 24px rgba(20, 30, 20, .08);--font: "Archivo", "Segoe UI", system-ui, sans-serif;--radius: 12px;--ease-out: cubic-bezier(.2, .7, .2, 1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #121613;--surface: #1b211d;--surface-2: #161b17;--ink: #e5ebe4;--muted: #9aa79c;--line: #2c3530;--accent: #86bd73;--accent-ink: #0f170d;--frame: #0b0e0c;--sq-light: #dfe0c4;--sq-dark: #5f8c4c;--sq-n-light: #d9dcd6;--sq-n-dark: #a9afa6;--coord-on-light: #4f7a3d;--coord-on-dark: #e6e7cc;--g-inaccuracy: #e2b230;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);color-scheme:dark}}:root[data-theme=dark]{--bg: #121613;--surface: #1b211d;--surface-2: #161b17;--ink: #e5ebe4;--muted: #9aa79c;--line: #2c3530;--accent: #86bd73;--accent-ink: #0f170d;--frame: #0b0e0c;--sq-light: #dfe0c4;--sq-dark: #5f8c4c;--sq-n-light: #d9dcd6;--sq-n-dark: #a9afa6;--coord-on-light: #4f7a3d;--coord-on-dark: #e6e7cc;--g-inaccuracy: #e2b230;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:14px 32px}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid #2f7de1;outline-offset:2px}.app{max-width:1320px;margin:0 auto;display:grid;gap:14px}.topbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-height:40px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;font-stretch:78%;letter-spacing:-.01em}.bm-bg{fill:var(--sq-light)}.bm-sq{fill:var(--sq-dark)}.opening-line{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}.opening-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eco{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 6px;background:var(--surface)}.muted{color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:28px;align-items:start}@media(max-width:960px){.layout{grid-template-columns:minmax(0,1fr);gap:18px}}.board-col{display:grid;gap:8px;justify-items:center;min-width:0}.board-col{--bw: min(100%, max(360px, calc(100dvh - 300px) ) + 26px)}.board-col>*{width:var(--bw);min-width:0}.board-col>.graph{width:calc(var(--bw) - 26px)}@media(max-width:960px){.board-col{--bw: 100%}}.board-row{display:flex;gap:10px;align-items:stretch}.board-frame{position:relative;flex:1;min-width:0;aspect-ratio:1;padding:0;border-radius:6px;background:var(--frame);box-shadow:0 0 0 6px var(--frame),var(--shadow)}.cg-wrap{width:100%;height:100%}.cg-wrap cg-board{background-color:var(--sq-light);background-size:100% 100%;border-radius:3px}.cg-wrap cg-board piece{filter:drop-shadow(0 2px 1.5px rgba(0,0,0,.28))}.cg-wrap cg-board piece.dragging{filter:drop-shadow(0 10px 8px rgba(0,0,0,.35))}.cg-wrap cg-board square.last-move{background-color:var(--last)}.cg-wrap cg-board square.selected{background-color:#f6d646cc}.cg-wrap cg-board square.move-dest{background:radial-gradient(rgba(20,40,20,.3) 22%,transparent 23%)}.cg-wrap cg-board square.move-dest:hover{background:#1428142e}.cg-wrap cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 79%,rgba(20,40,20,.3) 80%)}.cg-wrap cg-board square.check{background:radial-gradient(ellipse at center,red,#e70000 25%,#a9000000 89%,#9e000000)}.cg-wrap coords{font-family:var(--font);font-weight:700;font-size:clamp(9px,1.3vw,12px);opacity:1}.cg-wrap coords.ranks{top:0;left:0;width:12.5%}.cg-wrap coords.ranks coord{transform:none;padding:3px 0 0 4px}.cg-wrap coords.files{bottom:0;left:0;height:auto;text-transform:none}.cg-wrap coords.files coord{text-align:right;padding:0 4px 2px 0}.cg-wrap coords coord:nth-child(odd){color:var(--coord-on-dark)}.cg-wrap coords coord:nth-child(2n){color:var(--coord-on-light)}.cg-wrap.orientation-black coords coord:nth-child(odd){color:var(--coord-on-light)}.cg-wrap.orientation-black coords coord:nth-child(2n){color:var(--coord-on-dark)}@keyframes heat-in{0%{opacity:0}to{opacity:1}}.cg-wrap cg-board square[class*=hm-],.cg-wrap cg-board square[class*=mk-]{animation:heat-in .24s var(--ease-out)}.cg-wrap cg-board square.hm-y1{background-color:rgba(var(--heat-you),.16)}.cg-wrap cg-board square.hm-y2{background-color:rgba(var(--heat-you),.28)}.cg-wrap cg-board square.hm-y3{background-color:rgba(var(--heat-you),.4)}.cg-wrap cg-board square.hm-t1{background-color:rgba(var(--heat-them),.16)}.cg-wrap cg-board square.hm-t2{background-color:rgba(var(--heat-them),.28)}.cg-wrap cg-board square.hm-t3{background-color:rgba(var(--heat-them),.4)}.cg-wrap cg-board square.mk-danger{box-shadow:inset 0 0 0 3px var(--g-blunder);animation:heat-in .24s var(--ease-out),danger-pulse 1.6s ease-in-out infinite}@keyframes danger-pulse{50%{box-shadow:inset 0 0 0 5px var(--g-blunder)}}.cg-wrap cg-board square.mk-target{outline:3px dashed #15803d;outline-offset:-5px}.cg-wrap cg-board square.mk-king{background-image:repeating-linear-gradient(45deg,rgba(217,119,6,.45) 0 4px,transparent 4px 9px)}.cg-wrap cg-board square.mk-pawn:after{content:"";position:absolute;right:6%;top:6%;width:18%;height:18%;border-radius:50%;background:#d97706;box-shadow:0 0 0 2px var(--sq-light)}.evalbar{position:relative;width:16px;flex:none;border-radius:5px;overflow:hidden;background:#2b2b2b;box-shadow:0 0 0 2px var(--frame);display:flex;flex-direction:column;justify-content:flex-end}.evalbar.flip{flex-direction:column-reverse;justify-content:flex-end}.evalbar-white{background:#f4f4ef;height:50%;width:100%}.evalbar-mid{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#c83c3cb3}.evalbar-label{position:absolute;left:50%;transform:translate(-50%) rotate(180deg);writing-mode:vertical-rl;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em}.evalbar-label.on-white{bottom:4px;color:#2b2b2b}.evalbar-label.on-black{top:4px;color:#f4f4ef}.evalbar.flip .evalbar-label.on-white{bottom:auto;top:4px}.evalbar.flip .evalbar-label.on-black{top:auto;bottom:4px}.tray{display:flex;align-items:center;gap:8px;min-height:26px;padding-left:26px}.tray-who{font-weight:700;font-stretch:85%}.tray-took{color:var(--muted);font-size:18px;letter-spacing:-.05em;font-family:Segoe UI Symbol,DejaVu Sans,sans-serif}.tray-adv{font-size:13px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.side-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex:none;border:2px solid var(--ink)}.side-dot.w{background:#fbfbf6}.side-dot.b{background:#1f241f}.controls{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-left:26px;margin-top:6px}.nav,.actions{display:flex;gap:6px;align-items:center}.icon-btn{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:grid;place-items:center;transition:transform .12s var(--ease-out),background-color .15s}.icon-btn:hover:not(:disabled){background:var(--surface-2)}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{opacity:.38;cursor:not-allowed}.btn{min-height:44px;padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-weight:650;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s var(--ease-out),background-color .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){filter:brightness(1.06);border-color:var(--accent)}.btn.small{min-height:36px;padding:6px 12px;font-size:14px;border-radius:8px}.btn.ghost{background:transparent}.btn .side-dot{border-color:currentColor}.review-chip{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:5;border:0;border-radius:999px;padding:8px 14px;min-height:36px;cursor:pointer;background:#141c16e0;color:#fff;font-weight:650;font-size:13px;white-space:nowrap;box-shadow:0 6px 18px #0000004d;animation:chip-in .22s var(--ease-out)}@keyframes chip-in{0%{opacity:0;transform:translate(-50%,8px)}}.graph{position:relative;height:84px;margin-left:26px;border-radius:8px;overflow:hidden;border:1px solid var(--line);cursor:pointer;background:var(--surface)}.graph svg{width:100%;height:100%;display:block}.graph-black{fill:#3a3f3b}.graph-white{fill:#f1f1ea;transition:d .4s var(--ease-out)}.graph-mid{stroke:#c83c3c8c;stroke-width:1}.graph-line{fill:none;stroke:#7a8a7c;stroke-width:1.5}.graph-cursor{stroke:#2f7de1;stroke-width:2}.graph-dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;border:2px solid #fff;pointer-events:none;background:var(--gc)}.graph-dot.computer{border-style:dotted}.graph-pending{position:absolute;right:8px;top:6px;font-size:11px;font-weight:700;color:#f1f1ea;mix-blend-mode:difference}.side{display:grid;gap:12px;min-width:0}.status{display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:52px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);font-weight:650;box-shadow:var(--shadow)}.status.over{border-color:var(--accent)}.turn-chip{width:16px;height:16px;border-radius:50%;border:2px solid var(--ink);flex:none;transition:background-color .2s}.turn-chip.w{background:#fbfbf6}.turn-chip.b{background:#1f241f}.dots{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.dots i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:blink 1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.dots.small i{width:4px;height:4px}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:grid;gap:10px}.panel-head{display:flex;align-items:baseline;justify-content:space-between}h2{margin:0;font-size:15px;font-weight:800;font-stretch:85%}h3{margin:0;font-size:14px;font-weight:800;font-stretch:85%}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:var(--surface-2);border-radius:10px;padding:4px}.level{border:0;background:transparent;border-radius:7px;min-height:40px;padding:4px 2px;font-size:13px;font-weight:650;cursor:pointer;line-height:1.15;transition:background-color .16s,color .16s}.level[aria-checked=true]{background:var(--accent);color:var(--accent-ink)}.level:hover:not([aria-checked=true]){background:var(--line)}.sublabel{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:-4px}.newgame{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:420px){.newgame{grid-template-columns:1fr}.levels{grid-template-columns:repeat(3,1fr)}}.switches{display:grid;grid-template-columns:1fr 1fr;gap:6px}@media(max-width:420px){.switches{grid-template-columns:1fr}}.switch{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:10px;border-radius:10px;cursor:pointer;border:1px solid var(--line);background:var(--surface-2);min-height:44px;transition:border-color .16s,background-color .16s}.switch[aria-checked=true]{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.switch-track{width:34px;height:20px;border-radius:999px;background:var(--line);position:relative;flex:none;margin-top:1px;transition:background-color .18s}.switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform .22s cubic-bezier(.3,1.4,.5,1)}.switch[aria-checked=true] .switch-track{background:var(--accent)}.switch[aria-checked=true] .switch-thumb{transform:translate(14px)}.switch-text{display:grid;gap:1px;min-width:0}.switch-label{font-weight:700;font-size:14px}.switch-detail{font-size:12px;color:var(--muted);line-height:1.35}.tabs-panel{padding:0;gap:0;overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;min-height:46px;font-weight:700;cursor:pointer;color:var(--muted);box-shadow:inset 0 -3px 0 transparent;transition:color .15s,box-shadow .2s var(--ease-out)}.tab[aria-selected=true]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--accent)}.tab-body{padding:12px;display:grid;gap:10px;max-height:min(64dvh,680px);overflow-y:auto}@media(max-width:960px){.tab-body{max-height:none}}.empty{margin:0;color:var(--muted);font-size:14px}.empty.small{font-size:13px}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}.movecard{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:8px;background:var(--surface);animation:card-in .24s var(--ease-out)}.movecard.compact{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface-2);animation:none;flex-wrap:wrap}.mc-head{display:flex;align-items:center;gap:10px}.mc-title{display:grid;line-height:1.2;flex:1;min-width:0}.mc-who{font-size:13px;color:var(--muted);font-weight:600}.mc-move{font-weight:800;font-variant-numeric:tabular-nums}.mc-move.big{font-size:20px;font-stretch:90%}.mc-grade{font-size:13px;font-weight:750;color:var(--gc)}.mc-delta{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto}.mc-score{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;display:flex;gap:8px;flex-wrap:wrap}.mc-score .mc-delta{margin-left:0}.mc-verdict{margin:0;font-weight:600}.mc-actions{display:flex;gap:8px;flex-wrap:wrap}.facts{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:14px}.facts li{position:relative;padding-left:16px}.facts li:before{content:"";position:absolute;left:3px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--muted)}.facts li.threat:before,.facts li.danger:before{background:var(--g-blunder)}.facts li.target:before{background:#15803d}.facts li.king:before{background:#d97706}.facts li.pawn:before{background:#d97706}.explain{margin:0;padding:10px 12px;border-radius:8px;background:var(--surface-2);font-size:14px;animation:card-in .24s var(--ease-out)}.explain.error{color:var(--g-blunder)}.explain.loading{display:grid;gap:6px}.explain.loading span{height:10px;border-radius:4px;background:linear-gradient(90deg,var(--line),var(--surface),var(--line));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.explain.loading span:nth-child(2){width:85%}.explain.loading span:nth-child(3){width:60%}@keyframes shimmer{to{background-position:-200% 0}}.g-book{--gc: var(--g-book)}.g-best{--gc: var(--g-best)}.g-good{--gc: var(--g-good)}.g-inaccuracy{--gc: var(--g-inaccuracy)}.g-mistake{--gc: var(--g-mistake)}.g-blunder{--gc: var(--g-blunder)}.badge{flex:none;color:#fff}.badge-bg{fill:var(--gc)}.badge-wait{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite;flex:none}.badge-wait.big{width:30px;height:30px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.heat{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:10px}.heat-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.heat-count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.lg{width:14px;height:14px;border-radius:3px;display:inline-block}.lg.you{background:rgba(var(--heat-you),.4)}.lg.them{background:rgba(var(--heat-them),.4)}.lg.danger{box-shadow:inset 0 0 0 2px var(--g-blunder)}.lg.target{outline:2px dashed #15803d;outline-offset:-2px}.lg.king{background:repeating-linear-gradient(45deg,rgba(217,119,6,.6) 0 3px,transparent 3px 6px)}.summary{display:grid;gap:6px}.sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:8px 10px;border-radius:8px;background:var(--surface-2)}.sum-who{font-weight:800;min-width:74px}.sum-acc{font-weight:700;font-variant-numeric:tabular-nums}.sum-counts{display:flex;gap:10px;font-size:13px;font-variant-numeric:tabular-nums}.sum-counts span{color:var(--gc);font-weight:650}.movelist{list-style:none;margin:0;padding:0;display:grid;font-variant-numeric:tabular-nums}.movelist li{display:grid;grid-template-columns:34px 1fr 1fr;align-items:center;border-radius:6px}.movelist li:nth-child(odd){background:var(--surface-2)}.num{color:var(--muted);font-size:13px;padding-left:6px}.mv{border:0;background:transparent;text-align:left;padding:6px 8px;min-height:36px;border-radius:6px;cursor:pointer;font-weight:650;display:flex;align-items:baseline;gap:4px}.mv:hover{background:var(--line)}.mv.cur{background:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:inset 0 0 0 1px var(--accent)}.mv .glyph{color:var(--gc);font-weight:800}.mv .delta{margin-left:auto;font-size:12px;color:var(--muted);font-weight:600}.lesson-group{display:grid;gap:8px}.lesson{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:4px;transition:border-color .16s}.lesson.active{border-color:var(--accent)}.lesson-top{display:flex;align-items:center;gap:8px}.lesson-name{font-weight:750;flex:1;min-width:0}.lesson-idea{margin:0;font-size:14px}.lesson-line{margin:0;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.lesson-progress{display:grid;gap:8px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line))}.lp-head{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.lp-head .muted{font-size:13px;width:100%}.lp-moves{display:flex;flex-wrap:wrap;gap:4px}.lp-move{font-size:13px;font-weight:700;padding:3px 7px;border-radius:6px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums}.lp-move.done{color:var(--ink)}.lp-move.done.mine{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.lp-move.next{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.lp-num{color:inherit;opacity:.7;margin-right:2px}.lesson-msg{padding:10px 12px;border-radius:10px;font-weight:650;animation:card-in .22s var(--ease-out)}.lesson-msg.ok{background:color-mix(in srgb,var(--g-good) 14%,var(--surface))}.lesson-msg.miss{background:color-mix(in srgb,var(--g-mistake) 16%,var(--surface))}.lesson-msg.done{background:color-mix(in srgb,var(--g-best) 16%,var(--surface))}.promo{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#0a0e0b8c;border-radius:4px;animation:heat-in .16s}.promo-box{background:var(--surface);border-radius:12px;padding:14px;display:grid;gap:10px;justify-items:center;box-shadow:0 16px 48px #0006}.promo-box p{margin:0;font-weight:700}.promo-row{display:flex;gap:8px}.promo-btn{width:64px;height:64px;border-radius:10px;border:1px solid var(--line);background:var(--sq-light);cursor:pointer;position:relative}.promo-btn:hover{background:#f6d646}.promo-btn piece{position:absolute;inset:4px;background-size:cover}.credits{font-size:12px;color:var(--muted);margin:4px 2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(max-width:960px){.side>.status{order:1}.side>.tabs-panel{order:2}.side>.panel:not(.tabs-panel){order:3}.side>.credits{order:4}}.options{display:grid;gap:8px}.options .heat-head h3{margin:0}.cands{margin:0;padding:0;list-style:none;display:grid;gap:8px}.cand{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:6px;background:var(--surface);transition:border-color .16s,background-color .16s}.cand.sel{border-color:#1d4ed8;background:color-mix(in srgb,#1d4ed8 7%,var(--surface))}.cand-main{all:unset;cursor:pointer;display:flex;align-items:baseline;gap:10px;min-height:32px;border-radius:6px}.cand-main:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cand-move{font-weight:800;font-size:18px;font-stretch:90%}.cand-score{margin-left:auto;font-size:13px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.cand-line{margin:0;font-size:13px;color:var(--muted)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .cand.sel{border-color:#6b8ff0}}