.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,cg-board square.move-dest.hover{background:#14551e4d}cg-board square.premove-dest:hover,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=)}.chess-board-shell{position:relative;width:min(100%,560px)}.chess-board{width:100%;min-width:0;aspect-ratio:1 / 1;border-radius:4px;box-shadow:0 4px 24px #00000080;overflow:hidden;touch-action:none;box-sizing:border-box}.automation-square-controls{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-top:8px}.automation-square-controls button{padding:2px 0;font-size:10px;line-height:1;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--color-text-secondary);border-radius:3px}@media(max-width:768px){.chess-board-shell,.chess-board{width:100%;max-width:none}}.chess-board coords{opacity:1}.chess-board coords coord{font-family:Inter,sans-serif;font-size:clamp(11px,2.8vw,14px);font-weight:700;letter-spacing:.02em;-webkit-user-select:none;user-select:none;pointer-events:none;color:#0f0f0fe0;text-shadow:0 1px 0 rgba(255,255,255,.25),0 0 2px rgba(255,255,255,.2)}.chess-board coords.files coord{padding-bottom:2px}.chess-board coords.ranks coord{padding-left:2px}.chess-board.orientation-black coords coord{color:#f5f5f5e6;text-shadow:0 1px 0 rgba(0,0,0,.45),0 0 2px rgba(0,0,0,.3)}@media(max-width:768px){.chess-board coords coord{font-size:13px}}.chess-board piece{cursor:grab}.chess-board square.red{background-color:#f449}.chess-board square.yellow{background-color:#fa09}.chess-board square.best-move-origin{background-color:#54d6849e;box-shadow:inset 0 0 0 3px #12603094}.chess-board square.best-move-target{background-color:#4a9eff8a;box-shadow:inset 0 0 0 3px #14549494}.analysis-panel{background-color:var(--color-surface, #1a1a1a);border:1px solid var(--color-border, #2a2a2a);border-radius:4px;padding:var(--space-md, 16px);display:flex;flex-direction:column;gap:var(--space-sm, 8px);width:100%;min-width:0;box-sizing:border-box}.analysis-panel .header{font-size:var(--font-size-caption, .75rem);font-weight:400;color:var(--color-text-secondary, #888888);text-transform:uppercase;letter-spacing:.05em}.analysis-suggestions-wrap{position:relative;display:flex;flex-direction:column;gap:var(--space-sm, 8px)}.analysis-suggestions-overlay{position:absolute;top:5px;right:5px;bottom:5px;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:var(--space-md, 16px);box-sizing:border-box;border-radius:12px;background:linear-gradient(90deg,#0f0f0f5c,#0f0f0f00 32%),radial-gradient(ellipse 145% 108% at 40% 42%,#0f0f0f7a,#0f0f0f66 45%,#0f0f0f52);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:inset 0 1px #ffffff0d,inset 0 -8px 20px #0000002e,0 0 0 1px #4a9eff1a;pointer-events:none}.analysis-suggestions-overlay-label{margin:0;padding:9px 20px;font-size:var(--font-size-caption, .75rem);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-primary, #e8e8e8);text-align:center;background:#1a1a1af0;border:1px solid rgba(74,158,255,.32);border-radius:999px;box-shadow:0 6px 24px #0000006b,0 0 0 1px #00000059}.eval-bar-container{width:100%;height:4px;background-color:var(--color-surface-raised, #242424);border-radius:2px;overflow:hidden}.eval-bar-fill{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.eval-white{background-color:var(--eval-color-positive, #4a9eff)}.eval-black{background-color:var(--eval-color-negative, #ff5c7a)}.eval-neutral{background-color:var(--eval-color-neutral, #888888)}.eval-text{font-family:var(--font-mono, "JetBrains Mono", "Fira Code", monospace);font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #e8e8e8);text-align:center}.best-move{font-size:var(--font-size-body, .875rem);color:var(--color-accent, #4a9eff)}.last-move{font-size:var(--font-size-body, .875rem);color:var(--color-text-primary, #e8e8e8)}.best-move-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm, 8px)}.best-move-label,.last-move-label{color:var(--color-text-secondary, #888888)}.turn-indicator{padding:2px 8px;border:1px solid var(--color-border, #2a2a2a);border-radius:999px;color:var(--color-text-primary, #e8e8e8);font-size:.75rem;font-weight:600;white-space:nowrap}.pv-lines{display:flex;flex-direction:column;gap:2px}.pv-line{margin:0;font-size:.8rem;color:var(--color-text-secondary, #888888);font-family:var(--font-mono, "JetBrains Mono", "Fira Code", monospace)}.pv-label{color:var(--color-text-primary, #e8e8e8)}.pv-eval{color:var(--color-accent, #4a9eff)}.explanation{font-size:var(--font-size-body, .875rem);color:var(--color-text-primary, #e8e8e8);line-height:1.5}.divider{border:none;border-top:1px solid var(--color-border, #2a2a2a);margin:var(--space-sm, 8px) 0}.skeleton{background:linear-gradient(90deg,var(--color-surface-raised, #242424) 25%,var(--color-border, #2a2a2a) 50%,var(--color-surface-raised, #242424) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s infinite;border-radius:2px}.skeleton-bar{height:4px;width:100%}.skeleton-text{height:24px;width:60%;margin-top:var(--space-sm, 8px)}.skeleton-sm{height:14px;width:40%;margin-top:var(--space-xs, 4px)}.engine-loading{display:flex;flex-direction:column;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px) 0}.loading-text{margin:0;font-size:var(--font-size-body, .875rem);color:var(--color-text-secondary, #888888)}.analysis-paused{padding:var(--space-sm, 8px) 0}.analysis-paused-text{margin:0;font-size:var(--font-size-body, .875rem);color:var(--color-text-secondary, #888888)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.error-message{font-size:var(--font-size-body, .875rem);color:var(--color-text-secondary, #888888);text-align:center;padding:var(--space-md, 16px) 0}.move-history{background-color:var(--color-surface, #1a1a1a);border:1px solid var(--color-border, #333);border-radius:4px;padding:var(--space-md, .75rem);max-height:400px;display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box}.move-history .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm, .5rem);gap:var(--space-sm, .5rem)}.move-history .header h3{margin:0;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary, #888);letter-spacing:.05em;white-space:nowrap}.move-history .header-actions{display:flex;align-items:center;gap:var(--space-sm, .5rem)}.move-history .coord-toggle{display:inline-flex;align-items:center;gap:var(--space-xs, .25rem);font-size:.75rem;color:var(--color-text-secondary, #888);white-space:nowrap}.move-history .coord-toggle input{accent-color:var(--color-accent, #4a9eff)}.move-history .undo-btn{background:none;border:none;color:var(--color-text-secondary, #888);font-size:.875rem;cursor:pointer;padding:var(--space-xs, .25rem) var(--space-sm, .5rem);border-radius:4px;transition:color .15s ease}.move-history .undo-btn:hover{color:var(--color-text-primary, #e0e0e0)}.move-history .empty{text-align:center;color:var(--color-text-secondary, #888);padding:var(--space-lg, 1.5rem) 0;font-size:.875rem}.move-history .move-list{overflow-y:auto;flex:1;font-family:var(--font-mono, monospace);font-size:.875rem;line-height:1.4}.move-history .move-row{display:grid;grid-template-columns:2rem 1fr 1fr;gap:var(--space-sm, .5rem);align-items:start;padding:.15rem 0}@media(max-width:768px){.move-history{max-height:none}}.move-history .move-number{color:var(--color-text-secondary, #888);text-align:right}.move-history .move-white,.move-history .move-black{color:var(--color-text-primary, #e0e0e0)}.move-history .move-cell{display:flex;flex-direction:column;min-width:0}.move-history .move-san{font-weight:600;color:var(--color-text-primary, #e0e0e0)}.move-history .move-coord{margin-top:1px;font-size:.75rem;line-height:1.2;color:var(--color-text-secondary, #9a9a9a);letter-spacing:.01em}.move-feedback{display:flex;align-items:center;gap:var(--space-sm, 8px);width:100%;min-height:2.25rem;padding:.4rem .6rem;margin-top:.35rem;background:color-mix(in srgb,var(--color-surface-raised) 70%,var(--color-bg));border:1px solid var(--color-border, #2a2a2a);border-radius:8px;animation:move-feedback-fade-in .2s ease-out;box-sizing:border-box}@keyframes move-feedback-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.move-feedback{animation:none}}.move-feedback-badge{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;padding:.2rem .55rem;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid transparent}.move-feedback-badge-label{display:inline-flex;align-items:center;gap:.3rem}.move-feedback-badge-eval{font-size:.625rem;font-weight:600;font-family:var(--font-mono, "JetBrains Mono", "Fira Code", monospace);opacity:.75}.move-feedback-badge[data-quality=best]{background:color-mix(in srgb,var(--color-success, #44cc66) 16%,var(--color-surface, #1a1a1a));color:color-mix(in srgb,var(--color-success, #44cc66) 90%,var(--color-text-primary, #e8e8e8));border-color:color-mix(in srgb,var(--color-success, #44cc66) 35%,transparent)}.move-feedback-badge[data-quality=good]{background:color-mix(in srgb,#2dd4bf 14%,var(--color-surface, #1a1a1a));color:color-mix(in srgb,#2dd4bf 88%,var(--color-text-primary, #e8e8e8));border-color:color-mix(in srgb,#2dd4bf 30%,transparent)}.move-feedback-badge[data-quality=ok]{background:color-mix(in srgb,var(--color-text-secondary, #888888) 12%,var(--color-surface, #1a1a1a));color:var(--color-text-primary, #e8e8e8);border-color:color-mix(in srgb,var(--color-text-secondary, #888888) 25%,transparent)}.move-feedback-badge[data-quality=inaccuracy]{background:color-mix(in srgb,var(--color-warning, #ffaa00) 14%,var(--color-surface, #1a1a1a));color:color-mix(in srgb,var(--color-warning, #ffaa00) 90%,var(--color-text-primary, #e8e8e8));border-color:color-mix(in srgb,var(--color-warning, #ffaa00) 30%,transparent)}.move-feedback-badge[data-quality=mistake]{background:color-mix(in srgb,#ff7a3d 16%,var(--color-surface, #1a1a1a));color:color-mix(in srgb,#ff7a3d 88%,var(--color-text-primary, #e8e8e8));border-color:color-mix(in srgb,#ff7a3d 32%,transparent)}.move-feedback-badge[data-quality=blunder]{background:color-mix(in srgb,var(--color-danger, #ff4444) 16%,var(--color-surface, #1a1a1a));color:color-mix(in srgb,var(--color-danger, #ff4444) 90%,var(--color-text-primary, #e8e8e8));border-color:color-mix(in srgb,var(--color-danger, #ff4444) 35%,transparent)}.move-feedback-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;flex:1;min-width:0}.move-feedback-row{display:inline-flex;align-items:center;gap:.3rem}.move-feedback-row-label{font-size:.625rem;font-weight:600;color:var(--color-text-secondary, #888888);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.move-feedback-alt-label{font-size:.6875rem;font-weight:500;font-style:italic;color:var(--color-text-secondary, #888888);flex-shrink:0}.move-feedback-suggestion{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;min-height:1.4rem;background:color-mix(in srgb,var(--color-surface-raised) 85%,var(--color-surface, #1a1a1a));color:var(--color-text-primary, #e8e8e8);border:1px solid var(--color-border, #2a2a2a);border-radius:6px;cursor:pointer;font-family:var(--font-mono, "JetBrains Mono", "Fira Code", monospace);font-size:.75rem;font-weight:600;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.move-feedback-suggestion:hover{background:var(--color-surface-raised, #242424);border-color:color-mix(in srgb,var(--color-accent, #4a9eff) 40%,var(--color-border, #2a2a2a));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent, #4a9eff) 18%,transparent)}.move-feedback-suggestion:focus-visible{outline:2px solid var(--color-accent, #4a9eff);outline-offset:1px}.move-feedback-suggestion:active{background:color-mix(in srgb,var(--color-accent, #4a9eff) 12%,var(--color-surface-raised, #242424))}.move-feedback-suggestion--primary{border-color:color-mix(in srgb,var(--color-accent, #4a9eff) 35%,var(--color-border, #2a2a2a));color:color-mix(in srgb,var(--color-accent, #4a9eff) 85%,var(--color-text-primary, #e8e8e8))}.move-feedback-suggestion--primary:hover{background:color-mix(in srgb,var(--color-accent, #4a9eff) 14%,var(--color-surface-raised, #242424));border-color:var(--color-accent, #4a9eff);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent, #4a9eff) 25%,transparent)}.move-feedback-cp-loss{font-size:.625rem;font-weight:600;font-family:var(--font-mono, "JetBrains Mono", "Fira Code", monospace);color:var(--color-text-secondary, #888888);flex-shrink:0;white-space:nowrap}.move-feedback-cp-loss[data-loss=high]{color:color-mix(in srgb,var(--color-danger, #ff4444) 75%,var(--color-text-secondary, #888888))}.move-feedback-cp-loss[data-loss=medium]{color:color-mix(in srgb,var(--color-warning, #ffaa00) 65%,var(--color-text-secondary, #888888))}.move-feedback-icon{width:.85rem;height:.85rem;flex-shrink:0}.move-feedback-play-icon{width:.75rem;height:.75rem;flex-shrink:0;opacity:.7}@media(max-width:768px){.move-feedback{flex-wrap:wrap;gap:.35rem;padding:.35rem .5rem}.move-feedback-suggestions{width:100%;justify-content:flex-start}}.app.svelte-1uha8ag{min-height:100vh;background-color:var(--color-bg);display:flex;flex-direction:column}.page-header.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border);position:relative}.page-header.svelte-1uha8ag h1:where(.svelte-1uha8ag){margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.toolbar-rail.svelte-1uha8ag{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;box-sizing:border-box;padding:3px 5px;background:color-mix(in srgb,var(--color-surface) 92%,transparent);border:1px solid var(--color-border);border-radius:8px}.toolbar-btn.svelte-1uha8ag{box-sizing:border-box;min-height:1.625rem;padding:0 .5rem;font-family:inherit;font-size:.75rem;font-weight:500;line-height:1.2;border-radius:6px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background-color .15s ease,filter .15s ease,box-shadow .15s ease}.toolbar-btn-icon.svelte-1uha8ag{width:.8125rem;height:.8125rem;flex-shrink:0;opacity:.9}.toolbar-btn--ghost.svelte-1uha8ag{background:color-mix(in srgb,var(--color-surface) 45%,transparent);color:var(--color-text-secondary);border-color:color-mix(in srgb,var(--color-border) 85%,transparent)}.toolbar-btn--ghost.svelte-1uha8ag:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:color-mix(in srgb,var(--color-surface-raised) 70%,transparent)}.copy-fen-success.toolbar-btn--ghost.svelte-1uha8ag{color:color-mix(in srgb,var(--color-accent) 92%,var(--color-text-primary));border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 25%,transparent)}.copy-fen-error.toolbar-btn--ghost.svelte-1uha8ag{color:#f2a6a6;border-color:color-mix(in srgb,#c44 40%,var(--color-border));background:color-mix(in srgb,#822 18%,var(--color-surface))}.toolbar-btn--surface.svelte-1uha8ag{background:color-mix(in srgb,var(--color-surface-raised) 88%,var(--color-bg));color:var(--color-text-primary);border-color:var(--color-border)}.toolbar-btn--surface.svelte-1uha8ag:hover{background:var(--color-surface-raised);border-color:color-mix(in srgb,var(--color-text-secondary) 35%,var(--color-border))}.flip-board-btn[aria-pressed=true].toolbar-btn--surface.svelte-1uha8ag{background:color-mix(in srgb,var(--color-accent) 14%,var(--color-surface-raised));border-color:var(--color-accent);color:var(--color-text-primary)}.toolbar-btn--accent.svelte-1uha8ag{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);font-weight:600}.toolbar-btn--accent.svelte-1uha8ag:hover{filter:brightness(1.08);box-shadow:0 2px 12px color-mix(in srgb,var(--color-accent) 35%,transparent)}.toolbar-btn.svelte-1uha8ag:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.practice-status-bar.svelte-1uha8ag{width:100%;box-sizing:border-box;min-height:2.5rem;padding:.45rem .75rem;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 8%,var(--color-surface)) 0%,var(--color-surface) 48%);border:1px solid color-mix(in srgb,var(--color-accent) 22%,var(--color-border));border-radius:10px;box-shadow:0 4px 20px #00000038}.practice-status-info.svelte-1uha8ag{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;min-width:0;width:100%;color:var(--color-text-primary);font-size:.8125rem}.practice-coach-actions.svelte-1uha8ag{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.25rem;flex-shrink:0}.practice-coach-btn.svelte-1uha8ag{flex-shrink:0;margin:0;min-height:1.5rem;padding:.2rem .45rem;background:color-mix(in srgb,var(--color-surface-raised) 88%,var(--color-surface));color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font-family:inherit;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.practice-coach-btn--accent.svelte-1uha8ag{background:color-mix(in srgb,var(--color-accent) 18%,var(--color-surface-raised));border-color:color-mix(in srgb,var(--color-accent) 48%,var(--color-border));color:color-mix(in srgb,var(--color-accent) 90%,var(--color-text-primary))}.practice-coach-btn.svelte-1uha8ag:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border));filter:brightness(1.06)}.practice-coach-btn.svelte-1uha8ag:disabled{cursor:default;opacity:.55}.practice-coach-status.svelte-1uha8ag{margin:.35rem 0 0;color:color-mix(in srgb,var(--color-accent) 75%,var(--color-text-secondary));font-size:.72rem;min-height:.9rem}.practice-status-meta.svelte-1uha8ag{margin:0;flex:1;min-width:0;overflow:hidden;color:var(--color-text-secondary)}.practice-status-line.svelte-1uha8ag{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.practice-status-line.svelte-1uha8ag strong:where(.svelte-1uha8ag){color:var(--color-text-primary);font-weight:600}.practice-status-sep.svelte-1uha8ag{margin:0 .2rem;color:var(--color-text-secondary);opacity:.75}.practice-thinking-indicator.svelte-1uha8ag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:.35rem;box-sizing:border-box;min-width:5.25rem;min-height:1.5rem;padding:.2rem .45rem;border-radius:999px;border:1px solid transparent;background:transparent;color:color-mix(in srgb,var(--color-accent) 88%,var(--color-text-primary));font-size:.72rem;font-weight:500;visibility:hidden;opacity:0;transition:opacity .12s ease,visibility .12s ease,background-color .12s ease,border-color .12s ease}.practice-thinking-indicator.visible.svelte-1uha8ag{visibility:visible;opacity:1;background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface));border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border))}.practice-thinking-dot.svelte-1uha8ag{width:.45rem;height:.45rem;border-radius:50%;background:var(--color-accent);box-shadow:0 0 color-mix(in srgb,var(--color-accent) 50%,transparent);animation:svelte-1uha8ag-practice-pulse 1.2s ease-in-out infinite;opacity:0;transition:opacity .12s ease}.practice-thinking-indicator.visible.svelte-1uha8ag .practice-thinking-dot:where(.svelte-1uha8ag){opacity:1}@keyframes svelte-1uha8ag-practice-pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.25);opacity:1}}.practice-thinking-indicator.svelte-1uha8ag:not(.visible) .practice-thinking-dot:where(.svelte-1uha8ag){animation:none}@media(prefers-reduced-motion:reduce){.practice-thinking-dot.svelte-1uha8ag{animation:none}.practice-thinking-indicator.svelte-1uha8ag{transition:none}}.practice-status-end-btn.svelte-1uha8ag{flex-shrink:0;margin:0;padding:.2rem .5rem;min-height:0;background:color-mix(in srgb,var(--color-accent) 22%,var(--color-surface));color:color-mix(in srgb,var(--color-accent) 95%,var(--color-text-primary));border:1px solid color-mix(in srgb,var(--color-accent) 45%,transparent);border-radius:6px;cursor:pointer;font-family:inherit;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease,filter .15s ease}.practice-status-end-btn.svelte-1uha8ag:hover{background:color-mix(in srgb,var(--color-accent) 32%,var(--color-surface-raised));border-color:color-mix(in srgb,var(--color-accent) 55%,transparent);filter:brightness(1.06)}.practice-status-end-btn.svelte-1uha8ag:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.practice-status-end-btn--compact.svelte-1uha8ag{display:none}.app-modal{padding:0;border:none;background:transparent;color:inherit;max-width:min(90vw,460px);width:100%}.app-modal::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-modal-card{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 40px #00000073;overflow:hidden}.app-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-surface))}.app-modal-title{margin:0;font-size:1.05rem;font-weight:600;color:var(--color-text-primary)}.app-modal-close-btn{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--color-text-secondary);border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:1.25rem;line-height:1;padding:0}.app-modal-close-btn:hover{color:var(--color-text-primary);background:var(--color-surface-raised)}.app-modal-close-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-modal-body{padding:var(--space-lg)}.app-modal-body .practice-panel-card{background:transparent;border:none;padding:0}.end-practice-confirm.svelte-1uha8ag{display:flex;flex-direction:column;gap:var(--space-md)}.end-practice-confirm.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.45}.end-practice-actions.svelte-1uha8ag{display:flex;justify-content:flex-end;gap:var(--space-sm)}.secondary-action-btn.svelte-1uha8ag,.danger-action-btn.svelte-1uha8ag{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font-size:.875rem;white-space:nowrap}.secondary-action-btn.svelte-1uha8ag{background:transparent;color:var(--color-text-primary)}.danger-action-btn.svelte-1uha8ag{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);font-weight:600}.secondary-action-btn.svelte-1uha8ag:hover{background:var(--color-surface-raised)}.danger-action-btn.svelte-1uha8ag:hover{filter:brightness(1.08)}.board-flip-stage.svelte-1uha8ag{width:min(100%,560px);max-width:100%;box-sizing:border-box}.board-below-stack.svelte-1uha8ag{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);width:min(100%,560px);max-width:100%;box-sizing:border-box}.board-undo-rail.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:3px 5px;background:color-mix(in srgb,var(--color-surface) 94%,transparent);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 12px #0000001f}.board-undo-btn.svelte-1uha8ag{min-width:6.5rem}.board-flip-stage.flipping.svelte-1uha8ag{perspective:1200px;transform-style:preserve-3d;animation:svelte-1uha8ag-board-flip .4s ease-in-out}@keyframes svelte-1uha8ag-board-flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@media(prefers-reduced-motion:reduce){.board-flip-stage.flipping.svelte-1uha8ag{animation:none}}.header-actions.svelte-1uha8ag{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-md);min-width:0}.header-toolbar-cluster.svelte-1uha8ag{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-sm);min-width:0}.copy-fen-status.svelte-1uha8ag{font-size:.75rem;color:color-mix(in srgb,var(--color-accent) 55%,var(--color-text-secondary));pointer-events:none;min-height:1.25rem;display:inline-flex;align-items:center;max-width:11rem;padding:0 .15rem;transition:color .15s ease}.copy-fen-status.svelte-1uha8ag:empty{display:none;min-height:0;max-width:0;padding:0;overflow:hidden}.main.svelte-1uha8ag{display:grid;grid-template-columns:1fr 360px;gap:var(--space-lg);padding:var(--space-xl);max-width:1200px;margin:0 auto;flex:1;align-items:start;width:100%;box-sizing:border-box}.board-area.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%}.game-over-banner.svelte-1uha8ag{padding:var(--space-sm) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-accent);border-radius:4px;font-size:1rem;font-weight:600;color:var(--color-accent);text-align:center;min-width:200px}.panels.svelte-1uha8ag{display:flex;flex-direction:column;gap:var(--space-lg);overflow-y:auto;max-height:calc(100vh - var(--space-xl) * 2 - 48px);width:100%;min-width:0}.settings-card.svelte-1uha8ag{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column}.saved-positions-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.practice-panel-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.practice-panel-card h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.practice-panel-card fieldset{border:1px solid var(--color-border);border-radius:6px;padding:var(--space-sm);margin:0;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.practice-panel-card legend{padding:0 var(--space-xs);color:var(--color-text-secondary);font-size:.8rem}.practice-panel-card label{display:inline-flex;align-items:center;gap:.3rem;color:var(--color-text-primary);font-size:.875rem}.practice-start-btn,.practice-end-btn{padding:var(--space-xs) var(--space-md);background:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font-size:.875rem}.practice-active-status{margin:0;color:var(--color-text-primary);font-size:.875rem}.practice-engine-thinking{margin:0;color:var(--color-text-secondary);font-size:.8rem}.saved-positions-card h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.drill-prompt-card.svelte-1uha8ag{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.drill-prompt-card.svelte-1uha8ag h3:where(.svelte-1uha8ag),.drill-prompt-card.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:0}.drill-prompt-card.svelte-1uha8ag h3:where(.svelte-1uha8ag){font-size:1rem;font-weight:600;color:var(--color-text-primary)}.drill-prompt-card.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--color-text-secondary);font-size:.9rem;line-height:1.45}.opening-recommendations-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.opening-recommendations-card h3,.opening-line h4,.opening-line p{margin:0}.opening-recommendations-card h3{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.opening-line{display:flex;flex-direction:column;gap:var(--space-sm)}.opening-line-header{display:flex;justify-content:space-between;gap:var(--space-sm);align-items:center}.opening-line h4{font-size:.95rem;color:var(--color-text-primary)}.opening-line-header span{padding:.1rem .45rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);font-size:.7rem}.next-move{align-self:flex-start;min-width:3rem;padding:var(--space-xs) var(--space-sm);border-radius:6px;background:var(--color-surface-raised);border:1px solid var(--color-accent);color:var(--color-text-primary);font-weight:700;text-align:center}.opening-line p{color:var(--color-text-secondary);font-size:.85rem;line-height:1.45}.move-sequence{display:flex;flex-wrap:wrap;gap:.25rem}.move-sequence span{padding:.12rem .4rem;border-radius:4px;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.75rem}.move-sequence span.played{color:var(--color-text-primary);border-color:var(--color-accent)}.save-repertoire-btn{padding:var(--space-xs) var(--space-md);background:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font-size:.875rem}.save-repertoire-btn:disabled{cursor:default;opacity:.65}.opening-status,.opening-recommendations-card .empty-state{min-height:1rem;color:var(--color-text-secondary);font-size:.75rem}.saved-form{display:flex;flex-direction:column;gap:var(--space-sm)}.saved-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.875rem;color:var(--color-text-secondary)}.saved-form input,.saved-form textarea{width:100%;box-sizing:border-box;padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font:inherit}.save-position-btn,.open-position-btn,.create-drill-btn{padding:var(--space-xs) var(--space-md);background:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font-size:.875rem}.saved-item-actions{display:flex;flex:0 0 auto;align-items:flex-start;gap:var(--space-xs)}.saved-status,.empty-state{min-height:1rem;font-size:.75rem;color:var(--color-text-secondary)}.saved-list{display:flex;flex-direction:column;gap:var(--space-sm)}.saved-item{display:flex;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg)}.saved-item h4,.saved-item p{margin:0 0 .3rem}.saved-item h4{color:var(--color-text-primary);font-size:.9rem}.saved-item p{color:var(--color-text-secondary);font-size:.8rem}.tag-list{display:flex;flex-wrap:wrap;gap:.25rem}.tag-list span{padding:.1rem .4rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);font-size:.7rem}.legend-card.svelte-1uha8ag{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.legend-card.svelte-1uha8ag h3:where(.svelte-1uha8ag){margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.legend-item.svelte-1uha8ag{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:.875rem}.legend-swatch.svelte-1uha8ag{width:.8rem;height:.8rem;border-radius:3px;border:1px solid var(--color-border);flex:0 0 auto}.legend-red.svelte-1uha8ag{background:#ff4c4c8c}.legend-yellow.svelte-1uha8ag{background:#ffd70073}.settings-summary.svelte-1uha8ag{list-style:none;cursor:pointer;padding:var(--space-md);border-radius:8px;font-size:1rem;font-weight:600;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.settings-summary.svelte-1uha8ag::-webkit-details-marker{display:none}.settings-card[open].svelte-1uha8ag .settings-summary:where(.svelte-1uha8ag){border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid var(--color-border)}.settings-summary.svelte-1uha8ag:hover{background:var(--color-surface-raised)}.settings-summary.svelte-1uha8ag:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.settings-title.svelte-1uha8ag{min-width:0}.settings-chevron.svelte-1uha8ag{flex:0 0 auto;width:.6rem;height:.6rem;border-right:2px solid var(--color-text-secondary);border-bottom:2px solid var(--color-text-secondary);transform:rotate(-45deg);transition:transform .15s ease;margin-left:auto}.settings-card[open].svelte-1uha8ag .settings-chevron:where(.svelte-1uha8ag){transform:rotate(45deg)}.settings-body.svelte-1uha8ag{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.settings-card.svelte-1uha8ag label:where(.svelte-1uha8ag){display:flex;flex-direction:column;gap:.3rem;font-size:.875rem;color:var(--color-text-secondary)}.settings-card.svelte-1uha8ag input[type=text]:where(.svelte-1uha8ag),.settings-card.svelte-1uha8ag input[type=url]:where(.svelte-1uha8ag){width:100%;box-sizing:border-box;padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary)}.settings-card.svelte-1uha8ag input[type=checkbox]:where(.svelte-1uha8ag){width:1rem;height:1rem}.settings-status.svelte-1uha8ag{min-height:1rem;font-size:.75rem;color:var(--color-text-secondary)}.sr-only.svelte-1uha8ag{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){.main.svelte-1uha8ag{grid-template-columns:1fr;padding:var(--space-md);gap:var(--space-md);min-width:0}.board-area.svelte-1uha8ag{align-items:stretch}.page-header.svelte-1uha8ag{padding:var(--space-md) var(--space-md);position:relative;flex-wrap:wrap;gap:var(--space-sm)}.page-header.svelte-1uha8ag h1:where(.svelte-1uha8ag){width:100%}.header-actions.svelte-1uha8ag{width:100%}.header-toolbar-cluster.svelte-1uha8ag{width:100%;flex-direction:column;align-items:stretch;gap:var(--space-xs)}.toolbar-rail.svelte-1uha8ag{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);padding:var(--space-xs)}.toolbar-rail.svelte-1uha8ag .toolbar-btn:where(.svelte-1uha8ag){width:100%;min-height:1.875rem;justify-content:center;text-align:center}.practice-status-bar.svelte-1uha8ag{width:100%;align-items:center;gap:var(--space-xs);padding:var(--space-sm)}.practice-status-info.svelte-1uha8ag{gap:var(--space-xs);flex-wrap:wrap}.practice-status-end-btn.svelte-1uha8ag{min-height:2rem}.practice-status-meta.svelte-1uha8ag{flex-basis:100%}.practice-thinking-indicator.svelte-1uha8ag{min-width:0}.practice-coach-actions.svelte-1uha8ag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.practice-coach-btn.svelte-1uha8ag,.practice-coach-actions.svelte-1uha8ag .practice-status-end-btn:where(.svelte-1uha8ag){width:100%;min-height:2rem}.app-modal{max-width:calc(100vw - var(--space-md) * 2)}.app-modal-body{padding:var(--space-md)}.end-practice-actions.svelte-1uha8ag{display:grid;grid-template-columns:1fr}.secondary-action-btn.svelte-1uha8ag,.danger-action-btn.svelte-1uha8ag{width:100%;min-height:2.25rem}.copy-fen-status.svelte-1uha8ag{width:100%;max-width:none;min-height:1rem;justify-content:center;text-align:center}.copy-fen-status.svelte-1uha8ag:empty{display:none}.panels.svelte-1uha8ag{max-height:none}}
