.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{color-scheme:light;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Inter", system-ui, sans-serif;--bg: #f5f5f7;--surface: #ffffff;--surface-2: #f2f2f7;--surface-3: #e8e8ed;--text: #1d1d1f;--text-2: #6e6e73;--text-3: #a1a1a6;--hairline: rgba(0, 0, 0, .08);--accent: #0071e3;--accent-soft: rgba(0, 113, 227, .12);--green: #1f9d48;--green-soft: rgba(52, 199, 89, .14);--red: #e5352b;--red-soft: rgba(255, 59, 48, .11);--orange: #c77700;--orange-soft: rgba(255, 149, 0, .14);--sq-light: #e3e7ea;--sq-dark: #93a7b3;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .02);--shadow-md: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 30px rgba(0, 0, 0, .06);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .06), 0 24px 60px rgba(0, 0, 0, .16);--r-md: 14px;--r-lg: 20px;--r-xl: 26px;--ease-out: cubic-bezier(.23, 1, .32, 1);--spring: cubic-bezier(.34, 1.56, .64, 1)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #000;--surface: #1c1c1e;--surface-2: #2c2c2e;--surface-3: #3a3a3c;--text: #f5f5f7;--text-2: #a1a1a6;--text-3: #6e6e73;--hairline: rgba(255, 255, 255, .1);--accent: #0a84ff;--accent-soft: rgba(10, 132, 255, .22);--green: #30d158;--green-soft: rgba(48, 209, 88, .16);--red: #ff453a;--red-soft: rgba(255, 69, 58, .16);--orange: #ff9f0a;--orange-soft: rgba(255, 159, 10, .16);--sq-light: #c9d1d6;--sq-dark: #7b919d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 30px rgba(0, 0, 0, .4);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .5), 0 24px 60px rgba(0, 0, 0, .6)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;letter-spacing:-.01em}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}input{font:inherit;color:inherit}.dim{color:var(--text-3)}#app{max-width:1240px;margin:0 auto;padding:0 24px 60px}.loading{height:80vh;display:grid;place-items:center;color:var(--text-2);font-size:17px}.loading .brand-mark{display:block;font-size:44px;text-align:center}.top{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:19px;letter-spacing:-.02em}.brand-mark{font-size:26px;line-height:1}.pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-sm);font-weight:600;transition:transform .2s var(--ease-out)}.pill:active{transform:scale(.96)}.hero{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:center;padding:28px 0 40px}.hero-board{position:relative}.hero-board .mini{width:300px;border-radius:16px;box-shadow:var(--shadow-lg)}.hero-arrow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:no-repeat center/100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cdefs%3E%3Cmarker id='a' orient='auto' markerWidth='3' markerHeight='3' refX='1' refY='1.5'%3E%3Cpath d='M0 0 3 1.5 0 3z' fill='%2315a34a'/%3E%3C/marker%3E%3C/defs%3E%3Cpath d='M2.5 6.5 2.5 5.95' stroke='%2315a34a' stroke-width='.2' stroke-linecap='round' marker-end='url(%23a)' opacity='.85'/%3E%3C/svg%3E")}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:-.045em;margin:0 0 16px;font-weight:700}.hero p{font-size:19px;color:var(--text-2);max-width:560px;margin:0 0 28px}.hero-stats{display:flex;gap:36px;flex-wrap:wrap}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font-size:28px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.hero-stats span{color:var(--text-2);font-size:13px}.toolbar{position:sticky;top:0;z-index:5;display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 0;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.search{display:flex;align-items:center;gap:8px;flex:1 1 280px;max-width:380px;height:42px;padding:0 14px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text-3)}.search:focus-within{box-shadow:0 0 0 4px var(--accent-soft)}.search input{flex:1;border:0;outline:0;background:none;color:var(--text);min-width:0}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{height:34px;padding:0 14px;border-radius:999px;color:var(--text-2);font-weight:500;transition:background .2s,color .2s}.chip:hover{background:var(--surface-3);color:var(--text)}.chip.on{background:var(--text);color:var(--bg)}.sec{font-size:22px;letter-spacing:-.02em;margin:30px 0 14px}.sec span{color:var(--text-3);font-weight:500}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.empty{color:var(--text-2);padding:60px 0;text-align:center}.foot{color:var(--text-3);font-size:13px;padding:40px 0 0;text-align:center}.card{display:flex;gap:14px;align-items:flex-start;text-align:left;padding:14px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card:active{transform:scale(.98)}.card .mini{width:92px;flex:none;border-radius:8px}.card-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;min-height:92px}.card-title{font-weight:650;font-size:16px;line-height:1.2;letter-spacing:-.015em}.card-en{color:var(--text-3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-moves{color:var(--text-2);font-size:13px;margin-top:2px}.card-foot{margin-top:auto;padding-top:6px;white-space:nowrap;display:flex;justify-content:space-between;align-items:center;color:var(--text-3);font-size:12.5px;gap:8px}.pips{display:flex;gap:8px}.pip{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.pip.has{color:var(--green);font-weight:600}.pip i,.disc{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1.5px var(--text-3)}.pip i.w,.disc.w{background:#fff}.pip i.b,.disc.b{background:#1d1d1f;box-shadow:inset 0 0 0 1.5px #1d1d1f,0 0 0 1px var(--hairline)}@media(prefers-color-scheme:dark){.pip i.b,.disc.b{box-shadow:inset 0 0 0 1.5px #6e6e73}}.cg-wrap.mini{position:relative;aspect-ratio:1;overflow:hidden}.mini-sq,cg-board{background:conic-gradient(var(--sq-dark) 0 25%,var(--sq-light) 0 50%,var(--sq-dark) 0 75%,var(--sq-light) 0) 0 0 / 25% 25%}.mini-sq{position:absolute;top:0;right:0;bottom:0;left:0}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0000;transition:background .25s}.sheet-back.in{background:#0000005c}.sheet{position:relative;width:min(620px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:var(--surface);border-radius:var(--r-xl);padding:26px;box-shadow:var(--shadow-lg);transform:translateY(24px) scale(.98);opacity:0;transition:transform .35s var(--ease-out),opacity .25s}.sheet.wide{width:min(820px,100%)}.sheet-back.in .sheet{transform:none;opacity:1}.x{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:var(--surface-2);color:var(--text-2);font-size:13px}.sheet-head{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;margin-bottom:20px}.sheet-board .mini{width:150px;border-radius:10px}.eyebrow{color:var(--text-3);font-size:13px;font-weight:500}.sheet h2{margin:2px 0;font-size:28px;line-height:1.1;letter-spacing:-.03em;padding-right:30px}.sheet-en{color:var(--text-3);font-size:13px}.sheet-moves{margin-top:10px;font-size:15px;color:var(--text-2)}.seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--surface-2);margin-bottom:14px}.seg button{height:40px;border-radius:9px;font-weight:600;color:var(--text-2);display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,color .2s}.seg.order button{height:auto;min-height:52px;padding:8px 10px;flex-direction:column;gap:1px;line-height:1.2}.seg.order small{font-weight:500;font-size:11.5px;color:var(--text-3)}.panel-top .snd{margin-left:auto;color:var(--text-2)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.var-search{width:100%;height:38px;border-radius:10px;border:0;outline:0;background:var(--surface-2);padding:0 12px;margin-bottom:8px}.vars{max-height:290px;overflow:auto;margin:0 -8px 16px;padding:0 8px}.var{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;text-align:left}.var:hover{background:var(--surface-2)}.var.on{background:var(--accent-soft)}.radio{width:18px;height:18px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--text-3);transition:box-shadow .2s}.var.on .radio{box-shadow:inset 0 0 0 5px var(--accent)}.var-name{flex:1;min-width:0}.var-n{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:13px}.var-best{font-size:12px;font-weight:600;color:var(--text-2)}.var-best.done{color:var(--green)}.sheet-cta{display:flex;flex-direction:column;gap:8px}.btn{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 20px;border-radius:14px;font-weight:650;font-size:16px;transition:transform .2s var(--ease-out),filter .2s}.btn span{font-weight:500;opacity:.7}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:var(--surface-2)}.btn.ghost:hover{background:var(--surface-3)}.btn.small{height:40px;font-size:14px;border-radius:11px;padding:0 14px}body[data-screen=game] #app{max-width:1320px;padding-bottom:0}.game{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;padding:24px 0;align-items:start}.board-col{display:flex;justify-content:center}.board-frame{display:flex;gap:10px;width:min(100%,calc(100dvh - 48px))}.board-box{position:relative;flex:1;aspect-ratio:1}#board{width:100%;height:100%;border-radius:6px;overflow:hidden;box-shadow:var(--shadow-lg)}.board-box.shake{animation:shake .36s var(--ease-out)}@keyframes shake{20%{transform:translate(-7px)}45%{transform:translate(6px)}70%{transform:translate(-3px)}}.board-toast{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);padding:12px 20px;border-radius:999px;background:#1d1d1fd1;color:#fff;font-weight:650;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;z-index:20}.board-toast.show{animation:btoast 1.2s var(--ease-out)}@keyframes btoast{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}15%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0}}.evalbar{position:relative;width:12px;flex:none;border-radius:6px;overflow:hidden;background:#2b2b2e;display:flex;flex-direction:column-reverse}.evalbar i{display:block;width:100%;height:50%;background:#f4f4f4;transition:height .6s var(--ease-out)}.evalbar.flip{flex-direction:column}.evalbar:after{content:attr(data-label);position:absolute;left:50%;bottom:4px;transform:translate(-50%) rotate(180deg);writing-mode:vertical-rl;font-size:9px;font-weight:700;color:#555;font-variant-numeric:tabular-nums}.evalbar.flip:after{bottom:auto;top:4px}cg-board square.last-move{background-color:#0071e342}cg-board square.selected{background-color:#0071e366}cg-board square.move-dest{background:radial-gradient(rgba(0,30,60,.28) 20%,transparent 0)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0 79%,#001e3c47 80%)}cg-board square.move-dest:hover{background:#0071e338}cg-board square.check{background:radial-gradient(ellipse at center,#ff281e,#e70000cc 25%,#a9000000 89%)}.cg-wrap coords{font-family:var(--font);font-weight:600;font-size:clamp(8px,1.3vmin,12px)}.cg-wrap coords.ranks{left:3px;top:1px}.cg-wrap coords.ranks coord{transform:none}.cg-wrap coords.files{left:0;bottom:1px;height:auto;text-transform:none}.cg-wrap coords.files coord{text-align:right;padding-right:3px}.orientation-white .ranks :nth-child(odd),.orientation-white .files :nth-child(2n),.orientation-black .ranks :nth-child(2n),.orientation-black .files :nth-child(odd){color:var(--sq-light)}.orientation-white .ranks :nth-child(2n),.orientation-white .files :nth-child(odd),.orientation-black .ranks :nth-child(odd),.orientation-black .files :nth-child(2n){color:var(--sq-dark)}.panel{position:sticky;top:24px;display:flex;flex-direction:column;gap:14px}.panel-top{display:flex;align-items:center;gap:12px}.icon-btn{width:40px;height:40px;flex:none;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm);display:grid;place-items:center}.g-title{font-weight:700;font-size:18px;letter-spacing:-.02em;line-height:1.2}.g-sub{color:var(--text-2);font-size:13px;display:flex;align-items:center;gap:6px}.pt-text{min-width:0}.progress .bar{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}.progress .bar i{display:block;height:100%;width:0;background:var(--accent);border-radius:3px;transition:width .5s var(--ease-out)}.progress-meta{display:flex;justify-content:space-between;color:var(--text-2);font-size:12.5px;margin-top:6px;font-variant-numeric:tabular-nums}.feedback{min-height:112px;padding:18px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);border-left:4px solid transparent;transition:background .25s,border-color .25s}.feedback.pop{animation:pop .35s var(--spring)}@keyframes pop{0%{transform:scale(.97)}to{transform:none}}.fb-title{font-size:22px;font-weight:700;letter-spacing:-.025em;line-height:1.2}.fb-text{color:var(--text-2);margin-top:6px}.feedback[data-state=turn]{border-color:var(--accent)}.feedback[data-state=ok]{background:var(--green-soft);border-color:var(--green)}.feedback[data-state=ok] .fb-title:before{content:"✓ ";color:var(--green)}.feedback[data-state=alt]{background:var(--green-soft);border-color:var(--green)}.feedback[data-state=wrong]{background:var(--red-soft);border-color:var(--red)}.feedback[data-state=wrong] .fb-title{color:var(--red)}.feedback[data-state=line],.feedback[data-state=rewind]{border-color:var(--orange)}.score{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.score div{background:var(--surface);border-radius:var(--r-md);padding:10px 12px;box-shadow:var(--shadow-sm)}.score b{display:block;font-size:22px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.score span{color:var(--text-2);font-size:12px}.opening-name{min-height:20px;font-size:13px;color:var(--text-2);display:flex;flex-direction:column}.on-fam{font-weight:650;color:var(--text)}.moves{max-height:180px;overflow:auto;padding:12px 14px;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-sm);font-size:14px;line-height:1.9;font-variant-numeric:tabular-nums}.mn{color:var(--text-3);margin-right:4px}.mv{margin-right:8px;padding:1px 4px;border-radius:5px}.mv.ok{color:var(--green);font-weight:650}.mv.alt{color:var(--green)}.mv.err{color:var(--red);font-weight:650}.mv.cur{background:var(--surface-3)}.actions{display:flex;gap:8px}.actions .btn{flex:1}.finish{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#0000;transition:background .3s}.finish.in{background:#0006}.finish-card{width:min(440px,100%);background:var(--surface);border-radius:var(--r-xl);padding:30px 26px 24px;text-align:center;box-shadow:var(--shadow-lg);transform:scale(.94);opacity:0;transition:transform .45s var(--spring),opacity .25s}.finish.in .finish-card{transform:none;opacity:1}.ring{--p: 0;width:132px;height:132px;margin:0 auto 16px;border-radius:50%;display:grid;place-content:center;background:radial-gradient(closest-side,var(--surface) 82%,transparent 83%),conic-gradient(var(--green) calc(var(--p) * 1%),var(--surface-3) 0)}.ring b{font-size:32px;letter-spacing:-.04em;line-height:1}.ring span{color:var(--text-2);font-size:12px}.finish-card h2{margin:0 0 4px;font-size:26px;letter-spacing:-.03em}.finish-card p{margin:0 0 18px;color:var(--text-2)}.finish-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.finish-stats div{background:var(--surface-2);border-radius:12px;padding:10px}.finish-stats b{display:block;font-size:20px}.finish-stats span{font-size:12px;color:var(--text-2)}.finish-ach{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:18px}.fa{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--orange-soft);font-weight:600;font-size:13px}.finish-cta{display:flex;flex-direction:column;gap:8px}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-top:16px}.ach{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--surface-2);opacity:.5;filter:grayscale(1)}.ach.got{opacity:1;filter:none;background:var(--orange-soft)}.ach-i{font-size:26px;width:34px;text-align:center;flex:none}.ach-t{font-weight:650}.ach-d{font-size:12.5px;color:var(--text-2);line-height:1.3}.ach-toast{position:fixed;z-index:90;left:50%;top:18px;transform:translate(-50%,-140%);display:flex;align-items:center;gap:12px;padding:10px 18px 10px 12px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-lg);transition:transform .5s var(--spring)}.ach-toast.in{transform:translate(-50%)}.at-icon{font-size:26px}.at-k{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.at-t{font-weight:700}@media(max-width:900px){.game{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px 0 24px}.board-frame{width:min(100%,62dvh);margin:0 auto}.feedback{min-height:0;padding:14px 16px}.moves{max-height:120px}.game>.panel{display:contents}.panel-top{order:1}.board-col{order:2;width:100%}.feedback{order:3}.progress{order:4}.score{order:5}.opening-name{order:6}.moves{order:7}.actions{order:8}}@media(max-width:700px){#app{padding:0 16px 40px}.hero{grid-template-columns:1fr;gap:24px;padding:8px 0 24px}.hero-board .mini{width:min(240px,70vw)}.hero p{font-size:17px}.hero-stats{gap:22px}.hero-stats b{font-size:22px}.sheet{padding:20px}.sheet-head{grid-template-columns:96px 1fr;gap:14px}.sheet-board .mini{width:96px}.sheet h2{font-size:22px}.grid{grid-template-columns:1fr}.fb-title{font-size:19px}.evalbar{width:8px}.evalbar:after{display:none}}.top-right{display:flex;align-items:center;gap:8px}.home-promo{max-width:560px;margin:28px auto 0}.finish{overflow-y:auto}.finish-card .og-promo{margin-top:18px}.finish-card .og-game{padding:10px 12px}