.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-board{background-color:#f0d9b5;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4PSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICAgIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxnIGlkPSJhIj4KICA8ZyBpZD0iYiI+CiAgICA8ZyBpZD0iYyI+CiAgICAgIDxnIGlkPSJkIj4KICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZSIgb3BhY2l0eT0iMCIvPgogICAgICAgIDx1c2UgeD0iMSIgeT0iMSIgaHJlZj0iI2UiIHg6aHJlZj0iI2UiLz4KICAgICAgICA8cmVjdCB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZiIgb3BhY2l0eT0iMC4yIi8+CiAgICAgICAgPHVzZSB4PSIxIiB5PSItMSIgaHJlZj0iI2YiIHg6aHJlZj0iI2YiLz4KICAgICAgPC9nPgogICAgICA8dXNlIHg9IjIiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+CiAgICA8L2c+CiAgICA8dXNlIHg9IjQiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+CiAgPC9nPgogIDx1c2UgeT0iMiIgaHJlZj0iI2IiIHg6aHJlZj0iI2IiLz4KPC9nPgo8dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+Cjwvc3ZnPg==)}cg-board square.move-dest{background:radial-gradient(#14551e80 22%,#208530 0,#0000004d,#0000 0)}cg-board square.premove-dest{background:radial-gradient(#141e5580 22%,#203085 0,#0000004d,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(20,85,0,.3) 80%)}cg-board square.oc.premove-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(20,30,85,.2) 80%)}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,#e70000 25%,#a9000000 89%,#9e000000)}cg-board square.current-premove{background-color:#141e5580}.orientation-white .ranks :nth-child(odd),.orientation-white .files :nth-child(2n),.orientation-black .ranks :nth-child(2n),.orientation-black .files :nth-child(odd),coords.squares:nth-of-type(odd) :nth-child(2n),coords.squares:nth-of-type(2n) :nth-child(odd){color:#484848cc}.orientation-white .ranks :nth-child(2n),.orientation-white .files :nth-child(odd),.orientation-black .ranks :nth-child(odd),.orientation-black .files :nth-child(2n),coords.squares:nth-of-type(odd) :nth-child(odd),coords.squares:nth-of-type(2n) :nth-child(2n){color:#fffc}.cg-wrap piece.pawn.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.knight.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy0zdi00aDIxdjRIMTJ6bS0xLTIyVjloNHYyaDVWOWg1djJoNVY5aDR2NSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMzQgMTRsLTMgM0gxNGwtMy0zIi8+PHBhdGggZD0iTTMxIDE3djEyLjVIMTRWMTciIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMxIDI5LjVsMS41IDIuNWgtMjBsMS41LTIuNSIvPjxwYXRoIGQ9Ik0xMSAxNGgyMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04IDEyYTIgMiAwIDEgMS00IDAgMiAyIDAgMSAxIDQgMHptMTYuNS00LjVhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAwek00MSAxMmEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTE2IDguNWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTMzIDlhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAweiIvPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi0xMi03IDExVjExbC01LjUgMTMuNS0zLTE1LTMgMTUtNS41LTE0VjI1TDcgMTRsMiAxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6IiBzdHJva2UtbGluZWNhcD0iYnV0dCIvPjxwYXRoIGQ9Ik0xMS41IDMwYzMuNS0xIDE4LjUtMSAyMiAwTTEyIDMzLjVjNi0xIDE1LTEgMjEgMCIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.king.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjZNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTIyLjUgMjVzNC41LTcuNSAzLTEwLjVjMCAwLTEtMi41LTMtMi41cy0zIDIuNS0zIDIuNWMtMS41IDMgMyAxMC41IDMgMTAuNSIgZmlsbD0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTEuNSAzN2M1LjUgMy41IDE1LjUgMy41IDIxIDB2LTdzOS00LjUgNi0xMC41Yy00LTYuNS0xMy41LTMuNS0xNiA0VjI3di0zLjVjLTMuNS03LjUtMTMtMTAuNS0xNi00LTMgNiA1IDEwIDUgMTBWMzd6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDBtLTIxIDMuNWM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.pawn.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+)}.cg-wrap piece.knight.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjZWNlY2VjIiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMjQuNTUgMTAuNGwtLjQ1IDEuNDUuNS4xNWMzLjE1IDEgNS42NSAyLjQ5IDcuOSA2Ljc1UzM1Ljc1IDI5LjA2IDM1LjI1IDM5bC0uMDUuNWgyLjI1bC4wNS0uNWMuNS0xMC4wNi0uODgtMTYuODUtMy4yNS0yMS4zNC0yLjM3LTQuNDktNS43OS02LjY0LTkuMTktNy4xNmwtLjUxLS4xeiIgZmlsbD0iI2VjZWNlYyIgc3Ryb2tlPSJub25lIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy41LTdsMS41LTIuNWgxN2wxLjUgMi41aC0yMHptLS41IDR2LTRoMjF2NEgxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTE0IDI5LjV2LTEzaDE3djEzSDE0eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTQgMTYuNUwxMSAxNGgyM2wtMyAyLjVIMTR6TTExIDE0VjloNHYyaDVWOWg1djJoNVY5aDR2NUgxMXoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTEyIDM1LjVoMjFtLTIwLTRoMTltLTE4LTJoMTdtLTE3LTEzaDE3TTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi41LTEyLjVMMzEgMjVsLS4zLTE0LjEtNS4yIDEzLjYtMy0xNC41LTMgMTQuNS01LjItMTMuNkwxNCAyNSA2LjUgMTMuNSA5IDI2eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNOSAyNmMwIDIgMS41IDIgMi41IDQgMSAxLjUgMSAxIC41IDMuNS0xLjUgMS0xLjUgMi41LTEuNSAyLjUtMS41IDEuNS41IDIuNS41IDIuNSA2LjUgMSAxNi41IDEgMjMgMCAwIDAgMS41LTEgMC0yLjUgMCAwIC41LTEuNS0xLTIuNS0uNS0yLjUtLjUtMiAuNS0zLjUgMS0yIDIuNS0yIDIuNS00LTguNS0xLjUtMTguNS0xLjUtMjcgMHoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTExIDM4LjVhMzUgMzUgMSAwIDAgMjMgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMTEgMjlhMzUgMzUgMSAwIDEgMjMgMG0tMjEuNSAyLjVoMjBtLTIxIDNhMzUgMzUgMSAwIDAgMjIgMG0tMjMgM2EzNSAzNSAxIDAgMCAyNCAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiLz48L2c+PC9zdmc+)}.cg-wrap piece.king.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjYiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMjIuNSAyNXM0LjUtNy41IDMtMTAuNWMwIDAtMS0yLjUtMy0yLjVzLTMgMi41LTMgMi41Yy0xLjUgMyAzIDEwLjUgMyAxMC41IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Ik0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN3M5LTQuNSA2LTEwLjVjLTQtNi41LTEzLjUtMy41LTE2IDRWMjd2LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMFYzN3oiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMyIDI5LjVzOC41LTQgNi4wMy05LjY1QzM0LjE1IDE0IDI1IDE4IDIyLjUgMjQuNWwuMDEgMi4xLS4wMS0yLjFDMjAgMTggOS45MDYgMTQgNi45OTcgMTkuODVjLTIuNDk3IDUuNjUgNC44NTMgOSA0Ljg1MyA5IiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMTEuNSAzMGM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDAiIHN0cm9rZT0iI2VjZWNlYyIvPjwvZz48L3N2Zz4=)}:root{--bg: #e7f6f3;--bg-elev: #ffffff;--ink: #1c2f3a;--muted: #5b7380;--accent: #f05a28;--accent-2: #0f9b8e;--danger: #e11d48;--line: rgba(28, 47, 58, .12);--shadow: 0 10px 28px rgba(28, 47, 58, .08);--font-display: "Fredoka", "Be Vietnam Pro", sans-serif;--font-body: "Be Vietnam Pro", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 75% 50% at 8% -8%,rgba(255,170,90,.28),transparent 52%),radial-gradient(ellipse 60% 45% at 88% 0%,rgba(15,155,142,.26),transparent 55%),radial-gradient(ellipse 55% 40% at 70% 85%,rgba(255,214,102,.22),transparent 60%),linear-gradient(165deg,#fff4e8,#e8f8f4 42%,#f7fffc)}.app-shell{max-width:1240px;margin:0 auto;padding:1.25rem clamp(1rem,3vw,2rem) 3rem}.app-shell--landing{max-width:min(1440px,100%);width:100%;padding-inline:clamp(1rem,4vw,3.25rem);overflow-x:clip}.app-bar{margin-bottom:1.25rem}.brand-mark{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:.02em;text-transform:none;font-size:.95rem;color:var(--accent-2)}.panel{background:color-mix(in srgb,var(--bg-elev) 94%,transparent);border:1px solid var(--line);border-radius:18px;padding:1.35rem 1.25rem;overflow:hidden;position:relative;box-shadow:var(--shadow)}.panel__head{position:relative;z-index:2;margin-bottom:1rem}.lede{margin:.35rem 0 0;color:var(--muted);line-height:1.55}.account-error{color:var(--danger)}h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;margin:.25rem 0 .75rem;color:var(--ink)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);border-radius:999px;padding:.6rem 1.05rem;font:inherit;font-weight:600;cursor:pointer;box-shadow:0 2px #1c2f3a0f;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.btn:hover{border-color:color-mix(in srgb,var(--accent-2) 45%,var(--line));transform:translateY(-1px)}.btn--primary{background:linear-gradient(135deg,var(--accent) 0%,#ff7a45 55%,#ff9a3c 100%);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 8px 18px #f05a2847}.btn--primary:hover{border-color:transparent;filter:brightness(1.03)}.link-btn--danger{color:var(--danger)}.link-btn--danger:hover{color:color-mix(in srgb,var(--danger) 80%,#000)}.panel__head-admin{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem}.admin-delete{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.35rem}.list__admin{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .85rem;padding-left:.25rem}.sortable-hint{margin:0 0 .65rem;font-size:.92rem}.sortable-list{display:grid;gap:.75rem;margin-bottom:1rem}.sortable-list__item{display:grid;grid-template-columns:auto 1fr;gap:.55rem;align-items:start;padding:.45rem;border:1px dashed transparent;border-radius:12px;background:color-mix(in srgb,var(--bg-elev) 70%,transparent)}.sortable-list__item.is-dragging{opacity:.55}.sortable-list__item.is-drag-over{border-color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 8%,#fff)}.sortable-list__handle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:color-mix(in srgb,var(--ink) 6%,#fff);color:var(--muted);cursor:grab;border-radius:8px;padding:.35rem .45rem;line-height:1;font-size:.95rem;letter-spacing:-.08em;-webkit-user-select:none;user-select:none}.sortable-list__handle:active{cursor:grabbing}.sortable-list__body{min-width:0}.sortable-list__label{margin:0 0 .35rem;font-size:.85rem;font-weight:600}.sortable-list__item--row .list__row--flat{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;width:100%}.sortable-list__item--row .list__item{flex:1 1 12rem}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--accent-2);font:inherit;font-weight:600;cursor:pointer;padding:0}.muted{color:var(--muted)}.panel__head h1,.title-edit__h{margin:.35rem 0 0}.section-title{font-family:var(--font-display);font-size:1.15rem;margin:1.25rem 0 .5rem;color:var(--ink)}.list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.list__row{display:grid;gap:.35rem}.list__item{width:100%;text-align:left;display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.95rem 1.05rem;border-radius:14px;border:1px solid var(--line);background:var(--bg-elev);color:inherit;font:inherit;cursor:pointer;box-shadow:0 4px 14px #1c2f3a0d;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.list__item:hover{border-color:color-mix(in srgb,var(--accent-2) 55%,var(--line));transform:translateY(-2px);box-shadow:0 10px 22px #0f9b8e1f}.list__item-main{display:flex;flex-direction:column;gap:.2rem}.title-edit{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem}.title-edit--form{display:grid;gap:.35rem;width:min(100%,28rem)}.title-edit--form .field{margin:0}.title-edit__btn{font-size:.9rem;opacity:.85}.title-edit__btn:hover{opacity:1;text-decoration:underline}.field{display:block;width:100%;margin-top:.35rem;margin-bottom:.75rem;padding:.6rem .75rem;border-radius:12px;border:1px solid var(--line);background:#f7fcfb;color:var(--ink);font:inherit}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.btn-row.wrap{flex-wrap:wrap}.admin-box{margin-top:1.25rem;padding:1rem;border:1px dashed color-mix(in srgb,var(--accent-2) 45%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent-2) 6%,var(--bg-elev))}.admin-box h2{margin:0 0 .75rem;font-size:1rem;font-family:var(--font-display)}.landing{position:relative;padding:.5rem 0 2.5rem;overflow:visible}.landing__glow{position:absolute;inset:-28% -12% auto;height:560px;background:radial-gradient(circle at 28% 40%,rgba(15,155,142,.26),transparent 58%),radial-gradient(circle at 78% 28%,rgba(255,170,90,.22),transparent 55%),radial-gradient(circle at 88% 55%,rgba(240,90,40,.12),transparent 48%);pointer-events:none;filter:blur(12px)}.landing__hero{position:relative;z-index:1;display:grid;gap:1.5rem;align-items:stretch;width:100%}@media(min-width:900px){.landing__hero{grid-template-columns:minmax(280px,34%) minmax(0,66%);gap:clamp(1.25rem,2.5vw,2.25rem);min-height:min(56vh,500px)}}.landing__copy{display:grid;gap:1.25rem;align-content:center;max-width:none}.landing__brand{position:relative;z-index:1}.landing__brand h1{font-size:clamp(2.5rem,6.5vw,4.25rem);line-height:1;margin:.35rem 0 .6rem;color:var(--ink);text-wrap:balance;background:linear-gradient(120deg,#163642 18%,#0f9b8e 52%,#f05a28 96%);-webkit-background-clip:text;background-clip:text;color:transparent}.landing__tagline{margin:0;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:700;color:var(--accent);line-height:1.35;max-width:28ch}.landing__art{margin:0;width:100%;min-height:clamp(260px,48vw,440px);border-radius:0;box-shadow:none;background-color:transparent;background-size:cover;background-position:55% 45%;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-size:100% 100%;mask-size:100% 100%;filter:saturate(1.05) contrast(1.02)}@media(min-width:900px){.landing__art{min-height:100%;background-position:48% 42%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 90%,transparent 100%)}}.landing__cta{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.landing__contact{margin:0}.landing__perks{position:relative;z-index:1;margin-top:clamp(1.75rem,4vw,2.75rem);width:100%}.landing__perks-title{margin:0 0 1rem;font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw,1.55rem);font-weight:700;color:var(--ink)}.landing__perk-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;width:100%;grid-template-columns:1fr}@media(min-width:720px){.landing__perk-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing__perk{display:flex;gap:.7rem;align-items:flex-start;min-width:0;padding:.9rem 1rem;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-elev) 92%,#fff);box-shadow:0 6px 18px #1c2f3a0d;line-height:1.45;font-weight:600}.landing__perk-mark{flex:0 0 auto;width:.72rem;height:.72rem;margin-top:.35rem;border-radius:999px;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-2) 16%,transparent)}.account-chip{display:inline-block;margin-top:.5rem;padding:.25rem .7rem;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--accent-2) 10%,#fff);font-size:.85rem;color:var(--muted)}.invite-form{display:grid;gap:.75rem;margin-top:1rem}.invite-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.95rem}.invite-form input{padding:.6rem .75rem;border-radius:12px;border:1px solid var(--line);background:#f7fcfb;color:var(--ink);font:inherit}.invite-contact{padding-left:1.1rem;line-height:1.7}.board-wrap,.board-wrap.cg-wrap{width:min(100%,420px);max-width:100%;aspect-ratio:1 / 1;height:auto;margin:0 auto;position:relative;touch-action:none;overflow:hidden;box-sizing:border-box;z-index:0;border-radius:14px;box-shadow:var(--shadow)}.board-wrap cg-board{border-radius:12px}.theory{display:grid;gap:1rem;position:relative;z-index:1;isolation:isolate}.theory__board{min-width:0;max-width:100%;overflow:hidden;position:relative;z-index:0}@media(min-width:800px){.theory{grid-template-columns:minmax(240px,420px) minmax(0,1fr);align-items:start}}.exercise-progress{font-weight:500;font-size:.92em}.theory__nav{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.75rem}.theory__vars{margin-top:.85rem;padding:.75rem .85rem .9rem;border-radius:14px;border:1px solid var(--line);background:#f4fbf9}.theory__vars-head{display:flex;align-items:center;min-height:1.4rem;margin-bottom:.45rem}.theory__vars-title{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.theory__vars-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;padding:0}.theory__vars-back-arrow{color:var(--accent-2)}.theory__vars-crumb{display:inline-flex;align-items:baseline;gap:.35rem;color:var(--muted)}.theory__vars-crumb-sep{opacity:.45}.theory__vars-crumb-current{color:var(--ink);font-weight:700}.theory__vars-chips{display:flex;flex-wrap:wrap;gap:.4rem}.theory__var-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:1px solid color-mix(in srgb,var(--accent-2) 40%,var(--line));background:var(--bg-elev);color:var(--ink);border-radius:999px;padding:.35rem .75rem;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.theory__var-chip:hover{border-color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 12%,#fff)}.comment-box{padding:1rem;border-radius:14px;border:1px solid var(--line);background:#f7fcfb;min-height:5rem;line-height:1.55;display:grid;gap:.75rem}.comment-box__before{padding-top:.65rem;border-top:1px dashed color-mix(in srgb,var(--line) 80%,transparent);color:color-mix(in srgb,var(--ink) 88%,transparent)}.comment-box__before-label{display:block;margin-bottom:.25rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted, #5a6b68)}.reaction-card{display:grid;justify-items:center;gap:.75rem;padding:1.1rem;border-radius:18px;border:1px solid var(--line);background:radial-gradient(circle at 30% 20%,rgba(15,155,142,.1),transparent 55%),var(--bg-elev);text-align:center;min-height:12rem;align-content:center;position:relative;z-index:1;min-width:0;box-shadow:var(--shadow)}.reaction-card--complete{border-color:color-mix(in srgb,#22a06b 55%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,#22a06b 20%,transparent),var(--shadow)}.reaction-card--partial{border-color:color-mix(in srgb,#eab308 55%,var(--line))}.reaction-card--wrong{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.reaction-card__img{width:min(100%,220px);height:auto;border-radius:18px;display:block;animation:reaction-pop .45s ease-out}.reaction-card__placeholder{font-size:3rem;opacity:.35;line-height:1}.reaction-card__text{margin:0;font-size:1.05rem;line-height:1.45;font-weight:700;max-width:22rem}@keyframes reaction-pop{0%{opacity:0;transform:scale(.86) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.reaction-card__img{animation:none}.btn,.list__item{transition:none}}.block{margin:1rem 0}.video-frame{position:relative;width:100%;padding-top:56.25%;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.board-wrap--select cg-board{cursor:pointer}.local-video{display:block;width:100%;max-height:min(70vh,540px);border-radius:14px;border:1px solid var(--line);background:#0f172a;box-shadow:var(--shadow)}.block--image{margin:1rem 0 1.25rem}.lesson-image{display:block;width:100%;max-width:720px;margin:0 auto;height:auto;border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.lesson-image__caption{text-align:center;margin-top:.5rem}a{color:var(--accent-2);font-weight:600}
