.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=)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--leading-tight:1.25;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{margin:var(--space-0);padding:var(--space-0);box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg-primary);color:var(--color-fg-primary);font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased}}@layer components{.ui-app-status{font-size:var(--text-size-body-lg);justify-content:center;align-items:center;min-height:100%;display:flex}.ui-app-status-loading{color:var(--color-fg-secondary)}.ui-app-status-error{color:var(--color-accent-danger)}.ui-app-shell{min-height:100%;padding:var(--size-app-padding-desktop);flex-direction:column;justify-content:center;align-items:center;display:flex}.ui-app-layout{align-items:stretch;gap:var(--space-6);width:100%;display:flex}.ui-app-sidebar{gap:var(--space-4);max-width:var(--size-info-panel-max);min-width:var(--size-info-panel-min);flex-direction:column;flex:1;display:flex}.ui-board-wrapper{border:var(--border-width-strong)solid transparent;border-radius:var(--radius-xs);transition:border-color var(--duration-moderate)var(--ease-standard),box-shadow var(--duration-moderate)var(--ease-standard);width:min(calc(100vh - var(--size-app-padding-desktop)*2),calc(100vw - var(--size-info-panel-offset)));flex:none;overflow:hidden}.ui-board-wrapper[data-state=success]{border-color:var(--color-accent-success)}.ui-board-wrapper[data-state=failed]{border-color:var(--color-accent-danger)}.ui-board-wrapper[data-state=failed-active]{border-color:var(--color-accent-danger-soft);box-shadow:var(--shadow-danger-soft)}.ui-board-wrapper[data-pulse-kind=correct][data-pulse-variant=pulse-a],.ui-board-wrapper[data-pulse-kind=correct][data-pulse-variant=pulse-b]{animation:board-pulse-correct var(--duration-pulse)var(--ease-standard)}.ui-board-wrapper[data-pulse-kind=incorrect][data-pulse-variant=pulse-a],.ui-board-wrapper[data-pulse-kind=incorrect][data-pulse-variant=pulse-b]{animation:board-pulse-incorrect var(--duration-pulse)var(--ease-standard)}.ui-board-root{aspect-ratio:1;width:100%}.ui-panel{background:var(--color-bg-panel);border-radius:var(--radius-md)}.ui-panel-timer{padding:var(--space-3)var(--space-4);text-align:center}.ui-label{color:var(--color-fg-secondary);font-size:var(--text-size-label);letter-spacing:var(--tracking-table);text-transform:uppercase}.ui-button{background:var(--color-bg-button);border:var(--border-width-1)solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-fg-primary);font-size:var(--text-size-body);padding:var(--space-2_5)var(--space-5);transition:background var(--duration-fast)var(--ease-standard),border-color var(--duration-fast)var(--ease-standard),opacity var(--duration-fast)var(--ease-standard)}.ui-button:disabled{cursor:default;opacity:var(--opacity-disabled)}.ui-button:hover:not(:disabled){background:var(--color-bg-button-hover)}.ui-button[data-variant=primary]{background:var(--color-bg-button-active);border-color:var(--color-bg-button-active);color:var(--color-fg-inverse);font-weight:600}.ui-button[data-variant=primary]:hover:not(:disabled){background:var(--color-bg-button-active-hover)}.ui-button[data-variant=danger]{background:var(--color-accent-danger);border-color:var(--color-accent-danger);color:var(--color-fg-inverse)}.ui-button[data-variant=danger]:hover:not(:disabled){background:var(--color-accent-danger-hover)}.ui-action-bar{align-items:stretch;gap:var(--space-2);padding-top:var(--space-2);display:flex}.ui-action-bar-button{flex:1}.ui-action-bar-button-next{flex:2}.ui-metric-card{background:var(--color-bg-card-muted);border:var(--border-width-1)solid var(--color-border-default);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-2_5)var(--space-3);flex-direction:column;display:flex}.ui-metric-value{color:var(--color-fg-primary);font-family:var(--font-family-mono);font-size:var(--text-size-heading-md)}.ui-timer-display{font-family:var(--font-family-mono);letter-spacing:var(--tracking-timer);font-weight:700;line-height:var(--leading-tight);transition:color var(--duration-moderate)var(--ease-standard),font-size var(--duration-moderate)var(--ease-standard)}.ui-timer-display[data-tone=default]{color:var(--color-fg-primary);font-size:var(--text-size-display-timer)}.ui-timer-display[data-tone=success]{color:var(--color-accent-success);font-size:var(--text-size-display-timer-complete)}.ui-timer-display[data-tone=danger]{color:var(--color-accent-danger);font-size:var(--text-size-display-timer-complete)}.ui-timer-label{color:var(--color-fg-secondary);font-size:var(--text-size-label);letter-spacing:var(--tracking-label);margin-top:var(--space-0_5);text-transform:uppercase}.ui-stats-overlay{background:var(--color-bg-overlay);padding:var(--space-6);z-index:var(--z-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ui-stats-modal{background:var(--color-bg-panel);border:var(--border-width-1)solid var(--color-border-default);border-radius:var(--radius-xl);gap:var(--space-4);height:min(var(--size-stats-modal-max-h),100%);padding:var(--space-5);width:min(var(--size-stats-modal-max-w),100%);flex-direction:column;display:flex;overflow:auto}.ui-stats-header{align-items:center;gap:var(--space-3);justify-content:space-between;display:flex}.ui-stats-title{font-size:var(--text-size-heading-lg);font-weight:700}.ui-stats-close-button{min-width:var(--size-stats-close-min-w);flex:none}.ui-stats-section{background:var(--color-bg-panel-section);border:var(--border-width-1)solid var(--color-border-default);border-radius:var(--radius-lg);gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.ui-stats-section-title{font-size:var(--text-size-body);letter-spacing:var(--tracking-section)}.ui-stats-grid{gap:var(--space-2_5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ui-stats-progress{gap:var(--space-2);flex-direction:column;display:flex}.ui-stats-progress-track{background:var(--color-bg-progress-track);border:var(--border-width-1)solid var(--color-border-default);border-radius:var(--radius-full);width:100%;height:.75rem;overflow:hidden}.ui-stats-progress-fill{background:var(--color-accent-info);height:100%;transition:width var(--duration-fast)var(--ease-standard)}.ui-stats-progress-text{color:var(--color-fg-secondary);font-size:var(--text-size-body-sm)}.ui-stats-empty{color:var(--color-fg-secondary);font-size:var(--text-size-body)}.ui-stats-table{border-collapse:collapse;width:100%}.ui-stats-table-header-cell,.ui-stats-table-cell{border-bottom:var(--border-width-1)solid var(--color-border-default);font-family:var(--font-family-mono);padding:var(--space-2_5)var(--space-2);text-align:left}.ui-stats-table-header-cell{color:var(--color-fg-secondary);font-size:var(--text-size-body-sm);letter-spacing:var(--tracking-table);text-transform:uppercase}.ui-stats-table-cell{color:var(--color-fg-primary);font-size:var(--text-size-body)}.ui-stats-link{color:var(--color-accent-info);font-family:var(--font-family-mono);font-size:var(--text-size-body);padding:var(--space-0);background:0 0;border:none}.ui-stats-link:hover{text-decoration:underline}.ui-stats-footer{justify-content:flex-start;margin-top:auto;display:flex}.ui-stats-reset-button{min-width:var(--size-stats-reset-min-w)}.ui-stats-confirm{background:var(--color-bg-danger-soft);border:var(--border-width-1)solid var(--color-border-danger-soft);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);padding:var(--space-3);justify-content:space-between;width:100%;display:flex}.ui-stats-confirm-message{color:var(--color-fg-primary);font-size:var(--text-size-body)}.ui-stats-confirm-actions{gap:var(--space-2);display:flex}.ui-move-list-panel{padding:var(--space-3)var(--space-4);flex-direction:column;flex:1;display:flex}.ui-move-list-title{letter-spacing:var(--tracking-label);margin-bottom:var(--space-2)}.ui-move-list{gap:var(--space-1);flex-direction:column;list-style:none;display:flex}.ui-move-row{font-family:var(--font-family-mono);font-size:var(--text-size-body);align-items:center;gap:var(--space-2);display:flex}.ui-move-number{color:var(--color-fg-muted);min-width:1.5rem}.ui-move-san[data-correct=true]{color:var(--color-accent-success)}.ui-move-san[data-correct=false]{color:var(--color-accent-danger);text-decoration:line-through}.ui-move-opponent{color:var(--color-fg-secondary)}.ui-move-placeholder{border:var(--border-width-1)dashed var(--color-border-default);border-radius:var(--radius-xs);color:var(--color-fg-muted);font-size:var(--text-size-body-sm);padding:var(--space-0_5)var(--space-2)}.ui-puzzle-info-panel{padding:var(--space-4)}.ui-puzzle-number{font-size:var(--text-size-display);font-weight:700;line-height:var(--leading-tight)}.ui-puzzle-total{color:var(--color-fg-secondary);font-size:var(--text-size-heading-sm);font-weight:400}.ui-puzzle-meta{font-size:var(--text-size-body);margin-top:var(--space-1)}.ui-puzzle-type{color:var(--color-accent-info);font-weight:600}.ui-puzzle-side{color:var(--color-fg-secondary)}.ui-puzzle-status[data-state=success]{color:var(--color-accent-success)}.ui-puzzle-status[data-state=danger]{color:var(--color-accent-danger)}.ui-toast{animation:toast-fade-in var(--duration-fast)var(--ease-standard);background:var(--color-bg-panel-section);border:var(--border-width-1)solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-fg-primary);font-size:var(--text-size-body-sm);padding:var(--space-2_5)var(--space-3)}.ui-toast[data-tone=success]{border-color:var(--color-accent-success-border-soft)}.ui-toast[data-tone=danger]{border-color:var(--color-accent-danger-border-soft)}@media(max-width:48rem){.ui-app-shell{padding:var(--size-app-padding-mobile);justify-content:flex-start}.ui-app-layout{flex-direction:column;align-items:center}.ui-app-sidebar{width:100%;min-width:0;max-width:none}.ui-board-wrapper{width:100%}.ui-timer-display[data-tone=default]{font-size:var(--text-size-display-timer-mobile)}.ui-timer-display[data-tone=success],.ui-timer-display[data-tone=danger]{font-size:var(--text-size-display-timer-mobile-complete)}.ui-stats-overlay{padding:var(--space-3)}.ui-stats-modal{border-radius:var(--radius-lg);height:100%;padding:var(--space-4)}.ui-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-stats-confirm{flex-direction:column;align-items:flex-start}.ui-action-bar{flex-wrap:wrap}.ui-action-bar-button-compact{flex:1 1 calc(33.33% - var(--space-2))}.ui-action-bar-button-next{flex-basis:100%}.ui-puzzle-info-panel{justify-content:space-between;align-items:baseline;display:flex}}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","SF Mono","Fira Code","Consolas",monospace;--text-size-label:.7rem;--text-size-body-sm:.85rem;--text-size-body:.9rem;--text-size-body-lg:1.125rem;--text-size-heading-sm:1rem;--text-size-heading-md:1.1rem;--text-size-heading-lg:1.6rem;--text-size-display:2rem;--text-size-display-timer:2.5rem;--text-size-display-timer-complete:3rem;--text-size-display-timer-mobile:2rem;--text-size-display-timer-mobile-complete:2.25rem;--leading-tight:1.2;--tracking-label:.1em;--tracking-section:.08em;--tracking-table:.05em;--tracking-timer:.05em;--space-0:0;--space-0_5:.125rem;--space-1:.25rem;--space-2:.5rem;--space-2_5:.625rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--size-info-panel-min:17.5rem;--size-info-panel-max:22.5rem;--size-info-panel-offset:21.25rem;--size-stats-modal-max-w:67.5rem;--size-stats-modal-max-h:48.75rem;--size-stats-close-min-w:6.25rem;--size-stats-reset-min-w:8.125rem;--size-mobile-breakpoint:48rem;--size-app-padding-desktop:1.5rem;--size-app-padding-mobile:.75rem;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.625rem;--radius-xl:.75rem;--radius-full:999px;--border-width-1:1px;--border-width-strong:3px;--duration-fast:.2s;--duration-moderate:.3s;--duration-pulse:.5s;--duration-toast:2.5s;--ease-standard:ease;--opacity-disabled:.4;--z-overlay:40;--color-bg-primary:#f7f8fc;--color-bg-panel:#fff;--color-bg-panel-section:#f0f2fa;--color-bg-overlay:#10141fd1;--color-bg-card-muted:#e0e4f2b3;--color-bg-progress-track:#0a0c1429;--color-bg-button:#dbe2f7;--color-bg-button-hover:#ced8f3;--color-bg-button-active:#2e8b57;--color-bg-button-active-hover:#297a4d;--color-bg-danger-soft:#e0555514;--color-fg-primary:#1b2138;--color-fg-secondary:#4f5775;--color-fg-muted:#6f789b;--color-fg-inverse:#fff;--color-border-default:#c6cee8;--color-border-danger-soft:var(--color-accent-danger)}@supports (color:color-mix(in lab,red,red)){:root{--color-border-danger-soft:color-mix(in srgb,var(--color-accent-danger)45%,var(--color-border-default))}}:root{--color-accent-info:#a8780b;--color-accent-success:#2e8b57;--color-accent-danger:#d94a4a;--color-accent-danger-hover:#c13f3f;--color-accent-danger-soft:var(--color-accent-danger)}@supports (color:color-mix(in lab,red,red)){:root{--color-accent-danger-soft:color-mix(in srgb,var(--color-accent-danger)65%,transparent)}}:root{--color-accent-danger-shadow:var(--color-accent-danger)}@supports (color:color-mix(in lab,red,red)){:root{--color-accent-danger-shadow:color-mix(in srgb,var(--color-accent-danger)30%,transparent)}}:root{--color-accent-success-border-soft:var(--color-accent-success)}@supports (color:color-mix(in lab,red,red)){:root{--color-accent-success-border-soft:color-mix(in srgb,var(--color-accent-success)60%,var(--color-border-default))}}:root{--color-accent-danger-border-soft:var(--color-accent-danger)}@supports (color:color-mix(in lab,red,red)){:root{--color-accent-danger-border-soft:color-mix(in srgb,var(--color-accent-danger)60%,var(--color-border-default))}}:root{--shadow-danger-soft:0 0 .5rem var(--color-accent-danger-shadow);--shadow-success-clear:0 0 0 transparent;--shadow-success-pulse:0 0 1rem #4caf5080;--shadow-danger-clear:0 0 0 transparent;--shadow-danger-pulse:0 0 1rem #e0555599}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--color-bg-primary:#1a1a2e;--color-bg-panel:#252540;--color-bg-panel-section:#1e1e36;--color-bg-overlay:#070810d1;--color-bg-card-muted:#0e0f1a73;--color-bg-progress-track:#00000040;--color-bg-button:#3a3a55;--color-bg-button-hover:#4a4a65;--color-bg-button-active:#4caf50;--color-bg-button-active-hover:#5cbf60;--color-bg-danger-soft:#e0555514;--color-fg-primary:#e0e0e0;--color-fg-secondary:#8888a0;--color-fg-muted:#606078;--color-fg-inverse:#fff;--color-border-default:#3a3a55;--color-accent-info:#d4a017;--color-accent-success:#4caf50;--color-accent-danger:#e05555;--color-accent-danger-hover:#c84d4d;--shadow-success-pulse:0 0 1rem #4caf5080;--shadow-danger-pulse:0 0 1rem #e0555599}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-bg-primary:#1a1a2e;--color-bg-panel:#252540;--color-bg-panel-section:#1e1e36;--color-bg-overlay:#070810d1;--color-bg-card-muted:#0e0f1a73;--color-bg-progress-track:#00000040;--color-bg-button:#3a3a55;--color-bg-button-hover:#4a4a65;--color-bg-button-active:#4caf50;--color-bg-button-active-hover:#5cbf60;--color-bg-danger-soft:#e0555514;--color-fg-primary:#e0e0e0;--color-fg-secondary:#8888a0;--color-fg-muted:#606078;--color-fg-inverse:#fff;--color-border-default:#3a3a55;--color-accent-info:#d4a017;--color-accent-success:#4caf50;--color-accent-danger:#e05555;--color-accent-danger-hover:#c84d4d}}@keyframes board-pulse-correct{0%{box-shadow:var(--shadow-success-clear);border-color:#0000}40%{border-color:var(--color-accent-success);box-shadow:var(--shadow-success-pulse)}to{box-shadow:var(--shadow-success-clear);border-color:#0000}}@keyframes board-pulse-incorrect{0%{border-color:var(--color-accent-danger-soft);box-shadow:var(--shadow-danger-soft)}40%{border-color:var(--color-accent-danger);box-shadow:var(--shadow-danger-pulse)}to{border-color:var(--color-accent-danger-soft);box-shadow:var(--shadow-danger-clear)}}@keyframes toast-fade-in{0%{opacity:0;transform:translateY(calc(var(--space-0_5)*-1))}to{opacity:1;transform:translateY(0)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
