.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{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-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs 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{--font-body: "Manrope", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--font-display: "Comfortaa", "Manrope", system-ui, sans-serif;--bg: #000000;--bg-deep: #0a0a0a;--bg2: #141311;--bg3: #26251f;--text: #cfcfd3;--text-dim: #8c8889;--border: #2c2b26;--radius-sm: 8px;--radius: 11px;--radius-pill: 999px;--shadow: 0 2px 10px rgba(0, 0, 0, .45);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .55);--edge: #36342c;--ok: #6f9a52;--ok-bright: #8fbf6a;--bad: #c25a4e;--accent: #d4af5a;--accent-press: #a88734;--accent-fg: #161207;--accent-soft: rgba(212, 175, 90, .14);--accent-metal: linear-gradient(160deg, #f2dc85 0%, #d4af5a 30%, #a97f1f 55%, #e5c470 78%, #b08a30 100%);--accent-edge: #7c6220;--tg-sat: 0px;--tg-sar: 0px;--tg-sab: 0px;--tg-sal: 0px;--sat: max(var(--tg-sat), env(safe-area-inset-top, 0px));--sar: max(var(--tg-sar), env(safe-area-inset-right, 0px));--sab: max(var(--tg-sab), env(safe-area-inset-bottom, 0px));--sal: max(var(--tg-sal), env(safe-area-inset-left, 0px))}[data-theme=light]{--bg: #e4e2df;--bg-deep: #d8d6d2;--bg2: #f2f0ed;--bg3: #dcdad6;--text: #171512;--text-dim: #5c5852;--border: #c8c5c0;--shadow: 0 2px 10px rgba(40, 36, 30, .12);--shadow-lg: 0 12px 32px rgba(40, 36, 30, .18);--edge: #b5b2ac;--ok: #5d8a41;--ok-bright: #4f7d34;--bad: #b04a3e;--accent: #9c7c22;--accent-press: #7d6119;--accent-fg: #ffffff;--accent-soft: rgba(156, 124, 34, .14);--accent-metal: linear-gradient(160deg, #e3c977 0%, #b8963c 35%, #9c7c22 60%, #d6b557 85%, #a8842a 100%);--accent-edge: #6f571a}.board-frame{position:relative;width:min(92vw,520px);margin:0 auto;padding:15px 8px 15px 17px;background:var(--bg3);border-radius:16px;box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d}.coord{position:absolute;display:flex;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:700;font-family:var(--font-body);color:var(--text-dim)}.coord-top,.coord-bottom{left:17px;right:8px;height:15px;align-items:center}.coord-top{top:0}.coord-bottom{bottom:0}.coord-top span,.coord-bottom span{flex:1;text-align:center}.coord-left{top:15px;bottom:15px;left:0;width:17px;flex-direction:column}.coord-left span{flex:1;display:flex;align-items:center;justify-content:center}.coord-right{top:15px;bottom:15px;right:9px;width:12px;flex-direction:column}.coord-right span{height:12.5%;display:flex;align-items:flex-start;justify-content:flex-end;font-size:8px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.85),0 1px 1px rgba(0,0,0,.6)}.cg-host{width:100%;aspect-ratio:1 / 1;border-radius:9px;overflow:hidden;box-shadow:0 1px 4px #0000004d}.cg-host cg-board{border-radius:9px}.board-frame cg-board{background-size:25% 25%}.board-brown cg-board{background-image:repeating-conic-gradient(#b58863,#b58863 25%,#f0d9b5 0%,#f0d9b5 50%)}.board-blue cg-board{background-image:repeating-conic-gradient(#8ca2ad,#8ca2ad 25%,#dee3e6 0%,#dee3e6 50%)}.board-green cg-board{background-image:repeating-conic-gradient(#769656,#769656 25%,#eeeed2 0%,#eeeed2 50%)}.board-grey cg-board{background-image:repeating-conic-gradient(#8f8f8f,#8f8f8f 25%,#eaeaea 0%,#eaeaea 50%)}.board-purple cg-board{background-image:repeating-conic-gradient(#8877b7,#8877b7 25%,#efe6f7 0%,#efe6f7 50%)}.board-frame cg-board square.move-dest{background:radial-gradient(#14551e80 19%,#0000 20%)}.board-frame cg-board square.premove-dest{background:radial-gradient(#141e5580 19%,#0000 20%)}.board-frame cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 78%,rgba(20,85,0,.35) 79%)}.board-frame cg-board square.oc.premove-dest{background:radial-gradient(transparent 0%,transparent 78%,rgba(20,30,85,.25) 79%)}.board-frame cg-board square.move-dest:hover{background:#14551e4d}.board-frame cg-board square.premove-dest:hover{background:#141e5533}.board-frame cg-board square.last-move{background-color:#9bc70047}.board-frame cg-board square.selected{background-color:#14551e73}.board-frame cg-board square.check{background:radial-gradient(ellipse at center,#ff3c28e6,#dc281eb3 30%,#a9000000 90%)}.board-frame cg-board square.current-premove{background-color:#141e5573}.flip-btn{position:absolute;top:14px;right:14px;z-index:6;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--bg2);color:var(--text-dim);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000059}@media (hover: hover){.flip-btn:hover{color:var(--text);border-color:var(--text-dim)}}.flip-btn:active{transform:scale(.92)}.ex-board .cg-host{transition:box-shadow .25s ease}.ex-board.ex-ok .cg-host{box-shadow:0 0 0 3px #81b64ce6,0 0 18px #81b64c73}.ex-board.ex-bad .cg-host{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.pieces-merida .cg-wrap piece.pawn.white{background-image:url(/pieces/merida/wP.svg)}.pieces-merida .cg-wrap piece.knight.white{background-image:url(/pieces/merida/wN.svg)}.pieces-merida .cg-wrap piece.bishop.white{background-image:url(/pieces/merida/wB.svg)}.pieces-merida .cg-wrap piece.rook.white{background-image:url(/pieces/merida/wR.svg)}.pieces-merida .cg-wrap piece.queen.white{background-image:url(/pieces/merida/wQ.svg)}.pieces-merida .cg-wrap piece.king.white{background-image:url(/pieces/merida/wK.svg)}.pieces-merida .cg-wrap piece.pawn.black{background-image:url(/pieces/merida/bP.svg)}.pieces-merida .cg-wrap piece.knight.black{background-image:url(/pieces/merida/bN.svg)}.pieces-merida .cg-wrap piece.bishop.black{background-image:url(/pieces/merida/bB.svg)}.pieces-merida .cg-wrap piece.rook.black{background-image:url(/pieces/merida/bR.svg)}.pieces-merida .cg-wrap piece.queen.black{background-image:url(/pieces/merida/bQ.svg)}.pieces-merida .cg-wrap piece.king.black{background-image:url(/pieces/merida/bK.svg)}.pieces-alpha .cg-wrap piece.pawn.white{background-image:url(/pieces/alpha/wP.svg)}.pieces-alpha .cg-wrap piece.knight.white{background-image:url(/pieces/alpha/wN.svg)}.pieces-alpha .cg-wrap piece.bishop.white{background-image:url(/pieces/alpha/wB.svg)}.pieces-alpha .cg-wrap piece.rook.white{background-image:url(/pieces/alpha/wR.svg)}.pieces-alpha .cg-wrap piece.queen.white{background-image:url(/pieces/alpha/wQ.svg)}.pieces-alpha .cg-wrap piece.king.white{background-image:url(/pieces/alpha/wK.svg)}.pieces-alpha .cg-wrap piece.pawn.black{background-image:url(/pieces/alpha/bP.svg)}.pieces-alpha .cg-wrap piece.knight.black{background-image:url(/pieces/alpha/bN.svg)}.pieces-alpha .cg-wrap piece.bishop.black{background-image:url(/pieces/alpha/bB.svg)}.pieces-alpha .cg-wrap piece.rook.black{background-image:url(/pieces/alpha/bR.svg)}.pieces-alpha .cg-wrap piece.queen.black{background-image:url(/pieces/alpha/bQ.svg)}.pieces-alpha .cg-wrap piece.king.black{background-image:url(/pieces/alpha/bK.svg)}.pieces-staunty .cg-wrap piece.pawn.white{background-image:url(/pieces/staunty/wP.svg)}.pieces-staunty .cg-wrap piece.knight.white{background-image:url(/pieces/staunty/wN.svg)}.pieces-staunty .cg-wrap piece.bishop.white{background-image:url(/pieces/staunty/wB.svg)}.pieces-staunty .cg-wrap piece.rook.white{background-image:url(/pieces/staunty/wR.svg)}.pieces-staunty .cg-wrap piece.queen.white{background-image:url(/pieces/staunty/wQ.svg)}.pieces-staunty .cg-wrap piece.king.white{background-image:url(/pieces/staunty/wK.svg)}.pieces-staunty .cg-wrap piece.pawn.black{background-image:url(/pieces/staunty/bP.svg)}.pieces-staunty .cg-wrap piece.knight.black{background-image:url(/pieces/staunty/bN.svg)}.pieces-staunty .cg-wrap piece.bishop.black{background-image:url(/pieces/staunty/bB.svg)}.pieces-staunty .cg-wrap piece.rook.black{background-image:url(/pieces/staunty/bR.svg)}.pieces-staunty .cg-wrap piece.queen.black{background-image:url(/pieces/staunty/bQ.svg)}.pieces-staunty .cg-wrap piece.king.black{background-image:url(/pieces/staunty/bK.svg)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15.5px;-webkit-tap-highlight-color:transparent;overflow-x:hidden;overflow-x:clip}a{color:var(--accent);text-decoration:none}h1{font-size:1.7rem;margin:.3em 0 .6em;font-weight:800;overflow-wrap:break-word}h2{font-size:1.15rem;margin:0 0 .55em;font-weight:800;overflow-wrap:break-word}h3{margin:0 0 .3em;font-weight:700;font-size:1.08rem;overflow-wrap:break-word}h1,h2,h3,.logo,.pay-price,.role-name{font-family:var(--font-display)}p{line-height:1.55;overflow-wrap:break-word}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:var(--sab)}.header{display:flex;align-items:center;gap:10px;padding:max(8px,var(--sat)) max(14px,var(--sar)) 8px max(14px,var(--sal));background:var(--bg-deep);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.logo{font-size:1.15rem;font-weight:800;color:var(--text);letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.logo .logo-mark{color:var(--accent);margin-right:6px}.logo-img{height:28px;width:28px;object-fit:contain;margin-right:7px;flex-shrink:0}.logo-img-lg{height:64px;width:auto;margin:0 auto 10px;display:block}.landing-logo .logo-img{height:30px}.loading .logo-img-lg{height:48px;margin-bottom:6px}.header nav{display:flex;gap:6px;align-items:center;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.header nav::-webkit-scrollbar{display:none}.header nav a{color:var(--text-dim);font-weight:700;font-size:.9rem;padding:7px 13px;border-radius:var(--radius-pill);white-space:nowrap;flex-shrink:0}.header nav a.active{color:var(--accent-fg);background:var(--accent-metal);box-shadow:inset 0 -2px 0 var(--accent-edge)}.header-side{display:flex;align-items:center;gap:10px;flex-shrink:0}.theme-toggle{background:var(--bg2);border:1px solid var(--border);border-radius:50%;height:34px;width:34px;padding:0;font-size:14px;color:var(--text-dim);cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.main{flex:1;width:100%;max-width:1060px;margin:0 auto;padding:14px max(16px,var(--sar)) 32px max(16px,var(--sal))}.page{animation:pageIn .25s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.5)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cards>*,.course-list>*,.lesson-list>*{animation:riseIn .3s ease both}.cards>:nth-child(2),.course-list>:nth-child(2),.lesson-list>:nth-child(2){animation-delay:.04s}.cards>:nth-child(3),.course-list>:nth-child(3),.lesson-list>:nth-child(3){animation-delay:.08s}.cards>:nth-child(4),.course-list>:nth-child(4),.lesson-list>:nth-child(4){animation-delay:.12s}.cards>:nth-child(n+5),.course-list>:nth-child(n+5),.lesson-list>:nth-child(n+5){animation-delay:.16s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);background:var(--bg2);color:var(--text);border-radius:var(--radius-sm);padding:10px 18px;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 3px 0 var(--edge);transition:transform .08s ease,box-shadow .08s ease,background .15s,border-color .15s}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--edge);background:var(--bg3)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-primary{background:var(--accent-metal);border-color:var(--accent-edge);color:var(--accent-fg);box-shadow:0 3px 0 var(--accent-edge),inset 0 1px #ffffff59;text-shadow:0 1px 0 rgba(255,255,255,.2)}.btn-primary:active{box-shadow:0 1px 0 var(--accent-edge);transform:translateY(2px)}.btn-big{font-size:1.05rem;padding:13px 26px;border-radius:12px}.btn-ghost{background:transparent;box-shadow:none}.btn-ghost:active{background:var(--bg2);transform:translateY(1px);box-shadow:none}.btn-danger{background:var(--bad);border-color:transparent;color:#fff;box-shadow:0 3px #9c3f36}.btn-danger:active{box-shadow:0 1px #9c3f36}.notice{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin:10px 0;box-shadow:var(--shadow)}.notice.good{border-left:4px solid var(--ok-bright)}.notice.bad{border-left:4px solid var(--bad)}.notice.warn{border-left:4px solid var(--accent)}.loading{text-align:center;padding:60px 0;color:var(--text-dim);font-size:1rem}.back-link{display:inline-block;margin-bottom:10px;color:var(--text-dim);font-weight:600;font-size:.9rem}.back-link.center{display:block;text-align:center;margin-top:20px}.continue-bar{display:flex;align-items:center;gap:12px;background:var(--bg2);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;box-shadow:var(--shadow)}.continue-bar .continue-info{flex:1;min-width:0}.continue-bar .continue-label{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.continue-bar .continue-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-bar .btn{flex-shrink:0}.auth-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:calc(20px + var(--sat)) calc(20px + var(--sar)) calc(20px + var(--sab)) calc(20px + var(--sal));background:var(--bg-deep)}.auth-card{background:var(--bg2);border:1px solid var(--border);border-radius:18px;padding:36px 30px;text-align:center;max-width:380px;width:100%;box-shadow:var(--shadow-lg)}.auth-card .logo-mark{font-size:3.4rem;color:var(--accent);line-height:1}.auth-card input{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:1rem;margin:14px 0}.auth-card input:focus{outline:none;border-color:var(--accent)}.auth-hint{margin-top:14px;color:var(--text-dim);font-size:.8rem}.auth-2col{display:flex;gap:8px}.auth-2col input{flex:1;min-width:0;margin-top:0!important;margin-bottom:14px!important}@media (max-width: 380px){.auth-2col{flex-direction:column;gap:0}}.captcha-box{border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--bg);padding:12px;margin-bottom:14px}.captcha-label{font-size:.78rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.captcha-img{display:block;width:100%;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);margin-bottom:8px}.captcha-img svg{display:block;width:100%;height:auto}.captcha-loading{padding:20px;text-align:center;color:var(--text-dim);font-size:.85rem}.captcha-row{display:flex;gap:8px}.captcha-row input{flex:1;margin:0!important}.captcha-refresh{width:44px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg2);color:var(--accent);font-size:1.1rem;cursor:pointer}.hero{padding:22px 0 16px;border-bottom:1px solid var(--border);margin-bottom:18px}.hero h1{margin-top:0}.hero-sub{color:var(--text-dim);max-width:480px;margin:6px 0 18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;color:var(--text);box-shadow:var(--shadow);transition:border-color .15s,transform .15s,box-shadow .15s}.card h3{margin-bottom:6px}.card p{color:var(--text-dim);margin:0;font-size:.9rem}.course-list{display:flex;flex-direction:column;gap:12px}.course-card{display:flex;align-items:center;gap:14px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;color:var(--text);box-shadow:var(--shadow);transition:border-color .15s,transform .15s,box-shadow .15s}.course-emblem{width:50px;height:50px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;line-height:1;background:var(--bg3);color:var(--accent)}.course-card-main{flex:1;min-width:0}.course-card p{color:var(--text-dim);margin:4px 0;font-size:.9rem}.course-sub{color:var(--text-dim);font-size:.9rem}.course-meta{display:flex;gap:14px;color:var(--text-dim);font-size:.84rem;margin-top:6px}.course-badge{border-radius:var(--radius-pill);padding:5px 12px;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.course-badge.free{background:#81b64c33;color:var(--ok-bright)}.course-badge.paid{background:var(--bg3);color:var(--text)}.course-desc{color:var(--text-dim)}.lesson-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.lesson-row{display:flex;align-items:center;gap:12px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:13px 16px;color:var(--text);box-shadow:var(--shadow);transition:border-color .15s,transform .15s,box-shadow .15s}.lesson-check{width:28px;height:28px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.lesson-check.done{background:var(--ok);color:#fff;animation:pop .25s ease}.lesson-title{flex:1;font-weight:600;min-width:0;overflow-wrap:break-word}.lesson-bar{display:block;height:6px;border-radius:var(--radius-pill);background:var(--bg3);margin-top:7px;overflow:hidden}.lesson-bar i{display:block;height:100%;border-radius:var(--radius-pill);background:var(--ok-bright);transition:width .3s ease}.lesson-prog{color:var(--text-dim);font-size:.8rem;margin-left:8px;font-weight:400}.lesson-tag{color:var(--text-dim);font-size:.8rem}.lesson-grid{display:grid;grid-template-columns:minmax(320px,520px) minmax(0,1fr);gap:20px;align-items:start}.lesson-left{position:sticky;top:calc(var(--header-h) + var(--sat))}.lesson-left .board-frame{width:100%;margin:0}.lesson-right{min-width:0}.lesson-right .board-frame{width:100%;margin:0 auto}.lesson-right h1{margin-top:0}.lesson-text p{margin:0 0 10px;color:var(--text)}.lesson-text{margin-bottom:16px}.board-toolbar{display:flex;gap:8px;margin-top:10px;justify-content:center}.board-toolbar .btn{padding:7px 14px;font-size:.85rem}.ex-list{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.ex-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;text-align:left;font-size:.93rem;font-weight:600;transition:background .15s,border-color .15s}.ex-row.cur{background:var(--bg2);border-color:var(--accent);box-shadow:var(--shadow)}.ex-row .ex-num{width:24px;height:24px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.ex-row.done .ex-num{background:var(--ok);color:#fff}.ex-row .ex-row-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-row .ex-type{color:var(--text-dim);font-size:.78rem;font-weight:400}.ex-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.ex-title{margin-bottom:8px}.ex-tools{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.ex-tools .btn{padding:7px 14px;font-size:.85rem}.hint-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;margin-top:12px;font-size:.9rem}.ex-result{margin-top:12px}.ex-result.ok{color:var(--ok-bright)}.ex-result.bad{color:var(--bad);font-weight:600}.ex-result-title{font-weight:700;font-size:.95rem}.ex-result p{color:var(--text);margin:6px 0 0}.ex-next{margin-top:14px}.ex-line-progress{color:var(--text-dim);margin-bottom:8px;font-weight:600;font-size:.85rem}.quiz-q{font-weight:700;font-size:1.02rem;margin-bottom:12px}.quiz-opts{display:flex;flex-direction:column;gap:9px}.quiz-opt{padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.97rem;font-weight:600;cursor:pointer;text-align:left;overflow-wrap:break-word;box-shadow:0 2px 0 var(--edge);transition:transform .08s ease,box-shadow .08s ease,border-color .15s,background .15s}.quiz-opt:active{transform:translateY(1px);box-shadow:0 1px 0 var(--edge)}.quiz-opt.good{background:var(--ok);border-color:var(--ok);color:#fff;box-shadow:none;animation:pop .25s ease}.quiz-opt.bad{animation:shake .4s ease;border-color:var(--bad);color:var(--bad);box-shadow:none}.study-controls{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px}.study-controls .btn{padding:7px 12px}.study-pos{min-width:90px;text-align:center;color:var(--text-dim);font-weight:600;font-size:.85rem}.study-comment{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;margin-top:12px;font-size:.9rem}.study-done{margin-top:12px}.showcase{margin-top:14px;text-align:center}.showcase-caption{display:inline-block;font-weight:800;font-size:1.05rem;color:var(--accent);text-shadow:0 1px 2px rgba(0,0,0,.3);margin:4px 0 8px;animation:showcasePulse 1.8s ease-in-out infinite}@keyframes showcasePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(1.03)}}.showcase-result{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;text-align:left;box-shadow:var(--shadow)}.showcase-title{font-weight:700;font-size:.95rem;margin-bottom:4px}.showcase-text{color:var(--text);font-size:.9rem;margin:0 0 10px}.op-grid{display:grid;grid-template-columns:minmax(320px,520px) minmax(0,1fr);gap:20px;align-items:start}.op-left{position:sticky;top:calc(var(--header-h) + var(--sat))}.op-left .board-frame{width:100%;margin:0}.op-right{min-width:0}.op-crumbs{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;margin-bottom:12px;font-weight:600;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px;-webkit-overflow-scrolling:touch}.op-crumb{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text);padding:5px 11px;font-size:.85rem;font-weight:600;cursor:pointer;flex-shrink:0}.op-crumb.cur{border-color:var(--accent);color:var(--accent);background:var(--bg3);background:color-mix(in srgb,var(--accent) 14%,var(--bg2))}.op-crumbs>span{flex-shrink:0}.op-crumb-sep{color:var(--text-dim);font-size:.8rem}.op-node{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px;box-shadow:var(--shadow)}.op-node h3{margin-bottom:6px}.op-node p{margin:6px 0;font-size:.9rem}.op-node .op-label{color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.op-moves{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.op-move{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg2);color:var(--text);cursor:pointer;text-align:left;transition:border-color .15s,transform .15s}.op-move .op-san{font-weight:700;font-family:Consolas,Menlo,monospace;min-width:52px;flex-shrink:0}.op-move .op-name{flex:1;min-width:3.5em;color:var(--text-dim);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-move .op-chip{margin-left:auto;flex-shrink:0;font-family:Consolas,Menlo,monospace;font-size:.72rem;font-weight:700;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:2px 6px;color:var(--text-dim)}.op-engine{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.82rem;flex-wrap:wrap}.op-eval{font-family:Consolas,Menlo,monospace;font-weight:700;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:3px 8px}.op-engine-label{color:var(--text-dim)}.op-best{margin-left:auto;background:none;border:none;color:var(--accent);cursor:pointer;font-size:.82rem;padding:4px 0}.op-traps{display:flex;flex-direction:column;gap:6px}.op-trap{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg2);color:var(--text);padding:10px 14px;cursor:pointer;text-align:left;font-weight:600;font-size:.92rem;transition:border-color .15s}.op-trap.playing{border-color:var(--accent)}.op-trap-note{background:var(--bg);border:1px solid var(--border);border-left:4px solid var(--bad);border-radius:var(--radius-sm);padding:10px 14px;margin-top:10px;font-size:.9rem}.op-section-title{color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;margin:14px 0 8px}.paywall{text-align:center;padding:40px 16px}.paywall p{color:var(--text-dim)}.pay-cards{display:flex;flex-direction:column;gap:14px;margin-top:18px}.pay-card{position:relative;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:18px;text-align:center;box-shadow:var(--shadow)}.pay-card.best{border:2px solid var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pay-best-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--accent-fg);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 12px;border-radius:var(--radius-pill);box-shadow:0 2px 0 var(--accent-press);white-space:nowrap}.pay-card.dim{opacity:.7}.pay-card .btn{width:100%}.pay-title{font-weight:700}.pay-price{font-size:1.6rem;font-weight:800;margin:8px 0 2px}.pay-price.grey{color:var(--text-dim)}.pay-sub{color:var(--text-dim);font-size:.85rem;margin-bottom:12px}.soon-badge,.discount-badge{font-size:.7rem;font-weight:700;border-radius:var(--radius-pill);padding:3px 9px;vertical-align:middle;text-transform:uppercase;letter-spacing:.04em}.soon-badge{background:var(--bg3);color:var(--text-dim)}.discount-badge{background:#81b64c2e;color:var(--ok-bright)}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px;box-shadow:var(--shadow)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;flex-wrap:wrap}.setting-row>span{font-weight:600;font-size:.93rem}.seg{display:flex;gap:5px;flex-wrap:wrap}.seg button{padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-weight:600;font-size:.85rem;cursor:pointer}.seg button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);box-shadow:0 2px 0 var(--accent-press)}.swatches{display:flex;gap:8px}.swatch{width:34px;height:34px;border-radius:10px;border:2px solid var(--border);cursor:pointer}.swatch.on{border-color:var(--text);box-shadow:0 0 0 2px var(--accent)}.board-swatch{border-radius:10px}.logout{display:block;margin:18px auto 0}@media (hover: hover){.header nav a:hover{color:var(--text);background:var(--bg2)}.header nav a.active:hover{color:var(--accent-fg);background:var(--accent-press)}.theme-toggle:hover{color:var(--text);border-color:var(--text-dim)}.btn:hover{border-color:var(--text-dim)}.btn-primary:hover{background:var(--accent-press);border-color:transparent}.back-link:hover{color:var(--text)}.card:hover,.course-card:hover,.lesson-row:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ex-row:hover{background:var(--bg2);border-color:var(--border)}.quiz-opt:hover{border-color:var(--text-dim)}.op-crumb:hover,.op-move:hover{border-color:var(--accent)}.op-trap:hover{border-color:var(--bad)}}@media (hover: none){.btn{min-height:40px}.theme-toggle{min-height:36px;min-width:36px}.header nav a{display:inline-flex;align-items:center;min-height:36px}.ex-row,.quiz-opt,.op-move,.op-trap,.op-crumb,.seg button{min-height:40px}.op-move{align-items:center}.swatch{width:36px;height:36px}.flip-btn{width:34px;height:34px}.card:active,.course-card:active,.lesson-row:active{border-color:var(--accent)}.ex-row:active{background:var(--bg2);border-color:var(--border)}.quiz-opt:active{border-color:var(--text-dim)}.op-move:active,.op-crumb:active,.op-trap:active{border-color:var(--accent)}}@media (min-width: 720px){.pay-cards{flex-direction:row;align-items:stretch}.pay-card{flex:1 1 0;display:flex;flex-direction:column}.pay-card .btn{margin-top:auto}}@media (max-width: 860px){.lesson-grid,.op-grid{grid-template-columns:minmax(0,1fr)}.lesson-left,.op-left{position:static}.lesson-left .board-frame,.op-left .board-frame{width:min(100%,480px);margin:0 auto 16px}}@media (min-width: 1281px){.main{max-width:1240px}}@media (min-width: 1400px){.lesson-grid,.op-grid{grid-template-columns:minmax(320px,560px) minmax(0,1fr)}.board-frame{width:min(92vw,560px)}}@media (max-width: 480px),(max-height: 500px) and (orientation: landscape){.ex-list{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:0 -12px 12px;padding:6px 12px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.ex-row{flex:0 0 auto;scroll-snap-align:start;border:1px solid var(--border);background:var(--bg2)}.ex-row .ex-row-title{max-width:44vw}}@media (max-width: 480px){body{font-size:15px}h1{font-size:1.35rem}.header{padding:max(6px,var(--sat)) max(10px,var(--sar)) 6px max(10px,var(--sal));gap:8px}.logo{font-size:.98rem}.header nav{gap:4px}.header nav a{font-size:.82rem;padding:6px 10px}.header-side{gap:2px}.theme-toggle{width:32px;height:32px}.main{padding:12px max(12px,var(--sar)) 28px max(12px,var(--sal))}.hero{padding:16px 0 12px;margin-bottom:14px}.hero .btn{width:100%}.cards{grid-template-columns:1fr}.course-card{flex-wrap:wrap;gap:12px;padding:14px}.course-card-main{flex:1 1 55%}.course-emblem{width:42px;height:42px;font-size:1.5rem}.continue-bar{padding:10px 12px;gap:10px}.lesson-row{padding:11px 12px;gap:10px}.board-frame{width:min(94vw,520px)}.lesson-left .board-frame,.op-left .board-frame{width:min(100%,94vw)}.flip-btn{top:10px;right:10px}.ex-card{padding:14px}.ex-row .ex-type{display:none}.quiz-opt{padding:11px 14px}.study-pos{min-width:64px;font-size:.8rem}.showcase-caption{font-size:.98rem}.swatches{flex-wrap:wrap}.logout,.paywall .btn-big,.auth-card .btn-big{width:100%}.auth-card{padding:26px 20px}}@media (max-height: 500px) and (orientation: landscape){.header{padding-top:max(4px,var(--sat));padding-bottom:4px}.main{padding-top:10px}.hero{padding:12px 0 10px;margin-bottom:12px}.lesson-grid,.op-grid{grid-template-columns:min(60vh,320px) minmax(0,1fr);gap:14px}.lesson-left,.op-left{position:static}.lesson-left .board-frame,.op-left .board-frame{width:min(60vh,320px);margin:0}}.streak{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.85rem;padding:5px 16px 5px 5px;border-radius:var(--radius-pill);background:var(--bg3);vertical-align:middle;white-space:nowrap;flex-shrink:0;text-decoration:none}.streak-ring{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--tier-c, #d97a2e);background:radial-gradient(circle at 32% 28%,#ffc86e8c,#b4501459 55%,#3c1908e6),var(--bg-deep);box-shadow:0 0 7px #d97a2e66;flex-shrink:0}.streak-ring .streak-piece{font-size:16px;line-height:1;color:#f5e9d0;text-shadow:0 1px 2px rgba(0,0,0,.6)}.streak-count{font-weight:800;font-size:1rem;color:var(--tier-c, #d97a2e);font-family:var(--font-display)}.streak-t1{--tier-c: #d97a2e}.streak-t2{--tier-c: #e08a2e}.streak-t3{--tier-c: #e89b2e}.streak-t4{--tier-c: #eab040}.streak-t5{--tier-c: #e8c04c}.streak-gold .streak-ring{border-color:var(--accent);background:radial-gradient(circle at 32% 28%,#ffeba0b3,#d4af5a66 55%,#503c0fe6),var(--bg-deep);box-shadow:0 0 10px #d4af5a8c}.streak-gold .streak-piece,.streak-gold .streak-count{color:var(--accent)}.streak-ring.mini{width:22px;height:22px;border-width:1.5px;box-shadow:none}.streak-ring.mini .streak-piece{font-size:12px}.streak-badge{width:34px;height:34px;border-radius:50%;display:block;flex-shrink:0}.streak-badge.big{width:76px;height:76px}.streak-badge.mini{width:26px;height:26px}.streak-dim .streak-badge{filter:grayscale(.9) brightness(.7)}.streak-dim .streak-count{color:var(--text-dim)}.ladder-badge{width:34px;height:34px;border-radius:50%;flex-shrink:0;filter:grayscale(.75) brightness(.8)}.ladder-row.on .ladder-badge{filter:none}.streak-hero{text-align:left}.streak-big{display:flex;align-items:center;gap:14px}.streak-big .streak-ring{width:58px;height:58px;border-width:3px}.streak-big .streak-piece{font-size:30px}.streak-big-name{font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--tier-c, var(--text))}.streak-big-count{color:var(--text-dim);font-weight:600;font-size:.92rem;margin-top:2px}.streak-next{margin-top:14px;font-size:.85rem;color:var(--text-dim);font-weight:600}.streak-next-bar{height:8px;border-radius:var(--radius-pill);background:var(--bg3);border:1px solid var(--border);overflow:hidden;margin-bottom:6px}.streak-next-bar i{display:block;height:100%;border-radius:var(--radius-pill);background:var(--accent-metal)}.streak-hint{margin-top:12px;font-size:.88rem}.ladder{display:flex;flex-direction:column;gap:6px}.ladder-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg2);color:var(--text-dim)}.ladder-row .ladder-piece{font-size:1.3rem;width:28px;text-align:center;filter:grayscale(.7)}.ladder-row.on{color:var(--text);border-color:var(--accent)}.ladder-row.on .ladder-piece{filter:none}.ladder-row.gold .ladder-piece{color:var(--accent)}.ladder-name{font-weight:700;flex:1}.ladder-days{font-size:.82rem;font-weight:600}.profile-nick{font-size:.55em;color:var(--accent);font-weight:600;margin-left:8px}a.pchip-fire{text-decoration:none;color:inherit}.ref-box{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px}.ref-box code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;color:var(--accent)}.join-form{display:flex;gap:8px;margin:10px 0}.join-form input{flex:1;min-width:0;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}.friend-list{display:flex;flex-direction:column;gap:8px}.friend-block{display:flex;flex-direction:column}.friend-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg2);color:var(--text);font:inherit;text-align:left;cursor:pointer}.friend-row.open{border-color:var(--accent)}.friend-name{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.student-stat{font-size:.8rem;color:var(--text-dim);font-weight:600;white-space:nowrap}.duel-card{padding:12px;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);background:var(--bg)}.duel-task-title{font-weight:700;margin-bottom:8px}.duel-board{max-width:280px;margin:0 auto 10px}.duel-status{display:flex;justify-content:space-between;gap:8px;font-size:.85rem;color:var(--text-dim);font-weight:600;flex-wrap:wrap}.duel-status .ok{color:var(--ok-bright)}h1 .streak{font-size:.8em}.access-panel{padding:10px 12px;border:1px solid var(--border);border-top:none;background:var(--bg);display:flex;flex-direction:column;gap:6px}.access-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.access-label{font-size:.85rem;font-weight:700;color:var(--text)}.access-btns{display:flex;gap:5px;flex-wrap:wrap}.access-btns button{padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg2);color:var(--text);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.access-btns button:active{transform:translateY(1px)}.access-btns button.danger{border-color:var(--bad);color:var(--bad)}@media (hover: hover){.access-btns button:hover{border-color:var(--accent);color:var(--accent)}.access-btns button.danger:hover{border-color:var(--bad);color:var(--bad)}}.student-row.blocked{opacity:.55}.role-card{max-width:440px}.role-sub{color:var(--text-dim);margin:0 0 6px;font-size:.92rem}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.role-opt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;transition:border-color .15s,transform .15s}.role-opt:active{border-color:var(--accent);transform:scale(.97)}.role-icon{font-size:2.1rem;color:var(--accent);line-height:1}.role-name{font-weight:700}.role-desc{font-size:.8rem;color:var(--text-dim);text-align:center}.role-go{width:100%;margin-top:14px}.coach-card{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px}.coach-avatar{flex-shrink:0;border-radius:50%;box-shadow:0 0 0 3px var(--bg3);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.coach-avatar-bg{fill:var(--bg3)}.coach-shirt.shirt-teen-boy{fill:#4a7fae}.coach-shirt.shirt-teen-girl{fill:#a05a7a}.coach-shirt.shirt-man{fill:#4f6b45}.coach-shirt.shirt-woman{fill:#6b5a8e}.coach-shirt.shirt-grandpa{fill:#5c5c5c}.coach-shirt.shirt-grandma{fill:#7d6753}.coach-smile{transition:opacity .1s}.coach-mouth{opacity:0;transform-box:fill-box;transform-origin:center}.coach-avatar.talking .coach-mouth{opacity:1;animation:mouthTalk .16s ease-in-out infinite alternate}.coach-avatar.talking .coach-smile{opacity:0}@keyframes mouthTalk{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.coach-bubble{flex:1;min-width:0;background:var(--bg2);border:1px solid var(--border);border-radius:6px 16px 16px;padding:10px 14px;position:relative;box-shadow:var(--shadow)}.coach-bubble:before{content:"";position:absolute;left:-7px;top:16px;border:7px solid transparent;border-right-color:var(--bg2);border-left:0}.coach-bubble-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.coach-name{font-weight:700;font-size:.82rem;color:var(--accent)}.coach-voice{background:none;border:none;cursor:pointer;font-size:.9rem;padding:2px 4px;color:var(--text-dim);line-height:1}.coach-text{font-size:.9rem;line-height:1.45;overflow-wrap:break-word}.coach-pick{display:flex;gap:8px;flex-wrap:wrap}.coach-opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:.78rem;font-weight:600;cursor:pointer}.coach-opt.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.coach-desc{color:var(--text-dim);font-size:.85rem;margin-top:8px}.lesson-diff{color:var(--accent);font-size:1.15rem;flex-shrink:0;line-height:1}.lesson-row.locked{opacity:.75}.lesson-row.locked .lesson-check{font-size:.8rem}.teacher-sheet .panel p{margin:0;font-size:.92rem}.teacher-list{margin:0;padding-left:18px}.teacher-list li{margin:4px 0;font-size:.9rem;line-height:1.45}.teacher-questions li{margin:6px 0}.slide-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}.slide-title{font-weight:700;margin-bottom:6px}.slide-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.pay-per{font-size:.85rem;color:var(--text-dim);font-weight:600}.pay-done{color:var(--ok-bright);font-size:1.2rem}.role-line{color:var(--text-dim);font-size:.85rem;margin-bottom:6px;display:flex;gap:10px;align-items:center}.role-line-streak{color:var(--text);font-weight:600}.join-form{display:flex;gap:8px;margin-top:8px}.join-form input{flex:1;min-width:0;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.95rem}.join-form input:focus{outline:none;border-color:var(--accent)}.my-groups{margin:0 0 8px;padding-left:18px}.group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.group-code-inline{color:var(--text-dim);font-size:.85rem;display:inline-flex;align-items:center;gap:6px}.group-code-inline b{font-family:Consolas,Menlo,monospace;letter-spacing:.1em}.group-code-box{text-align:center;margin-top:12px;padding:16px;background:var(--bg);border:1px dashed var(--accent);border-radius:var(--radius)}.group-code-label{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.group-code{font-size:2rem;font-weight:800;letter-spacing:.15em;color:var(--accent);margin:6px 0 10px;font-family:Consolas,Menlo,monospace}.btn-copy{padding:5px 12px;font-size:.8rem}.student-list{display:flex;flex-direction:column;gap:4px}.student-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%;padding:9px 14px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);cursor:pointer;font-size:.9rem;text-align:left}.student-row.open{background:var(--bg);border-color:var(--border)}.student-name{flex:1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-stat{color:var(--text-dim);font-size:.8rem;white-space:nowrap}.student-caret{color:var(--text-dim)}.student-detail{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin:4px 0 8px}.student-detail-head{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-bottom:8px}.student-done{display:flex;flex-direction:column;gap:4px}.student-done-row{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;border-bottom:1px solid var(--border);padding:4px 0}.student-done-lesson{overflow:hidden;text-overflow:ellipsis;min-width:0}.student-done-count{color:var(--text-dim);white-space:nowrap}@media (hover: hover){.role-opt:hover,.coach-opt:hover{border-color:var(--accent)}.student-row:hover{background:var(--bg2);border-color:var(--border)}.coach-voice:hover{color:var(--text)}}@media (hover: none){.role-opt,.coach-opt,.student-row{min-height:40px}.coach-voice{padding:6px 8px}}.auth-screen.landing{align-items:stretch;justify-content:flex-start;overflow-y:auto}.landing-col{display:flex;flex-direction:column;gap:22px;max-width:560px;width:100%;margin:0 auto;padding:28px 0 48px}.landing-trainer{background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.landing-trainer b{display:block;font-family:var(--font-display);font-size:1.02rem;margin-bottom:6px}.landing-trainer span{color:var(--text-dim);font-size:.9rem;line-height:1.45}.landing-logo{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:.04em;margin-bottom:18px;display:flex;align-items:center}.landing-logo .logo-mark{color:var(--accent);margin-right:10px;font-size:1.8rem}.landing-hero{text-align:center}.hero-board{display:flex;justify-content:center;margin:4px 0 20px}.hero-board .board-frame{border:1px solid var(--accent-edge);box-shadow:0 0 0 1px #d4af5a40,var(--shadow-lg)}.landing-card{padding:26px 28px}@media (max-width: 520px){.landing-card{padding:20px 18px}}.landing-hero h1{font-size:clamp(1.5rem,5vw,2.1rem);line-height:1.15;margin:4px 0 12px}.landing-sub{color:var(--text-dim);font-size:.98rem;max-width:46ch;margin:0 auto 18px}.landing-feats{list-style:none;margin:0;padding:0;display:grid;gap:10px;text-align:left}.landing-feats li{display:flex;gap:14px;align-items:flex-start;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow)}.feat-icon{font-size:1.5rem;color:var(--accent);line-height:1;margin-top:2px}.landing-feats b{display:block;font-size:.98rem}.landing-feats small{color:var(--text-dim);font-size:.84rem;line-height:1.4;display:block;margin-top:2px}.landing-card{max-width:none}.landing-card h2{margin:0 0 14px;font-size:1.3rem}.auth-cta{width:100%;margin-bottom:10px}.auth-hint{color:var(--text-dim);font-size:.8rem;text-align:center}.auth-tabs{display:flex;gap:6px;margin:0 0 14px}.auth-tab{flex:1;padding:9px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-dim);font-weight:700;font-size:.9rem;cursor:pointer}.auth-tab.on{background:var(--accent-metal);border-color:var(--accent-edge);color:var(--accent-fg)}.auth-back{background:none;border:none;color:var(--text-dim);font-weight:600;cursor:pointer;margin-top:12px;padding:4px 0;font-size:.88rem}.landing-admin{position:fixed;right:14px;bottom:calc(12px + var(--sab));background:none;border:none;color:var(--border);font-size:.75rem;cursor:pointer}.landing-admin:hover{color:var(--text-dim)}@media (max-width: 480px){.landing-col{gap:14px;padding-top:16px}.landing-hero h1{font-size:1.35rem}.landing-sub{font-size:.92rem}.landing-feats{gap:8px}.landing-feats li{padding:9px 11px;gap:10px}.landing-feats small{font-size:.78rem}}.profile-hero{display:flex;align-items:center;gap:18px;padding:20px}.profile-ava{flex-shrink:0}.profile-ava .coach-avatar{display:block}.profile-id{flex:1;min-width:0}.profile-name{margin:0 0 8px;font-size:1.5rem}.profile-chips{display:flex;gap:6px;flex-wrap:wrap}.pchip{display:inline-flex;align-items:center;gap:4px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 11px;font-size:.8rem;font-weight:700;white-space:nowrap}.pchip-ok{color:var(--ok-bright);border-color:color-mix(in srgb,var(--ok) 45%,var(--border))}.pchip-warn{color:var(--accent);border-color:var(--accent)}.pchip-off{color:var(--text-dim)}.pchip-fire{color:#f0903f}.profile-pay-link{display:inline-block;margin-top:8px;font-weight:700;font-size:.9rem}.profile-stats{display:flex;gap:18px;margin-left:auto;flex-shrink:0}.pstat{text-align:center}.pstat b{display:block;font-size:1.5rem;font-family:var(--font-display)}.pstat span{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 560px){.profile-hero{flex-wrap:wrap;padding:16px}.profile-stats{width:100%;justify-content:space-around;margin-left:0}.profile-name{font-size:1.25rem}}.op-intro p{color:var(--text-dim)}.op-stats{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.op-roots{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.op-roots .op-move{flex-direction:column;align-items:flex-start;gap:4px;padding:12px}.op-roots .op-move .op-san{font-size:1.05rem}.op-roots .op-move .op-chip{margin-left:0}.ex-prev-note{font-size:.85rem;padding:8px 12px;margin:0 0 10px}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:10px 0}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;text-align:center}.stat-card b{display:block;font-family:var(--font-display);font-size:1.15rem}.stat-card span{display:block;font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.detail-lessons{display:flex;flex-direction:column;gap:10px}.detail-lesson-name{font-weight:700;font-size:.85rem;margin-bottom:4px}.detail-exs{display:flex;flex-direction:column}.detail-ex{display:flex;align-items:baseline;gap:10px;font-size:.8rem;padding:3px 0;border-bottom:1px solid var(--border);color:var(--text-dim);flex-wrap:wrap}.detail-ex.done{color:var(--ok-bright, var(--text))}.detail-ex-idx{font-weight:700;min-width:26px}.detail-ex-stat.bad{color:var(--bad, #c0564f)}.detail-ex-wrongs{font-family:ui-monospace,monospace;font-size:.72rem;color:var(--text-dim)}.detail-events{margin-top:10px}.detail-events summary{cursor:pointer;font-weight:600;font-size:.85rem}.detail-events-list{display:flex;flex-direction:column;margin-top:6px}.detail-event{display:flex;gap:10px;font-size:.78rem;padding:3px 0;border-bottom:1px solid var(--border)}.detail-event-ts{color:var(--text-dim);min-width:96px}.detail-event-type{font-weight:600;min-width:110px}.detail-event-type.ev-wrong{color:#c0564f}.detail-event-type.ev-success{color:#6a9a58}.detail-event-type.ev-hint{color:var(--accent)}.detail-event-info{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis}.admin-filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}.chip{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:600;cursor:pointer}.chip.on{background:var(--accent-metal);color:var(--accent-fg);border-color:var(--accent-edge)}.admin-search{flex:1;min-width:140px;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:6px 10px;font-size:.85rem}.admin-groups{display:flex;flex-direction:column}.admin-group-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--border);font-size:.85rem;flex-wrap:wrap}.admin-group-name{font-weight:600}.admin-users .student-block{margin-bottom:4px}.muted{color:var(--text-dim)}.coach-text{white-space:pre-line}@media (max-width: 760px){.ex-next{position:sticky;bottom:8px;z-index:5;width:100%;box-shadow:0 6px 18px #00000059}}