.cg-wrap{box-sizing:content-box;display:block;position:relative}cg-container{display:block}cg-board,cg-container{height:100%;position:absolute;top:0;width:100%}cg-board{background-size:cover;left:0;line-height:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{height:12.5%;left:0;pointer-events:none;position:absolute;top:0;width:12.5%}cg-board square.move-dest{pointer-events:auto}.cg-wrap piece,cg-board square.last-move{will-change:transform}.cg-wrap piece{background-size:cover;height:12.5%;left:0;pointer-events:none;position:absolute;top:0;width:12.5%;z-index:2}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{opacity:.5;z-index:1}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{height:100%;left:0;opacity:.6;overflow:hidden;pointer-events:none;position:relative;top:0;width:100%;z-index:2}.cg-wrap .cg-custom-svgs,.cg-wrap .cg-shapes,.cg-wrap cg-auto-pieces{height:100%;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{opacity:.6;overflow:hidden;z-index:2}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg{overflow:visible}.cg-wrap coords{display:flex;font-family:sans-serif;font-size:9px;opacity:.8;pointer-events:none;position:absolute}.cg-wrap coords.ranks{flex-flow:column-reverse;height:100%;left:4px;top:-20px;width:12px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{align-items:flex-end;left:-15px}.cg-wrap coords.files{bottom:-4px;flex-flow:row;height:16px;left:24px;text-align:center;text-transform:uppercase;width:100%}.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;flex-flow:column-reverse;height:100%;left:0;text-align:right;text-transform:uppercase;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-board{background-color:#f0d9b5;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOng9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIgdmlld0JveD0iMCAwIDggOCI+PGcgaWQ9ImkiPjxnIGlkPSJoIj48ZyBpZD0iZyI+PGcgaWQ9ImMiPjx1c2UgeDpocmVmPSIjYSIgeD0iMSIgeT0iMSIgaHJlZj0iI2EiLz48cGF0aCBpZD0iYiIgZD0iTTAgMWgxdjFIMHoiIG9wYWNpdHk9Ii4yIi8+PHVzZSB4OmhyZWY9IiNiIiB4PSIxIiB5PSItMSIgaHJlZj0iI2IiLz48L2c+PHVzZSB4OmhyZWY9IiNjIiB4PSIyIiBocmVmPSIjYyIvPjwvZz48dXNlIHg6aHJlZj0iI2ciIHg9IjQiIGhyZWY9IiNnIi8+PC9nPjx1c2UgeDpocmVmPSIjaCIgeT0iMiIgaHJlZj0iI2giLz48L2c+PHVzZSB4OmhyZWY9IiNpIiB5PSI0IiBocmVmPSIjaSIvPjwvc3ZnPg==)}cg-board square.move-dest{background:radial-gradient(rgba(20,85,30,.5) 22%,#208530 0,rgba(0,0,0,.3) 0,transparent 0)}cg-board square.premove-dest{background:radial-gradient(rgba(20,30,85,.5) 22%,#203085 0,rgba(0,0,0,.3) 0,transparent 0)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0,transparent 80%,rgba(20,85,0,.3) 0)}cg-board square.oc.premove-dest{background:radial-gradient(transparent 0,transparent 80%,rgba(20,30,85,.2) 0)}cg-board square.move-dest:hover{background:#14551e4d}cg-board square.premove-dest:hover{background:#141e5533}cg-board square.last-move{background-color:#9bc70069}cg-board square.selected{background-color:#14551e80}cg-board square.check{background:radial-gradient(ellipse at center,red 0,#e70000 25%,#a9000000 89%,#9e000000)}cg-board square.current-premove{background-color:#141e5580}.orientation-black .files :nth-child(odd),.orientation-black .ranks :nth-child(2n),.orientation-white .files :nth-child(2n),.orientation-white .ranks :nth-child(odd),coords.squares:nth-of-type(2n) :nth-child(odd),coords.squares:nth-of-type(odd) :nth-child(2n){color:#484848cc}.orientation-black .files :nth-child(2n),.orientation-black .ranks :nth-child(odd),.orientation-white .files :nth-child(odd),.orientation-white .ranks :nth-child(2n),coords.squares:nth-of-type(2n) :nth-child(2n),coords.squares:nth-of-type(odd) :nth-child(odd){color:#fffc}.cg-wrap piece.pawn.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjIuNSA5Yy0yLjIxIDAtNCAxLjc5LTQgNCAwIC44OS4yOSAxLjcxLjc4IDIuMzhDMTcuMzMgMTYuNSAxNiAxOC41OSAxNiAyMWMwIDIuMDMuOTQgMy44NCAyLjQxIDUuMDMtMyAxLjA2LTcuNDEgNS41NS03LjQxIDEzLjQ3aDIzYzAtNy45Mi00LjQxLTEyLjQxLTcuNDEtMTMuNDcgMS40Ny0xLjE5IDIuNDEtMyAyLjQxLTUuMDMgMC0yLjQxLTEuMzMtNC41LTMuMjgtNS42Mi40OS0uNjcuNzgtMS40OS43OC0yLjM4IDAtMi4yMS0xLjc5LTQtNC00eiIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1Ii8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.knight.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDBtNS40MzMtOS43NWEuNSAxLjUgMzAgMSAxLS44NjYtLjUuNSAxLjUgMzAgMSAxIC44NjYuNSIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.rook.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxwYXRoIHN0cm9rZS1saW5lY2FwPSJidXR0IiBkPSJNOSAzOWgyN3YtM0g5em0zLTN2LTRoMjF2NHptLTEtMjJWOWg0djJoNVY5aDV2Mmg1VjloNHY1Ii8+PHBhdGggZD0ibTM0IDE0LTMgM0gxNGwtMy0zIi8+PHBhdGggc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIGQ9Ik0zMSAxN3YxMi41SDE0VjE3Ii8+PHBhdGggZD0ibTMxIDI5LjUgMS41IDIuNWgtMjBsMS41LTIuNSIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIGQ9Ik0xMSAxNGgyMyIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxwYXRoIGQ9Ik04IDEyYTIgMiAwIDEgMS00IDAgMiAyIDAgMSAxIDQgMG0xNi41LTQuNWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDBNNDEgMTJhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAwTTE2IDguNWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDBNMzMgOWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDAiLz48cGF0aCBzdHJva2UtbGluZWNhcD0iYnV0dCIgZD0iTTkgMjZjOC41LTEuNSAyMS0xLjUgMjcgMGwyLTEyLTcgMTFWMTFsLTUuNSAxMy41LTMtMTUtMyAxNS01LjUtMTRWMjVMNyAxNHoiLz48cGF0aCBzdHJva2UtbGluZWNhcD0iYnV0dCIgZD0iTTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6Ii8+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTExLjUgMzBjMy41LTEgMTguNS0xIDIyIDBNMTIgMzMuNWM2LTEgMTUtMSAyMSAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.king.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxwYXRoIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIGQ9Ik0yMi41IDExLjYzVjZNMjAgOGg1Ii8+PHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIGQ9Ik0yMi41IDI1czQuNS03LjUgMy0xMC41YzAgMC0xLTIuNS0zLTIuNXMtMyAyLjUtMyAyLjVjLTEuNSAzIDMgMTAuNSAzIDEwLjUiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTEuNSAzN2M1LjUgMy41IDE1LjUgMy41IDIxIDB2LTdzOS00LjUgNi0xMC41Yy00LTYuNS0xMy41LTMuNS0xNiA0VjI3di0zLjVjLTMuNS03LjUtMTMtMTAuNS0xNi00LTMgNiA1IDEwIDUgMTB6Ii8+PHBhdGggZD0iTTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDBtLTIxIDMuNWM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.pawn.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjIuNSA5Yy0yLjIxIDAtNCAxLjc5LTQgNCAwIC44OS4yOSAxLjcxLjc4IDIuMzhDMTcuMzMgMTYuNSAxNiAxOC41OSAxNiAyMWMwIDIuMDMuOTQgMy44NCAyLjQxIDUuMDMtMyAxLjA2LTcuNDEgNS41NS03LjQxIDEzLjQ3aDIzYzAtNy45Mi00LjQxLTEyLjQxLTcuNDEtMTMuNDcgMS40Ny0xLjE5IDIuNDEtMyAyLjQxLTUuMDMgMC0yLjQxLTEuMzMtNC41LTMuMjgtNS42Mi40OS0uNjcuNzgtMS40OS43OC0yLjM4IDAtMi4yMS0xLjc5LTQtNC00eiIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIGQ9Ik0xNy41IDI2aDEwTTE1IDMwaDE1bS03LjUtMTQuNXY1TTIwIDE4aDUiLz48L2c+PC9zdmc+)}.cg-wrap piece.knight.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiLz48cGF0aCBmaWxsPSIjZWNlY2VjIiBzdHJva2U9IiNlY2VjZWMiIGQ9Ik05LjUgMjUuNWEuNS41IDAgMSAxLTEgMCAuNS41IDAgMSAxIDEgMG01LjQzMy05Ljc1YS41IDEuNSAzMCAxIDEtLjg2Ni0uNS41IDEuNSAzMCAxIDEgLjg2Ni41Ii8+PHBhdGggZmlsbD0iI2VjZWNlYyIgc3Ryb2tlPSJub25lIiBkPSJtMjQuNTUgMTAuNC0uNDUgMS40NS41LjE1YzMuMTUgMSA1LjY1IDIuNDkgNy45IDYuNzVTMzUuNzUgMjkuMDYgMzUuMjUgMzlsLS4wNS41aDIuMjVsLjA1LS41Yy41LTEwLjA2LS44OC0xNi44NS0zLjI1LTIxLjM0cy01Ljc5LTYuNjQtOS4xOS03LjE2eiIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.rook.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxwYXRoIHN0cm9rZS1saW5lY2FwPSJidXR0IiBkPSJNOSAzOWgyN3YtM0g5em0zLjUtNyAxLjUtMi41aDE3bDEuNSAyLjV6bS0uNSA0di00aDIxdjR6Ii8+PHBhdGggc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIGQ9Ik0xNCAyOS41di0xM2gxN3YxM3oiLz48cGF0aCBzdHJva2UtbGluZWNhcD0iYnV0dCIgZD0iTTE0IDE2LjUgMTEgMTRoMjNsLTMgMi41ek0xMSAxNFY5aDR2Mmg1VjloNXYyaDVWOWg0djV6Ii8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWNlY2VjIiBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBzdHJva2Utd2lkdGg9IjEiIGQ9Ik0xMiAzNS41aDIxbS0yMC00aDE5bS0xOC0yaDE3bS0xNy0xM2gxN00xMSAxNGgyMyIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxwYXRoIHN0cm9rZS1saW5lY2FwPSJidXR0IiBkPSJNOSAyNmM4LjUtMS41IDIxLTEuNSAyNyAwbDIuNS0xMi41TDMxIDI1bC0uMy0xNC4xLTUuMiAxMy42LTMtMTQuNS0zIDE0LjUtNS4yLTEzLjZMMTQgMjUgNi41IDEzLjV6Ii8+PHBhdGggc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIGQ9Ik05IDI2YzAgMiAxLjUgMiAyLjUgNCAxIDEuNSAxIDEgLjUgMy41LTEuNSAxLTEuNSAyLjUtMS41IDIuNS0xLjUgMS41LjUgMi41LjUgMi41IDYuNSAxIDE2LjUgMSAyMyAwIDAgMCAxLjUtMSAwLTIuNSAwIDAgLjUtMS41LTEtMi41LS41LTIuNS0uNS0yIC41LTMuNSAxLTIgMi41LTIgMi41LTQtOC41LTEuNS0xOC41LTEuNS0yNyAweiIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBkPSJNMTEgMzguNWEzNSAzNSAxIDAgMCAyMyAwIi8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWNlY2VjIiBkPSJNMTEgMjlhMzUgMzUgMSAwIDEgMjMgMG0tMjEuNSAyLjVoMjBtLTIxIDNhMzUgMzUgMSAwIDAgMjIgMG0tMjMgM2EzNSAzNSAxIDAgMCAyNCAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.king.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxwYXRoIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIGQ9Ik0yMi41IDExLjYzVjYiLz48cGF0aCBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgZD0iTTIyLjUgMjVzNC41LTcuNSAzLTEwLjVjMCAwLTEtMi41LTMtMi41cy0zIDIuNS0zIDIuNWMtMS41IDMgMyAxMC41IDMgMTAuNSIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN3M5LTQuNSA2LTEwLjVjLTQtNi41LTEzLjUtMy41LTE2IDRWMjd2LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMHoiLz48cGF0aCBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBkPSJNMjAgOGg1Ii8+PHBhdGggc3Ryb2tlPSIjZWNlY2VjIiBkPSJNMzIgMjkuNXM4LjUtNCA2LjAzLTkuNjVDMzQuMTUgMTQgMjUgMTggMjIuNSAyNC41bC4wMSAyLjEtLjAxLTIuMUMyMCAxOCA5LjkwNiAxNCA2Ljk5NyAxOS44NWMtMi40OTcgNS42NSA0Ljg1MyA5IDQuODUzIDkiLz48cGF0aCBzdHJva2U9IiNlY2VjZWMiIGQ9Ik0xMS41IDMwYzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDBtLTIxIDMuNWM1LjUtMyAxNS41LTMgMjEgMCIvPjwvZz48L3N2Zz4=)}.h1,h1{font-family:var(--font-title);font-size:var(--fs-700);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1.1}@media(min-width:48em){.h1,h1{font-size:var(--fs-800)}}.h2,h2{font-size:var(--fs-600);line-height:1.2}.account-section__heading,.action-zone__label,.h2,.h3,h2,h3{font-family:var(--font-title);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight)}.account-section__heading,.action-zone__label,.h3,h3{font-size:var(--fs-500);line-height:1.25}.account-field__value,body,p{font-family:var(--font-interface);font-size:var(--fs-300);font-weight:var(--fw-regular);letter-spacing:var(--tracking-normal);line-height:1.5}.account-field__label,.action-zone__link,.btn,.chess-move-list-row__san,.choice-button{font-family:var(--font-interface);font-size:var(--fs-300);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-normal);line-height:1.2}.chess-move-list-row__label,.chess-move-list-row__number{font-weight:var(--fw-regular)}.chess-move-list-row__label,.chess-move-list-row__number,.chess-move-list-row__quality{font-family:var(--font-interface);font-size:var(--fs-200);letter-spacing:var(--tracking-normal);line-height:1.4}.chess-move-list-row__quality{font-weight:var(--fw-semibold)}.action-zone__hint{font-family:var(--font-prose);font-size:var(--fs-400);font-weight:var(--fw-regular);letter-spacing:var(--tracking-normal);line-height:1.6}.tabia-pill{font-family:var(--font-mono);font-size:var(--fs-100);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);line-height:1.2}.chess-move-list-row__number,.tabia-pill{font-variant-numeric:tabular-nums}body{--surface-text-secondary-color:var(--clr-surface-canvas-text-secondary);background-color:var(--clr-surface-canvas-background);color:var(--clr-surface-canvas-text)}.action-dock,.action-zone-group,.chess-move-list-row,.chess-move-list-row--selected,.choice-button,.launcher-card,.surface{--surface-text-secondary-color:var(--clr-surface-elevated-1-text-secondary);background-color:var(--clr-surface-elevated-1-background);color:var(--clr-surface-elevated-1-text)}.chess-move-list-row:focus-within,.chess-move-list-row:hover,.choice-button--comfortable,.surface-raised{--surface-text-secondary-color:var(--clr-surface-elevated-2-text-secondary);background-color:var(--clr-surface-elevated-2-background);color:var(--clr-surface-elevated-2-text)}.action-zone:focus-visible,.action-zone:hover:not(:disabled),.choice-button--active{--surface-text-secondary-color:var(--clr-surface-primary-subtle-text-secondary);background-color:var(--clr-surface-primary-subtle-background);color:var(--clr-surface-primary-subtle-text)}.tabia-pill{--surface-text-secondary-color:var(--clr-surface-accent-subtle-text-secondary);background-color:var(--clr-surface-accent-subtle-background);color:var(--clr-surface-accent-subtle-text)}.account-field__value--muted,.action-zone__hint,.chess-move-list-row__chevron,.chess-move-list-row__label,.text-secondary{color:var(--surface-text-secondary-color,var(--clr-surface-canvas-text-secondary))}.tabia-pill{line-height:1.4}.chess-move-list-row__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*,:after,:before{box-sizing:border-box}:not(dialog){margin:0;padding:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:100 900;src:url(../fonts/raleway.ttf) format("truetype")}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:300 700;src:url(../fonts/space-grotesk.ttf) format("truetype")}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;src:url(../fonts/jetbrains-mono.ttf) format("truetype")}@font-face{font-display:swap;font-family:Zen Dots;font-style:normal;font-weight:400;src:url(../fonts/zen-dots.ttf) format("truetype")}:root{--clr-white:#fff;--clr-black:#000;--clr-gray-100:#e0e6f5;--clr-gray-200:#c7cfe1;--clr-gray-300:#b1bacd;--clr-gray-400:#9ca6ba;--clr-gray-500:#8994a9;--clr-gray-600:#6a758a;--clr-gray-700:#4f586d;--clr-gray-800:#3c4458;--clr-gray-900:#2a3246;--clr-navy-100:#3e4e7a;--clr-navy-200:#2b3755;--clr-navy-300:#2a365b;--clr-navy-400:#1f2a41;--clr-navy-500:#1c2540;--clr-navy-600:#1a2238;--clr-navy-700:#161e31;--clr-navy-800:#101828;--clr-navy-900:#06090f;--clr-navy-950:#020812;--clr-cyan-300:#80e5ff;--clr-cyan-500:#4dd8ff;--clr-cyan-700:#2597c1;--clr-cyan-900:#0f2a38;--clr-amber-300:#ffc66b;--clr-amber-500:#ff9d4d;--clr-amber-900:#412a10;--clr-green-300:#a2ebc6;--clr-green-500:#59cf92;--clr-green-900:#244c37;--clr-red-300:#ffadad;--clr-red-500:#ff7a7a;--clr-red-900:#4c2424;--clr-violet-300:#c7b1fc;--clr-violet-500:#ab89fa;--clr-violet-700:#7242e0;--clr-violet-900:#221344;--clr-pink-500:#f471c4;--clr-gold-500:#ffc66b;--clr-teal-500:#25c1a7;--clr-steel-500:#739abf;--clr-slate-500:#7a7a9f;--clr-yellow-500:#f6cc31;--clr-orange-500:#ffa257;--clr-coral-500:#fb422d;--clr-brand-chesscom-bg:#312e2b;--clr-brand-chesscom-green:#5d9948;--clr-brand-lichess-bg:#161512;--clr-brand-lichess-fg:#bababa;--clr-brand-discord-bg:#5865f2;--clr-brand-kofi-bg:#ff6433;--clr-brand-chip-bg:#fff;--clr-bg:var(--clr-navy-900);--clr-bg-elevated-1:var(--clr-navy-800);--clr-bg-elevated-2:var(--clr-navy-700);--clr-bg-elevated-3:var(--clr-navy-500);--clr-bg-elevated-4:var(--clr-navy-400);--clr-primary-300:var(--clr-cyan-300);--clr-primary-500:var(--clr-cyan-500);--clr-primary-500-alpha-100:color-mix(in srgb,var(--clr-cyan-500) 2%,transparent);--clr-primary-500-alpha-200:color-mix(in srgb,var(--clr-cyan-500) 10%,transparent);--clr-primary-500-alpha-300:color-mix(in srgb,var(--clr-cyan-500) 16%,transparent);--clr-primary-500-alpha-400:color-mix(in srgb,var(--clr-cyan-500) 24%,transparent);--clr-primary-500-alpha-500:color-mix(in srgb,var(--clr-cyan-500) 32%,transparent);--clr-primary-500-alpha-600:color-mix(in srgb,var(--clr-cyan-500) 40%,transparent);--clr-primary-500-alpha-700:color-mix(in srgb,var(--clr-cyan-500) 50%,transparent);--clr-primary-500-alpha-800:color-mix(in srgb,var(--clr-cyan-500) 70%,transparent);--clr-primary-700:var(--clr-cyan-700);--clr-primary-900:var(--clr-cyan-900);--clr-learn-300:var(--clr-violet-500);--clr-learn-500:var(--clr-violet-700);--clr-learn-900:var(--clr-violet-900);--clr-accent-300:var(--clr-amber-300);--clr-accent-500:var(--clr-amber-500);--clr-accent-900:var(--clr-amber-900);--clr-accent-500-alpha-200:color-mix(in srgb,var(--clr-amber-500) 10%,transparent);--clr-accent-500-alpha-600:color-mix(in srgb,var(--clr-amber-500) 40%,transparent);--clr-accent-500-alpha-700:color-mix(in srgb,var(--clr-amber-500) 50%,transparent);--clr-semantic-positive-300:var(--clr-green-300);--clr-semantic-positive-500:var(--clr-green-500);--clr-semantic-negative-300:var(--clr-red-300);--clr-semantic-negative-500:var(--clr-red-500);--clr-semantic-warning-500:var(--clr-orange-500);--clr-semantic-caution-500:var(--clr-amber-500);--clr-semantic-negative-500-alpha-100:color-mix(in srgb,var(--clr-red-500) 2%,transparent);--clr-semantic-negative-500-alpha-200:color-mix(in srgb,var(--clr-red-500) 10%,transparent);--clr-semantic-negative-500-alpha-300:color-mix(in srgb,var(--clr-red-500) 16%,transparent);--clr-semantic-negative-500-alpha-500:color-mix(in srgb,var(--clr-red-500) 32%,transparent);--clr-semantic-negative-500-alpha-600:color-mix(in srgb,var(--clr-red-500) 40%,transparent);--clr-semantic-positive-500-alpha-200:color-mix(in srgb,var(--clr-green-500) 10%,transparent);--clr-semantic-positive-500-alpha-300:color-mix(in srgb,var(--clr-green-500) 16%,transparent);--clr-semantic-positive-500-alpha-600:color-mix(in srgb,var(--clr-green-500) 40%,transparent);--clr-move-quality-brilliant:var(--clr-teal-500);--clr-move-quality-good:var(--clr-steel-500);--clr-move-quality-speculative:var(--clr-slate-500);--clr-move-quality-imprecision:var(--clr-yellow-500);--clr-move-quality-mistake:var(--clr-orange-500);--clr-move-quality-blunder:var(--clr-coral-500);--clr-move-quality-mark:var(--clr-text-400);--clr-module-openings:var(--clr-cyan-500);--clr-module-courses:var(--clr-green-500);--clr-module-puzzles:var(--clr-amber-500);--clr-module-rewind:var(--clr-violet-500);--clr-module-blunders:var(--clr-red-500);--clr-module-visualize:var(--clr-pink-500);--clr-module-studies:var(--clr-gold-500);--clr-brand-chesscom:var(--clr-brand-chesscom-bg);--clr-brand-chesscom-mark:var(--clr-brand-chesscom-green);--clr-brand-lichess:var(--clr-brand-lichess-bg);--clr-brand-lichess-text:var(--clr-brand-lichess-fg);--clr-brand-discord:var(--clr-brand-discord-bg);--clr-brand-kofi:var(--clr-brand-kofi-bg);--clr-brand-chip:var(--clr-brand-chip-bg);--clr-white-alpha-100:color-mix(in srgb,#fff 5%,transparent);--clr-white-alpha-200:color-mix(in srgb,#fff 12%,transparent);--clr-white-alpha-300:color-mix(in srgb,#fff 20%,transparent);--clr-white-alpha-400:color-mix(in srgb,#fff 22%,transparent);--clr-white-alpha-500:color-mix(in srgb,#fff 30%,transparent);--clr-white-alpha-700:color-mix(in srgb,#fff 65%,transparent);--clr-black-alpha-300:color-mix(in srgb,#000 16%,transparent);--clr-black-alpha-400:color-mix(in srgb,#000 20%,transparent);--clr-black-alpha-600:color-mix(in srgb,#000 35%,transparent);--clr-bg-alpha-500:color-mix(in srgb,var(--clr-navy-900) 55%,transparent);--clr-bg-alpha-900:color-mix(in srgb,var(--clr-navy-900) 92%,transparent);--clr-text-300:var(--clr-gray-700);--clr-text-400:var(--clr-gray-500);--clr-text-500:var(--clr-gray-100);--clr-text-accent-400:var(--clr-cyan-500);--clr-text-accent-500:var(--clr-cyan-300);--clr-surface-canvas-background:var(--clr-bg);--clr-surface-canvas-text:var(--clr-text-500);--clr-surface-canvas-text-secondary:var(--clr-text-400);--clr-surface-elevated-1-background:var(--clr-bg-elevated-1);--clr-surface-elevated-1-text:var(--clr-text-500);--clr-surface-elevated-1-text-secondary:var(--clr-text-400);--clr-surface-elevated-2-background:var(--clr-bg-elevated-2);--clr-surface-elevated-2-text:var(--clr-text-500);--clr-surface-elevated-2-text-secondary:var(--clr-text-400);--clr-surface-elevated-3-background:var(--clr-bg-elevated-3);--clr-surface-elevated-3-text:var(--clr-text-500);--clr-surface-elevated-3-text-secondary:var(--clr-text-400);--clr-surface-elevated-4-background:var(--clr-bg-elevated-4);--clr-surface-elevated-4-text:var(--clr-text-500);--clr-surface-elevated-4-text-secondary:var(--clr-text-400);--clr-surface-primary-subtle-background:var(--clr-cyan-900);--clr-surface-primary-subtle-text:var(--clr-cyan-300);--clr-surface-primary-subtle-text-secondary:var(--clr-cyan-500);--clr-surface-primary-solid-background:var(--clr-cyan-500);--clr-surface-primary-solid-text:var(--clr-navy-900);--clr-surface-primary-solid-text-secondary:var(--clr-cyan-900);--clr-surface-accent-subtle-background:var(--clr-amber-900);--clr-surface-accent-subtle-text:var(--clr-amber-300);--clr-surface-accent-subtle-text-secondary:var(--clr-amber-500);--clr-surface-accent-solid-background:var(--clr-amber-500);--clr-surface-accent-solid-text:var(--clr-navy-900);--clr-surface-accent-solid-text-secondary:var(--clr-amber-900);--clr-surface-positive-subtle-background:var(--clr-green-900);--clr-surface-positive-subtle-text:var(--clr-green-300);--clr-surface-positive-subtle-text-secondary:var(--clr-green-500);--clr-surface-positive-solid-background:var(--clr-green-500);--clr-surface-positive-solid-text:var(--clr-navy-900);--clr-surface-positive-solid-text-secondary:var(--clr-green-900);--clr-surface-negative-subtle-background:var(--clr-red-900);--clr-surface-negative-subtle-text:var(--clr-red-300);--clr-surface-negative-subtle-text-secondary:var(--clr-red-500);--clr-surface-negative-solid-background:var(--clr-red-500);--clr-surface-negative-solid-text:var(--clr-navy-900);--clr-surface-negative-solid-text-secondary:var(--clr-red-900);--clr-surface-learn-subtle-background:var(--clr-violet-900);--clr-surface-learn-subtle-text:var(--clr-violet-300);--clr-surface-learn-subtle-text-secondary:var(--clr-violet-500);--clr-surface-learn-solid-background:var(--clr-violet-500);--clr-surface-learn-solid-text:var(--clr-navy-900);--clr-surface-learn-solid-text-secondary:var(--clr-violet-900);--clr-border-400:var(--clr-navy-300);--clr-border-500:var(--clr-navy-200);--clr-border-600:var(--clr-navy-100);--font-title:"Space Grotesk",sans-serif;--font-interface:"Space Grotesk",sans-serif;--font-prose:"Raleway",sans-serif;--font-brand:"Zen Dots",sans-serif;--font-mono:"JetBrains Mono",monospace;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.08em;--fs-100:.75rem;--fs-200:.875rem;--fs-300:1rem;--fs-400:1.125rem;--fs-500:1.25rem;--fs-600:1.5rem;--fs-700:1.875rem;--fs-800:2.25rem;--fs-850:3rem;--fs-900:3.75rem;--fs-950:4.5rem;--fw-regular:400;--fw-semibold:600;--fw-bold:700;--spacer-100:.25rem;--spacer-200:.37rem;--spacer-300:.5rem;--spacer-400:.75rem;--spacer-500:1rem;--spacer-600:1.275rem;--spacer-700:1.75rem;--spacer-900:5rem;--padding-200:.25rem;--padding-300:.5rem;--padding-400:.75rem;--padding-500:1rem;--padding-600:1.5rem;--padding-700:2.5rem;--border-width-md:1px;--border-width-xl:2px;--border-md-default-400:var(--border-width-md) solid var(--clr-border-400);--border-md-dashed-400:var(--border-width-md) dashed var(--clr-border-400);--border-md-default-500:var(--border-width-md) solid var(--clr-border-500);--border-md-dashed-500:var(--border-width-md) dashed var(--clr-border-500);--border-md-default-600:var(--border-width-md) solid var(--clr-border-600);--border-md-primary-500:var(--border-width-md) solid var(--clr-primary-500);--border-md-primary-700:var(--border-width-md) solid var(--clr-primary-700);--border-xl-default-500:var(--border-width-xl) solid var(--clr-border-500);--border-xl-primary-700:var(--border-width-xl) solid var(--clr-primary-700);--radius-300:.25rem;--radius-400:.5rem;--radius:.75rem;--radius-500:1rem;--radius-full:999px;--duration-fast:.1s;--duration-base:.15s;--duration-slow:.3s;--transition-fast:var(--duration-fast) ease;--transition-base:var(--duration-base) ease;--transition-slow:var(--duration-slow) ease;--clr-overlay:rgba(0,0,0,.55);--clr-overlay-strong:rgba(0,0,0,.75);--shadow-100:0 1px 4px rgba(0,0,0,.4);--shadow-300:0 4px 16px rgba(0,0,0,.4);--shadow-500:0 8px 32px rgba(0,0,0,.6);--shadow-700:0 14px 50px -20px rgba(0,0,0,.6);--shadow-glow:0 0 16px var(--clr-primary-900);--shadow-btn:0 0 0 1px var(--clr-primary-700),0 14px 36px -10px var(--clr-primary-900);--icon-size-xs:12px;--icon-size-sm:16px;--icon-size-md:24px;--icon-size-lg:32px;--icon-size-xl:48px;--page-width-narrow:60em;--page-width-standard:70em;--page-width-wide:78em;--page-width-widest:90em;--clr-chess-black:var(--clr-black);--clr-chess-white:var(--clr-white);--clr-eval-bar-dark:var(--clr-gray-800);--clr-eval-bar-light:var(--clr-gray-100);--border:var(--border-md-default-500);--fs:var(--fs-300);--padding:var(--padding-500);--spacer:var(--spacer-500);--icon-size:var(--icon-size-md);--shadow:var(--shadow-300)}.is-resizing *{transition:none!important}body{min-height:100vh}a,button,input,select,textarea{color:inherit}a{cursor:pointer;text-decoration:none}b,strong{font-weight:var(--fw-semibold)}em,i{font-style:italic}mark{background:none;color:var(--prose-mark-color,var(--clr-accent-500));font-weight:var(--fw-semibold)}.visually-hidden,.visually-hidden-focusable:not(:focus,:focus-within){border:0!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;white-space:nowrap!important;width:1px!important}.visually-hidden-focusable:not(caption):not(:focus,:focus-within),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus,:focus-within) *{overflow:hidden!important}.page{margin:0 auto;padding:var(--padding-600) var(--padding-600);width:100%}@media(max-width:29.9375em){.page{padding:var(--padding-400)}}.page--narrow{max-width:var(--page-width-narrow)}.page--standard{max-width:var(--page-width-standard)}.page--wide{max-width:var(--page-width-wide)}.page--widest{max-width:var(--page-width-widest)}.page--full{max-width:none}.editor-wrapper{display:flex;flex-direction:column;gap:var(--spacer-600);width:100%}.exercise-layout{align-items:flex-start;display:flex;gap:var(--spacer-700)}.exercise-board-col{--board-size:704px;align-self:flex-start;display:flex;flex-direction:column;gap:var(--spacer-400);width:var(--board-size)}.exercise-board-col .chess-board-wrapper{height:var(--board-size)}.exercise-info{align-self:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacer-500);min-height:300px;padding:var(--padding-600);transition:filter .2s;width:280px}.exercise-info--blurred{filter:blur(1px) brightness(.6);pointer-events:none}.exercise-info>.status{font-weight:var(--fw-semibold)}.exercise-info .actions{display:flex;flex-direction:column;gap:var(--spacer-300);margin-top:var(--spacer-300)}.eval-bar-board-height{flex-shrink:0;height:704px}.account-section__rows{display:flex;flex-direction:column;gap:var(--spacer-500)}.account-field{display:flex;flex-direction:column;gap:var(--spacer-200)}.account-field__row{align-items:center;display:flex;gap:var(--spacer-400);justify-content:space-between}.action-dock{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:var(--border-md-default-500);inset:auto 0 0;padding:var(--spacer-300) var(--padding-400);padding-bottom:max(var(--spacer-300),env(safe-area-inset-bottom));position:fixed;z-index:5}@media(min-width:30em){.action-dock{backdrop-filter:none;-webkit-backdrop-filter:none;background:none;border-top:none;inset:auto;padding:0;position:static;z-index:auto}}.action-zone-container{container:action-zones/inline-size}.action-zone-group{--action-zone-group-min-height:0;border:var(--border-width-md) dashed var(--clr-primary-700);border-radius:var(--radius-400);display:grid;height:100%;min-height:var(--action-zone-group-min-height);overflow:hidden;width:100%}.action-zone-group--pair{grid-template-rows:repeat(2,1fr)}.action-zone-group--trio{grid-template-rows:repeat(3,1fr)}.action-zone{align-items:center;background:transparent;border:none;color:var(--clr-text-500);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacer-300);justify-content:center;min-width:0;padding:var(--padding-600) var(--padding-500);text-align:center;text-decoration:none;transition:color var(--transition-base),background var(--transition-base)}.action-zone+.action-zone{border-top:var(--border-width-md) dashed var(--clr-primary-700)}.action-zone:disabled{cursor:not-allowed;opacity:.6}.action-zone__icon{color:var(--clr-text-accent-400);display:grid;height:var(--icon-size-lg);place-items:center;width:var(--icon-size-lg)}.action-zone__hint{max-width:28ch}.action-zone__link{color:var(--clr-text-accent-400)}@container action-zones (width >= 26rem){.action-zone-group--pair{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.action-zone-group--pair>.action-zone+.action-zone{border-left:var(--border-width-md) dashed var(--clr-primary-700);border-top:none}}@container action-zones (width >= 40rem){.action-zone-group--trio{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}.action-zone-group--trio>.action-zone+.action-zone{border-left:var(--border-width-md) dashed var(--clr-primary-700);border-top:none}}.btn{--btn-border:var(--border-md-default-500);--btn-shadow:none;--btn-border-hover:var(--border-md-default-600);align-items:center;border-radius:var(--radius-400);color:inherit;cursor:pointer;display:inline-flex;gap:var(--spacer-300);justify-content:center;max-width:100%;min-width:0;padding:var(--padding-400) var(--padding-600);text-decoration:none;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast);white-space:nowrap}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.35;pointer-events:none}.btn{border:var(--btn-border);box-shadow:var(--btn-shadow)}.btn:focus-visible,.btn:hover{border:var(--btn-border-hover)}.chess-move-list-row{--chess-move-list-row-accent-color:var(--clr-primary-500);align-items:stretch;border:var(--border-md-default-400);border-radius:var(--radius-300);display:flex;flex-shrink:0;min-height:calc(var(--icon-size-lg) + var(--spacer-200));overflow:hidden;position:relative;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.chess-move-list-row:before{background:var(--chess-move-list-row-accent-color);border-radius:0 var(--radius-300) var(--radius-300) 0;content:"";inset:var(--spacer-200) auto var(--spacer-200) 0;position:absolute;width:calc(var(--border-width-xl) + var(--border-width-md))}.chess-move-list-row:focus-within,.chess-move-list-row:hover{border-color:var(--clr-border-500)}.chess-move-list-row:focus-within{box-shadow:0 0 0 var(--border-width-md) var(--clr-primary-700)}.chess-move-list-row--seen{opacity:.45}.chess-move-list-row--seen:focus-within,.chess-move-list-row--seen:hover,.chess-move-list-row--selected{opacity:1}.chess-move-list-row--selected{background-image:linear-gradient(90deg,var(--clr-primary-500-alpha-300),var(--clr-bg-elevated-1) 70%);border-color:var(--clr-primary-700)}.chess-move-list-row__select{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex:1 1 auto;gap:var(--spacer-300);min-width:0;padding:0 var(--spacer-400);text-align:left}.chess-move-list-row__select:focus-visible{outline:none}.chess-move-list-row__number{flex-shrink:0;width:var(--spacer-700)}.chess-move-list-row__san{flex-shrink:0;min-width:var(--padding-700)}.chess-move-list-row__quality{color:var(--move-quality-color);flex-shrink:0}.chess-move-list-row__chevron{margin-left:auto}.chess-move-list-row__action{align-self:center;margin-right:var(--spacer-100)}:root{--chessboard-texture:url(../chessboard/ice-blue-texture.webp)}cg-board{background-color:var(--clr-bg-elevated-2);background-image:var(--chessboard-texture);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.orientation-black .files coord:nth-child(n),.orientation-black .ranks coord:nth-child(n),.orientation-white .files coord:nth-child(n),.orientation-white .ranks coord:nth-child(n),coords.squares:nth-of-type(n) coord:nth-child(n){color:var(--clr-text-500)}cg-board square.find-squares-selected,cg-board square.last-move{background-color:var(--clr-primary-500-alpha-500);box-shadow:inset 0 0 16px var(--clr-primary-500-alpha-700)}cg-board square.selected{background-color:var(--clr-primary-500-alpha-700);box-shadow:inset 0 0 20px var(--clr-primary-500-alpha-800)}cg-board square.move-dest{background:radial-gradient(color-mix(in srgb,var(--clr-primary-500) 60%,transparent) 22%,transparent 0)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0,transparent 80%,var(--clr-primary-500-alpha-500) 80%)}cg-board square.move-dest:hover{background:var(--clr-primary-500-alpha-400)}.cg-wrap cg-container{left:0;margin-inline:auto;right:0}.cg-wrap coords{--chessboard-coordinate-inset:.75cqmin;--chessboard-coordinate-font-size:clamp(7px,2cqmin,12px);font-size:var(--chessboard-coordinate-font-size);opacity:1;z-index:3}.cg-wrap coords.ranks,.cg-wrap coords.ranks.left{align-items:stretch;left:0;top:0;width:12.5%}.cg-wrap coords.files{bottom:0;height:12.5%;left:0;text-align:right}.cg-wrap coords.files coord,.cg-wrap coords.ranks coord{box-sizing:border-box;display:flex;flex:0 0 12.5%;padding:var(--chessboard-coordinate-inset)}.cg-wrap coords.ranks coord{align-items:flex-start;justify-content:flex-start;transform:none}.cg-wrap coords.files coord{align-items:flex-end;justify-content:flex-end}.chess-board-wrapper{container-type:size;height:100%;position:relative;width:100%}.chess-board{border-radius:var(--radius-400);height:100%;overflow:hidden;width:100%}.choice-button{--choice-button-color:var(--clr-text-400);--choice-button-hover-color:var(--choice-button-color);--choice-button-active-color:var(--clr-text-accent-400);--choice-button-padding:var(--padding-300) var(--padding-200);--choice-button-border:var(--border-md-default-400);--choice-button-border-radius:var(--radius-300);--choice-button-active-border-color:var(--clr-primary-700);--choice-button-active-shadow:0 0 0 var(--border-width-md) var(--clr-primary-700);--choice-button-transition-duration:var(--transition-fast);align-items:center;border:var(--choice-button-border);border-radius:var(--choice-button-border-radius);color:var(--choice-button-color);cursor:pointer;display:inline-flex;flex:1;gap:var(--spacer-200);justify-content:center;padding:var(--choice-button-padding);transition:border-color var(--choice-button-transition-duration),background var(--choice-button-transition-duration),color var(--choice-button-transition-duration),box-shadow var(--choice-button-transition-duration)}.choice-button:focus-visible:not(.choice-button--active),.choice-button:hover:not(.choice-button--active){border-color:var(--clr-border-500);color:var(--choice-button-hover-color)}.choice-button--active{border-color:var(--choice-button-active-border-color);box-shadow:var(--choice-button-active-shadow);color:var(--choice-button-active-color)}.choice-button--comfortable{--choice-button-color:var(--clr-surface-elevated-2-text-secondary);--choice-button-hover-color:var(--clr-text-500);--choice-button-active-color:var(--clr-surface-primary-subtle-text);--choice-button-padding:var(--spacer-400) var(--spacer-300);--choice-button-border:var(--border-md-default-500);--choice-button-border-radius:var(--radius-400);--choice-button-active-border-color:var(--clr-primary-500);--choice-button-active-shadow:none;--choice-button-transition-duration:var(--transition-base)}.health-band{--health-band-color:var(--clr-text-400)}.health-band--band-1{--health-band-color:var(--clr-semantic-negative-500)}.health-band--band-2{--health-band-color:var(--clr-semantic-warning-500)}.health-band--band-3,.health-band--band-4{--health-band-color:var(--clr-semantic-positive-500)}@keyframes interface-label-rise-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.launcher-card{--launcher-card-border:0;border:var(--launcher-card-border);border-radius:var(--radius);overflow:hidden}.sidebar-mode-enter-active,.sidebar-mode-leave-active{transition:opacity var(--sidebar-mode-transition,var(--transition-slow))}.sidebar-mode-enter-from,.sidebar-mode-leave-to{opacity:0}.tabia-pill{border-radius:var(--radius-full);flex-shrink:0;padding:1px var(--padding-200);vertical-align:middle}.text-500{color:var(--clr-text-500)}.text-accent-400{color:var(--clr-text-accent-400)}.text-accent-500{color:var(--clr-text-accent-500)}.text-positive{color:var(--clr-semantic-positive-500)}.text-error,.text-negative{color:var(--clr-semantic-negative-500)}.border{border:var(--border-md-default-500)}.border-md-default-400{border:var(--border-md-default-400)}.border-md-default-500{border:var(--border-md-default-500)}.border-md-default-600{border:var(--border-md-default-600)}.border-md-primary-500{border:var(--border-md-primary-500)}.border-md-primary-700{border:var(--border-md-primary-700)}.border-xl-default-500{border:var(--border-xl-default-500)}.border-xl-primary-700{border:var(--border-xl-primary-700)}.radius{border-radius:var(--radius)}.radius-300{border-radius:var(--radius-300)}.radius-400{border-radius:var(--radius-400)}.radius-500{border-radius:var(--radius-500)}.radius-full{border-radius:var(--radius-full)}.shadow-100{box-shadow:var(--shadow-100)}.shadow-300{box-shadow:var(--shadow-300)}.shadow-500{box-shadow:var(--shadow-500)}.shadow-700{box-shadow:var(--shadow-700)}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-btn{box-shadow:var(--shadow-btn)}.mt-100{margin-top:var(--spacer-100)}.mt-200{margin-top:var(--spacer-200)}.mt-300{margin-top:var(--spacer-300)}.mt-400{margin-top:var(--spacer-400)}.mt-500{margin-top:var(--spacer-500)}.mt-600{margin-top:var(--spacer-600)}.mt-700{margin-top:var(--spacer-700)}.mt-auto{margin-top:auto}.gap-100{gap:var(--spacer-100)}.gap-200{gap:var(--spacer-200)}.gap-300{gap:var(--spacer-300)}.gap-400{gap:var(--spacer-400)}.gap-500{gap:var(--spacer-500)}.gap-600{gap:var(--spacer-600)}.gap-700{gap:var(--spacer-700)}.p-200{padding:var(--padding-200)}.p-300{padding:var(--padding-300)}.p-400{padding:var(--padding-400)}.p-500{padding:var(--padding-500)}.p-600{padding:var(--padding-600)}.p-700{padding:var(--padding-700)}.icon-sm{height:var(--icon-size-sm);width:var(--icon-size-sm)}.icon-md{height:var(--icon-size-md);width:var(--icon-size-md)}.icon-lg{height:var(--icon-size-lg);width:var(--icon-size-lg)}.icon-xl{height:var(--icon-size-xl);width:var(--icon-size-xl)}.surface{border:var(--border-md-default-500);border-radius:var(--radius);box-shadow:var(--shadow-300)}.surface-raised{border:var(--border-md-default-400);border-radius:var(--radius);box-shadow:var(--shadow-700)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;justify-content:center}.flex-center,.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.app-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.app-icon svg{height:var(--app-icon-size);width:var(--app-icon-size)}.app-icon--xs{--app-icon-size:var(--icon-size-xs)}.app-icon--sm{--app-icon-size:var(--icon-size-sm)}.app-icon--md{--app-icon-size:var(--icon-size)}.app-icon--lg{--app-icon-size:var(--icon-size-lg)}.app-icon--xl{--app-icon-size:var(--icon-size-xl)}.app-toast__message{font-family:var(--font-interface);font-size:var(--fs-300);font-weight:var(--fw-regular);letter-spacing:var(--tracking-normal);line-height:1.5}.app-toast,.app-toast__close:hover{--surface-text-secondary-color:var(--clr-surface-elevated-2-text-secondary);background-color:var(--clr-surface-elevated-2-background);color:var(--clr-surface-elevated-2-text)}.app-toast__close{color:var(--surface-text-secondary-color,var(--clr-surface-canvas-text-secondary));--dismiss-button-size:30px;background:transparent;border:none;border-radius:var(--radius-300);cursor:pointer;display:grid;height:var(--dismiss-button-size);place-items:center;transition:color var(--transition-base),background var(--transition-base);width:var(--dismiss-button-size)}.app-toast-viewport{--app-toast-viewport-width:360px;bottom:var(--mobile-bottom-clearance,var(--spacer-500));display:flex;flex-direction:column;gap:var(--spacer-300);left:var(--spacer-500);list-style:none;margin:0;max-width:100vw;outline:none;padding:0;position:fixed;right:var(--spacer-500);z-index:600}@media(min-width:30em){.app-toast-viewport{bottom:auto;left:auto;right:var(--spacer-500);top:var(--spacer-500);width:min(var(--app-toast-viewport-width),100vw - var(--spacer-600))}}.app-toast{align-items:center;border:var(--border-md-default-500);border-radius:var(--radius);box-shadow:var(--shadow-700);display:flex;gap:var(--spacer-400);justify-content:space-between;padding:var(--padding-400) var(--padding-500)}.app-toast[data-state=open]{animation:app-toast-in var(--transition-base)}.app-toast[data-state=closed]{animation:app-toast-out var(--transition-base)}.app-toast__message{color:var(--clr-text-500)}.app-toast__close{flex-shrink:0}@keyframes app-toast-in{0%{opacity:0;transform:translateY(calc(var(--spacer-300)*-1))}to{opacity:1;transform:translateY(0)}}@keyframes app-toast-out{0%{opacity:1}to{opacity:0}}
