.mini-chessboard{width:176px;height:176px;background:#ddd;display:flex;flex-wrap:wrap}.mini-chessboard .square{width:12.5%;height:12.5%;transition:background .1s ease-in-out;user-select:none}.mini-chessboard .square.light{background:#f3e4cf}.mini-chessboard .square.dark{background:#ceb3a2}.mini-chessboard .square.move-from{background:#fffcdd}.mini-chessboard .square.move-to{background:#fff79b}.mini-chessboard .square .piece{width:100%;height:100%;position:relative}.mini-chessboard .piece-buffer{display:none}.board-area{position:relative}.piece-promotion-modal-container{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}.piece-promotion-modal-container .piece-promotion-modal{background:#fff;box-shadow:0 0 7px #00000080;position:absolute;z-index:3;width:400px;height:150px;left:50%;margin-left:-200px;top:50%;margin-top:-140px;border-radius:2px}.piece-promotion-modal-container .prompt{color:#000000e6;font-size:16px;padding:18px 0;text-align:center}.piece-promotion-modal-container .pieces{position:absolute;display:flex;justify-content:space-around;width:100%;padding:0 20px}.piece-promotion-modal-container .pieces .piece{width:80px;height:80px;display:block;transition:background .1s ease;border-radius:2px}.piece-promotion-modal-container .pieces .piece:hover{background:#00000008}.piece-promotion-modal-container .background{background:#0009;width:100%;height:100%}.chessground-board{position:relative}.cg-wrap{position:relative;display:block;width:100%;height:100%}cg-helper{position:absolute;width:12.5%;padding-bottom:12.5%;display:table;bottom:0}cg-container{position:absolute;width:800%;height:800%;display:block;bottom: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;cursor:pointer}cg-board square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}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:9}cg-board piece.anim{z-index:8}cg-board piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.15}.cg-wrap svg{overflow:hidden;position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.6}.cg-wrap svg image{opacity:.5}.cg-wrap coords{position:absolute;display:flex;pointer-events:none;user-select:none;opacity:.8;font-family:Orbitron,Arial,sans-serif;font-size:12px}.cg-wrap coords.ranks{left:3px;top:-20px;flex-flow:column-reverse;height:100%;width:12px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.files{bottom:-2px;left:21px;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-board{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4PSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICAgIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxnIGlkPSJhIj4KICA8ZyBpZD0iYiI+CiAgICA8ZyBpZD0iYyI+CiAgICAgIDxnIGlkPSJkIj4KICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSIjRjNFNENGIiBpZD0iZSIvPgogICAgICAgIDx1c2UgeD0iMSIgeT0iMSIgaHJlZj0iI2UiIHg6aHJlZj0iI2UiLz4KICAgICAgICA8cmVjdCB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSIjQ0VCM0EyIiBpZD0iZiIvPgogICAgICAgIDx1c2UgeD0iMSIgeT0iLTEiIGhyZWY9IiNmIiB4OmhyZWY9IiNmIi8+CiAgICAgIDwvZz4KICAgICAgPHVzZSB4PSIyIiBocmVmPSIjZCIgeDpocmVmPSIjZCIvPgogICAgPC9nPgogICAgPHVzZSB4PSI0IiBocmVmPSIjYyIgeDpocmVmPSIjYyIvPgogIDwvZz4KICA8dXNlIHk9IjIiIGhyZWY9IiNiIiB4OmhyZWY9IiNiIi8+CjwvZz4KPHVzZSB5PSI0IiBocmVmPSIjYSIgeDpocmVmPSIjYSIvPgo8L3N2Zz4K);box-shadow:0 1px 8px #0006}.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=)}cg-board square.move-dest{background:radial-gradient(#eff 22%,#208530 0,#0000004d,#0000 0);pointer-events:auto}cg-board square.move-dest.oc{background:radial-gradient(transparent 0%,transparent 80%,rgb(238,255,255) 80%)}cg-board square.move-dest:hover{background:#eff}cg-board square.premove-dest{background:radial-gradient(#141e5580 22%,#203085 0,#0000004d,#0000 0)}cg-board square.premove-dest.oc{background:radial-gradient(transparent 0%,transparent 80%,rgba(20,30,85,.2) 80%)}cg-board square.premove-dest:hover{background:#141e5533}cg-board square.selected{background:#eff}cg-board square.check{background:radial-gradient(ellipse at center,red,#e70000 25%,#a9000000 89%,#9e000000)}cg-board square.current-premove{background-color:#eff}cg-board square.last-move.move-from{background-color:#fffcdd}cg-board square.last-move.move-to{background-color:#fff79b}.cg-wrap.orientation-white coords.ranks coord:nth-child(2n){color:#ceb3a2}.cg-wrap.orientation-white coords.ranks coord:nth-child(odd){color:#f3e4cf}.cg-wrap.orientation-white coords.files coord:nth-child(2n){color:#ceb3a2}.cg-wrap.orientation-white coords.files coord:nth-child(odd){color:#f3e4cf}.cg-wrap.orientation-black coords.ranks coord:nth-child(2n){color:#f3e4cf}.cg-wrap.orientation-black coords.ranks coord:nth-child(odd){color:#ceb3a2}.cg-wrap.orientation-black coords.files coord:nth-child(2n){color:#f3e4cf}.cg-wrap.orientation-black coords.files coord:nth-child(odd){color:#ceb3a2}.cg-wrap square.move-dest:hover{background-color:#eff}body{transition:background .6s ease}body.unlocked{background:#313131}.chessboard-drag-handle{position:absolute;bottom:-6px;right:-6px;width:18px;height:18px;background:#fffc;border:1px solid #ccc;border-radius:3px;cursor:nwse-resize;display:flex;align-items:center;justify-content:center;user-select:none;z-index:10;transition:all .2s ease}.chessboard-drag-handle svg{width:14px;height:14px;opacity:.7;transition:opacity .2s ease}.chessboard-drag-handle svg path{fill:#777}.chessboard-drag-handle:before{content:"";position:absolute;inset:-10px;cursor:nwse-resize}.chessboard-drag-handle:hover{background:#fffffff2;border-color:#999}.chessboard-drag-handle:hover svg{opacity:1}.chessboard-drag-handle:hover svg path{fill:#333}.chessboard-drag-handle.dragging{background:#fff;border-color:#666;box-shadow:0 2px 8px #0000004d;transform:scale(1.1)}.chessboard-drag-handle.dragging svg{opacity:1}.chessboard-drag-handle.dragging svg path{fill:#000}.below-board{height:140px;position:relative}.below-board .instructions{font-weight:700;text-shadow:0 0 8px rgba(0,0,0,.9);width:100%;text-align:center;margin:0 auto;position:absolute;font-size:25px;top:40px;transition:all .35s ease-out}.below-board .instructions.smaller{font-size:22px;top:20px}.below-board .puzzle-hint{text-align:center;margin:0 auto;position:absolute;top:45px;width:100%;transition:opacity .15s ease;z-index:10}.below-board .puzzle-hint .hint-trigger{background:#565656;padding:6px 14px 5px;color:#fff;display:inline-block;border-radius:2px;font-size:12px;transition:opacity .08s ease}.below-board .puzzle-hint .hint-trigger:hover{cursor:pointer;background:#676767}.below-board .puzzle-hint .hint-trigger.invisible{pointer-events:none}.below-board .puzzle-hint .move{font-size:14px;color:#ffffff80;height:0}.below-board .move-status{opacity:1;font-family:Orbitron,sans-serif;font-size:32px;width:100%;position:absolute;top:15px;text-align:center;text-transform:uppercase;transform:scaleZ(1);transition:opacity .02s ease}.below-board .move-status.fade-out{opacity:0;transform:scale3d(.92,.92,1);transition:opacity .9s ease-out .2s,transform .05s ease-in-out}.below-board .move-status .perfect{color:#34ff00;font-weight:600;letter-spacing:3px;font-size:40px}.below-board .move-status .great{color:#2ae2ea;font-weight:600;letter-spacing:3px;font-size:38px}.below-board .move-status .good{color:#fff260;font-weight:600;letter-spacing:3px;font-size:38px}.below-board .move-status .almost{color:#f98661;position:relative;top:12px}.below-board .move-status .fail{color:#f954ae;position:relative;top:12px}.below-board .combo-counter{text-align:center;font-family:Orbitron,sans-serif;position:absolute;top:60px;width:100%;transition:opacity .25s ease}.below-board .combo-counter .counter{display:inline-block;font-size:24px;margin-right:5px}.below-board .combo-counter .counter.large{font-size:52px}.below-board .combo-counter .counter.on-fire{font-size:70px}.below-board .combo-counter .counter.emphasis{transform:scale3d(1.25,1.25,1)}.below-board .combo-counter .combo-text{position:relative;text-transform:uppercase;font-size:14px;top:-2px}.under-board{margin:0 auto;padding:25px 0;text-align:center;position:relative}.under-board .level-name{display:block;color:#ffffffb3;font-size:16px;transition:color .2s ease}.under-board .level-name.faded{color:#fff6}.under-board .onboarding{background:#1f1f1f;position:absolute;top:16px;font-size:16px;text-align:center;width:100%;padding:10px 0;text-shadow:0 0 3px rgba(0,0,0,.4);transition:opacity .2s ease}.under-board .next-stage{width:100%;height:65px;z-index:11;position:absolute;top:18px;transition:opacity .2s ease}.under-board .next-stage.invisible{opacity:0;pointer-events:none}.under-board .next-stage .left{display:inline-block;font-size:18px;margin-right:20px;position:relative;top:1px}.under-board .next-stage .right{display:inline-block}.under-board .next-stage .blue-button{font-size:17px;font-weight:700;padding:8px 20px;height:34px;margin-left:7px;box-shadow:0 0 4px #0003;transition:background .12s ease}.under-board .next-stage .blue-button:first-child{margin-left:0}.under-board .next-stage .blue-button i{font-size:16px;position:relative;left:6px}.under-board .next-stage.anonymous .small{font-size:14px;margin-top:7px;color:#ffffffb3}.under-board .next-stage.anonymous .left{display:block;float:left;text-align:left}.under-board .next-stage.anonymous .right{display:block;float:right}.infinity-mode .infinity-under-board .difficulty-section{display:flex;align-items:center;gap:20px;margin-bottom:20px}.infinity-mode .infinity-under-board .difficulty-section .sidebar-label{font-size:18px;color:#ffffff4d;margin-right:2rem}.infinity-mode .infinity-under-board .difficulty-section .difficulties{display:flex;gap:20px}.infinity-mode .infinity-under-board .difficulty-section .difficulties .difficulty{color:#ffffff80;cursor:pointer;text-transform:capitalize;font-size:18px;user-select:none;transition:color .2s ease}.infinity-mode .infinity-under-board .difficulty-section .difficulties .difficulty:hover{color:#ffffffb3}.infinity-mode .infinity-under-board .difficulty-section .difficulties .difficulty.selected{color:#fff}.infinity-mode .infinity-under-board .difficulty-section .difficulties .difficulty.easy.selected{color:#0cf}.infinity-mode .infinity-under-board .difficulty-section .difficulties .difficulty.medium.selected{color:#dfff00}.infinity-mode .infinity-under-board .difficulty-section .difficulties .difficulty.hard.selected{color:#fc0}.infinity-mode .infinity-under-board .difficulty-section .difficulties .difficulty.insane.selected{color:#ff3f00}.infinity-mode .infinity-under-board .stats{display:flex;justify-content:space-between;align-items:center;transition:opacity .5s ease}.infinity-mode .infinity-under-board .no-more-left{line-height:26px;opacity:.7}@media (max-aspect-ratio: 11/16){.infinity-mode .infinity-sidebar{width:100vw;margin:0!important;flex-direction:row}.infinity-mode .infinity-sidebar .sidebar-label{width:180px;margin-bottom:0}.infinity-mode .infinity-sidebar .difficulties{display:flex;align-items:center}.infinity-mode .infinity-sidebar .difficulties [data-difficulty]{padding:5px 20px 5px 0}.infinity-mode .infinity-sidebar .difficulties [data-difficulty]:last-child{padding-right:0}.infinity-mode .infinity-sidebar .stats{display:flex;align-items:center}}@media (max-width: 500px){.infinity-mode .infinity-under-board{padding:10px}}.repetition-mode .container{position:relative}.repetition-mode .container .right-stats{position:absolute;top:90px;left:calc(50% + 248px + 1rem);width:220px;display:flex;flex-direction:column;gap:20px;text-align:left;z-index:15}.repetition-mode .repetition-under-board{position:relative;z-index:10}.repetition-mode .repetition-under-board .level-info{text-align:center}.repetition-mode .repetition-under-board .level-info .level-name{font-size:1rem;font-weight:600;opacity:.4;margin:2rem 0}.repetition-mode .repetition-under-board .level-info .onboarding{font-size:1rem;opacity:.7}.repetition-mode .times{margin:0}.repetition-mode .times .timer{font-size:1rem;opacity:.9}.repetition-mode .times .laps{opacity:.3;font-size:14px;line-height:1.3}.repetition-mode .times .laps div{margin-bottom:5px}.repetition-mode .high-scores{text-align:left}.repetition-mode .high-scores h2{font-size:16px;opacity:.5;margin-bottom:15px}.repetition-mode .high-scores .high-score{display:flex;justify-content:flex-start;align-items:center;margin:8px 0;gap:15px}.repetition-mode .high-scores .high-score .time{font-size:16px;min-width:50px}.repetition-mode .high-scores .high-score .player{opacity:.7}.repetition-mode .high-scores .high-score .player a{color:#fafafacc;text-decoration:none}.repetition-mode .high-scores .high-score .player a:hover{color:#fafafa}.repetition-mode .high-scores .next-stage{margin-top:30px}.repetition-mode .progress-bar{background:#000;width:100%;height:3px}.repetition-mode .progress-bar .progress{background:#ff0;width:0;height:100%;transition:width .5s ease-in-out,background .3s ease-in-out}.repetition-mode .progress-bar .progress.complete{width:100%;background:#63f706}.repetition-mode .next-stage svg{margin-left:5px;width:10px}@media (max-aspect-ratio: 11/16){.repetition-mode .sidebar{display:none!important}}.speedrun-mode .speedrun-under-board .speedrun-instructions{font-size:17px;width:150px;display:flex}.speedrun-mode .speedrun-under-board .speedrun-instructions .sidebar-label{margin-bottom:20px}.speedrun-mode .speedrun-under-board .speedrun-instructions [data-name]{opacity:.3;padding:8px 0;transition:all .2s ease;user-select:none}.speedrun-mode .speedrun-under-board .speedrun-instructions [data-name]:not(.selected):hover{cursor:pointer;opacity:.5}.speedrun-mode .speedrun-under-board .speedrun-instructions .selected{opacity:1}.speedrun-mode .speedrun-under-board .speedrun-instructions .selected.quick{color:#0cf}.speedrun-mode .speedrun-under-board .speedrun-instructions .selected.endurance{color:#fc0}.speedrun-mode .speedrun-under-board .speedrun-instructions .selected.marathon{color:#ff3f00}.speedrun-mode .speedrun-under-board .speedrun-instructions .n-puzzles{width:100px;margin-top:20px}.speedrun-mode .speedrun-under-board .timers{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:15px}.speedrun-mode .speedrun-under-board .timers .description{font-size:16px;line-height:22px;opacity:.7}.speedrun-mode .speedrun-under-board .timers.current-run .description{opacity:.7}.speedrun-mode .speedrun-complete{display:flex;flex-direction:column;gap:20px}.speedrun-mode .speedrun-complete .timers-section{display:flex;gap:40px;justify-content:center}.speedrun-mode .speedrun-complete .timers-section .timer-container{display:flex;flex-direction:column;align-items:center}.speedrun-mode .speedrun-complete .timers-section .timer-container .label{font-size:13px;color:#ffffff80;margin-bottom:5px}.speedrun-mode .speedrun-complete .timers-section .timer-container .timer{font-size:32px;margin-top:8px}@media (max-aspect-ratio: 11/16){.speedrun-mode .container{display:block!important}.speedrun-mode .speedrun-under-board{margin-top:0!important;margin-left:0!important;padding:20px}.speedrun-mode .speedrun-under-board .timers{flex-direction:row!important}.speedrun-mode .speedrun-under-board .make-a-move{width:100%!important}.speedrun-mode .speedrun-complete{width:100%!important;padding:15px 0}.speedrun-mode .speedrun-complete .timers-section{flex-direction:column;gap:16px;margin-bottom:12px}.speedrun-mode .speedrun-instructions{width:100%!important}.speedrun-mode .speedrun-instructions .choose-level{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.speedrun-mode .speedrun-instructions .choose-level *{margin:0!important}.speedrun-mode .speedrun-instructions .choose-level .n-puzzles{text-align:right}}.countdown-mode .countdown-under-board .timers{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.countdown-mode .countdown-under-board .timers .description{font-size:16px;line-height:22px;height:44px;margin-left:1px;opacity:.7}.countdown-mode .countdown-under-board .countdown-complete{display:flex;gap:32px}.countdown-mode .countdown-under-board .countdown-complete .score-section{flex-direction:row;gap:40px}.countdown-mode .countdown-under-board .countdown-complete .score-container{margin-bottom:16px;align-items:center}.countdown-mode .countdown-under-board .countdown-complete .score-container .score{font-size:28px;margin-top:8px}@media (max-aspect-ratio: 11/16){.countdown-mode .container{display:block!important}.countdown-mode .countdown-under-board{margin-top:0!important;margin-left:0!important}.countdown-mode .countdown-under-board .timers{flex-direction:row!important}.countdown-complete{padding:15px 0}.countdown-complete .score-section{flex-direction:column;gap:20px;margin-bottom:20px}}@media (max-width: 500px){.countdown-mode .countdown-under-board .description{line-height:18px}}.haste-mode .haste-under-board{margin-top:10px}.haste-mode .haste-under-board .sidebar-label{font-size:13px;color:#ffffff80;margin-bottom:15px}.haste-mode .haste-under-board .difficulties{margin-bottom:30px}.haste-mode .haste-under-board .difficulties .difficulty{color:#ffffff80;padding:8px 0;cursor:pointer;text-transform:capitalize;font-size:18px;user-select:none;transition:all .2s ease}.haste-mode .haste-under-board .difficulties .difficulty:hover{color:#ffffffb3}.haste-mode .haste-under-board .difficulties .difficulty.selected{color:#fff}.haste-mode .haste-under-board .stats{margin-bottom:30px;transition:opacity .5s ease}.haste-mode .haste-under-board .stats .n-puzzles{font-size:30px;margin-top:15px}.haste-mode .haste-under-board .timers{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.haste-mode .haste-under-board .timers .description{font-size:16px;line-height:22px;height:44px;margin-left:1px;opacity:.7}.haste-mode .haste-under-board .haste-bar{background-color:#2c7aa7;background:linear-gradient(to right,#2c7aa7,#5cbae5);border-radius:4px;height:8px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.haste-mode .haste-under-board .haste-bar .fill{background:#ffffff1a;height:100%;width:100%;transition:width .1s ease}.haste-mode .haste-under-board .haste-bar.almost-empty .fill{background:#ff64644d}.haste-mode .haste-under-board .no-more-left{line-height:26px;opacity:.7}.haste-mode .haste-complete{display:flex;gap:32px}.haste-mode .haste-complete .score-section{flex-direction:row;gap:40px}.haste-mode .haste-complete .score-container{margin-bottom:16px;align-items:center}.haste-mode .haste-complete .score-container .score{font-size:28px;margin-top:8px}@media (max-aspect-ratio: 11/16){.haste-mode .haste-under-board .timers{padding:15px 0}.haste-mode .haste-under-board .timers .timer{font-size:36px}.haste-mode .haste-under-board .timers .n-solved{font-size:16px}.haste-mode .haste-complete{padding:15px 0}.haste-mode .haste-complete .score-section{flex-direction:column;gap:20px;margin-bottom:20px}.haste-mode .haste-complete .recent-high-scores{margin-bottom:20px}.haste-mode .haste-complete .recent-high-scores .list{gap:6px}}.three-mode .three-under-board .three-during-game{display:flex;justify-content:space-between}.three-mode .three-under-board .timers{width:120px;min-height:140px}.three-mode .three-under-board .score-container .score{margin-top:10px}.three-mode .three-under-board .right-side{width:160px;text-align:center}.three-mode .three-under-board .make-a-move{margin:0}.three-mode .three-under-board .lives{display:flex;justify-content:space-between;margin-bottom:30px;padding:0 30px}.three-mode .three-under-board .lives .life{width:28px;height:28px;border-radius:50%;transition:opacity .3s ease}.three-mode .three-under-board .lives .life.active{background:#fffc;opacity:1}.three-mode .three-under-board .lives .life.inactive{background:#fff3;opacity:.5}.three-mode .three-under-board .hints{margin-top:16px}.three-mode .three-under-board .score{font-size:32px;margin-top:12px}.three-mode .three-under-board .three-complete{display:flex;gap:20px}.three-mode .three-under-board .three-complete .three-complete-section{display:flex;flex-direction:column;gap:12px}.three-mode .three-under-board .three-complete .three-complete-section.scores{align-items:center;text-align:center}.three-mode .three-under-board .three-complete .three-complete-section.actions{align-items:flex-start}.three-mode .three-under-board .three-complete .puzzles-failed{margin:10px 0 0}.three-mode .three-under-board .three-complete .puzzles-failed div{margin-bottom:10px}.three-mode .three-under-board .three-complete .puzzles-failed a{color:#ff6b6b;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:16px;line-height:22px}.three-mode .three-under-board .three-complete .puzzles-failed a:hover{color:#ff5252;text-decoration:underline}.three-mode .three-under-board .three-complete .puzzles-failed a svg{width:16px;height:16px;fill:currentColor}@media (max-aspect-ratio: 11/16){.three-mode .three-under-board .recent-high-scores{display:none!important}.three-mode .three-under-board .timers,.three-mode .three-under-board .three-complete{flex-direction:row!important;justify-content:space-around!important}}@media (max-width: 500px){.three-mode .three-under-board .current-score .score{font-size:24px}}.player-move-enter{opacity:0}.player-move-enter-to{opacity:1}.rated-mode .below-board{width:496px;height:140px;margin:0;transition:opacity .5s ease}.rated-mode .below-board .instructions{top:25px;font-size:22px}.rated-mode .rated-under-board .label{font-size:13px;color:#ffffff80;margin-bottom:5px}.rated-mode .rated-under-board .current-status{display:flex;gap:30px;margin-bottom:30px}.rated-mode .rated-under-board .current-status .your-rating .player-rating,.rated-mode .rated-under-board .current-status .puzzles-seen .n-puzzles{font-size:30px;margin-top:15px}.rated-mode .rated-under-board .moves-attempted{margin-bottom:30px;position:relative;height:100px;overflow:hidden}.rated-mode .rated-under-board .moves-attempted .move-attempt{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:16px;transition:all .3s ease}.rated-mode .rated-under-board .moves-attempted .move-attempt svg{width:16px;height:16px}.rated-mode .rated-under-board .moves-attempted .move-attempt.success svg{color:#34ff00}.rated-mode .rated-under-board .moves-attempted .move-attempt.almost svg{color:#fc0}.rated-mode .rated-under-board .moves-attempted .move-attempt.fail svg{color:#ff3f00}.rated-mode .rated-under-board .moves-attempted .moves-shadow{position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(transparent,#000c)}.rated-mode .rated-under-board .instructions{margin-bottom:30px}.rated-mode .rated-under-board .instructions ul{margin-bottom:20px;padding-left:20px}.rated-mode .rated-under-board .instructions ul li{margin-bottom:8px;font-size:16px;line-height:22px;opacity:.8}.rated-mode .rated-under-board .instructions .start-button,.rated-mode .rated-under-board .recent-puzzles-btn{font-size:18px;text-align:center}.rated-mode .recent-puzzles-btn{margin-top:auto}.rated-mode aside .instructions{display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.rated-mode aside .instructions ul{font-size:14px;line-height:20px;opacity:.7}.rated-mode aside .instructions ul li{margin:15px 0}.rated-mode aside .instructions .label{font-size:13px;color:#ffffff80}.rated-mode aside .instructions .blue-button{font-size:18px;text-align:center}.rated-mode aside .instructions .stats{margin-bottom:30px}.rated-mode aside .instructions .stats .n-puzzles{font-size:30px;margin-top:15px}.rated-mode aside .instructions .rating{margin-bottom:30px}.rated-mode aside .instructions .rating .current-rating{font-size:24px;font-weight:600;margin-bottom:10px}.rated-mode aside .instructions .rating .rating-change{font-size:16px;opacity:.7}.rated-mode aside .instructions .rating .rating-change.positive{color:#4caf50}.rated-mode aside .instructions .rating .rating-change.negative{color:#f44336}.rated-mode aside .instructions .timers{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.rated-mode aside .instructions .timers .description{font-size:16px;line-height:22px;opacity:.7}@media (max-aspect-ratio: 11/16){.rated-mode .container{display:block!important}.rated-mode .rated-complete{width:100%!important}.rated-mode .rated-under-board{margin-top:0!important;margin-left:0!important;padding:20px}.rated-mode .rated-under-board .timers,.rated-mode .rated-under-board .rated-complete{flex-direction:row!important}.rated-mode .rated-under-board .make-a-move{width:100%!important}}.Scp{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.Scp-saturation{position:relative;height:100%;background:-webkit-linear-gradient(left,#fff,#f00);background:linear-gradient(to right,#fff,red);float:left;margin-right:5px}.Scp-brightness{width:100%;height:100%;background:-webkit-linear-gradient(rgba(255,255,255,0),#000);background:linear-gradient(#fff0,#000)}.Scp-sbSelector{border:2px solid #fff;position:absolute;width:14px;height:14px;background:#fff;border-radius:10px;top:-7px;left:-7px;box-sizing:border-box;z-index:10}.Scp-hue{width:20px;height:100%;position:relative;float:left;background:-webkit-linear-gradient(#f00 0%,#f0f 17%,#00f 34%,#0ff 50%,#0f0 67%,#ff0 84%,#f00 100%);background:linear-gradient(red,#f0f,#00f 34%,#0ff 50%,#0f0,#ff0 84%,red)}.Scp-hSelector{position:absolute;background:#fff;border-bottom:1px solid #000;right:-3px;width:10px;height:2px}.customize-board h2{font-size:18px}.customize-board h3{margin:8px 0;opacity:.5}.customize-board h4{font-size:15px;margin-bottom:10px}.customize-board .chessground-board{width:480px;height:480px}.customize-board .custom-board{margin-top:25px;display:flex}.customize-board .custom-board .chessboard .square{transition:none}.customize-board .custom-board .right{display:block;margin-left:20px}.customize-board .custom-board .squares{display:flex;margin-bottom:25px}.customize-board .custom-board .square-color{position:relative}.customize-board .custom-board .square-color .color-picker{position:absolute;right:75px;background:#000;padding:6px;z-index:1}.customize-board .custom-board .square-color .square{margin-right:10px;width:60px;height:60px}.customize-board .custom-board .square-color .square:hover{cursor:pointer}.customize-board .custom-board .square-color input{width:60px;border:0;float:left;font-size:12px;padding:5px 0;color:#aeaeae;background:none;text-align:center}.customize-board .custom-board .square-color input:focus{color:#fff}.customize-board .custom-board .action-buttons{margin-top:28px}.customize-board .custom-board button{color:#fff;font-size:14px;display:block;width:120px;text-align:center;text-decoration:none;transition:opacity .25s ease;margin-bottom:5px;border:0;border-radius:3px;padding:7px 0}.customize-board .custom-board button:hover{background:#51b7ff;cursor:pointer}.customize-board .custom-board button.gray{background:#555}.customize-board .custom-board button.blue{background:#2c9bea}.position-trainer{margin:0 auto 50px}.position-trainer .instructions{font-weight:700;text-shadow:0 0 8px rgba(0,0,0,.9);text-align:center;margin:40px auto;font-size:25px;height:25px;transition:all .35s ease-out}.position-trainer .chessground-board{margin:0 auto;width:520px;height:520px}.position-trainer .cg-wrap{width:100%;height:100%}.position-trainer .actions{margin-top:30px;text-align:center;position:relative;z-index:20}.position-trainer .actions .dark-button{font-size:14px;padding:7px 16px;margin:0 7px}.position-trainer .actions .credits{font-size:14px;margin-left:20px;color:#777}.position-trainer .actions .credits a{color:inherit}.position-trainer .actions .credits a:hover{color:#fff}.position-trainer.small{margin:0 auto 50px}.position-trainer.small.left-aligned{display:flex}.position-trainer.small .chessboard,.position-trainer.small .chessground-board{width:400px;height:400px}.position-trainer.small .chessground-board .cg-wrap coords.ranks{top:-15px}.position-trainer.small .chessground-board .cg-wrap coords.files{left:16px}.position-trainer.small .right{margin:103px 20px 0 37px}.position-trainer.small .right h2{margin-bottom:20px}.position-trainer.small .right .description{font-size:14px;line-height:21px;opacity:.5}.position-trainer.small .right .source{font-size:12px;margin-top:15px;color:#fff9}.position-trainer.small .right .source a{color:inherit}.position-trainer.small .right .source a:hover{color:#fffc}.puzzle-set .right-sidebar{margin-top:140px;margin-left:20px}.puzzle-set .right-sidebar a{color:inherit}.puzzle-set .right-sidebar .ps-name{font-size:18px;font-weight:700;opacity:.7}.puzzle-set .right-sidebar .ps-info,.puzzle-set .right-sidebar .ps-meta-info{line-height:1.2em}.puzzle-set .right-sidebar .ps-meta-info{margin-top:20px;opacity:.5}.puzzle-set .right-sidebar .ps-puzzle-count,.puzzle-set .right-sidebar .ps-creator{font-size:14px}.puzzle-set .right-sidebar .ps-puzzle-count{margin-top:20px}.puzzle-set .right-sidebar .ps-actions{margin-top:30px}.puzzle-set .right-sidebar .ps-instructions{line-height:26px;margin-top:90px;opacity:.7}.puzzle-set .vue-app-mount{display:block}.puzzle-set-sidebar{display:flex;height:100%;flex-direction:column;justify-content:space-evenly}.puzzle-set-sidebar .make-a-move{line-height:26px;opacity:.7}.puzzle-set-sidebar .timers{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.puzzle-set-sidebar .timers .timer{font-size:40px;transition:all .25s ease;margin-bottom:20px}.puzzle-set-sidebar .timers .timer.stopped{opacity:.3}.puzzle-set-sidebar .timers .timer.rewarded{color:#34ff00}.puzzle-set-sidebar .timers .timer.penalized{color:red}.puzzle-set-sidebar .timers .timer.complete{color:#ff0}.puzzle-set-sidebar .timers .n-solved{font-size:16px;line-height:22px;height:44px;margin-left:1px;opacity:.7}.puzzle-set-complete{display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.puzzle-set-complete .label{font-size:13px;color:#ffffff80}.puzzle-set-complete .score-container .score{margin-top:15px;font-size:30px}.puzzle-set-complete .recent-high-scores .label{margin-bottom:15px}.puzzle-set-complete .recent-high-scores .high-score{display:flex;margin:8px 0}.puzzle-set-complete .recent-high-scores .high-score .score{font-size:16px;width:30px;margin:0 10px 0 0}.puzzle-set-complete .recent-high-scores .high-score .player-name{font-size:16px;color:#ffffffb3}@media (max-aspect-ratio: 11/16){.haste-mode .container{display:block!important}.haste-mode .haste-complete{width:100%!important}.haste-mode .haste-sidebar{margin-top:0!important;margin-left:0!important;padding:20px}.haste-mode .haste-sidebar .recent-high-scores{display:none!important}.haste-mode .haste-sidebar .timers,.haste-mode .haste-sidebar .haste-complete{flex-direction:row!important}.haste-mode .haste-sidebar .make-a-move{width:100%!important}}body[data-controller=puzzles][data-action=index] .puzzle-page,body[data-action=puzzles] .puzzle-page{margin-top:30px}body[data-controller=puzzles][data-action=index] h2,body[data-action=puzzles] h2{margin-bottom:15px}body[data-controller=puzzles][data-action=index] .puzzles,body[data-action=puzzles] .puzzles{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:100px}body[data-controller=puzzles][data-action=index] .blank,body[data-action=puzzles] .blank{width:190px}body[data-controller=puzzles][data-action=index] .miniboard-link,body[data-action=puzzles] .miniboard-link{margin:20px 0}body[data-controller=puzzles][data-action=index] .miniboard-link .mini-chessboard,body[data-action=puzzles] .miniboard-link .mini-chessboard{width:190px;height:190px}body[data-controller=puzzles][data-action=index] .puzzle-info,body[data-action=puzzles] .puzzle-info{position:relative;top:-10px;display:flex;justify-content:space-between}body[data-controller=puzzles][data-action=index] .puzzle-info .puzzle-num,body[data-action=puzzles] .puzzle-info .puzzle-num{opacity:.5}body[data-controller=puzzles][data-action=index] .puzzle-info .puzzle-mistake-info,body[data-action=puzzles] .puzzle-info .puzzle-mistake-info{color:#f954ae}body[data-controller=puzzles][data-action=show]{margin:0 auto 50px}body[data-controller=puzzles][data-action=show] .chessground-board{width:496px;height:496px}body[data-controller=puzzles][data-action=show] .container{display:flex}body[data-controller=puzzles][data-action=show] .invisible{transition:.1s ease}body[data-controller=puzzles][data-action=show] .below-board{display:none}body[data-controller=puzzles][data-action=show] .left{width:496px}body[data-controller=puzzles][data-action=show] .right{margin:103px 0 0 37px;width:100%}body[data-controller=puzzles][data-action=show] .right h2{margin-bottom:15px}body[data-controller=puzzles][data-action=show] .right .description{font-size:14px;line-height:21px;opacity:.5}body[data-controller=puzzles][data-action=show] .right .ext-link{font-size:14px;color:#fff9;display:block;padding:3px 0}body[data-controller=puzzles][data-action=show] .right .ext-link:hover{color:#fffc}body[data-controller=puzzles][data-action=show] .right .fen{margin:10px 0;width:100%}body[data-controller=puzzles][data-action=show] .right .puzzle-info{margin-top:40px}body[data-controller=puzzles][data-action=show] .right .puzzle-info .metadata{font-size:14px;opacity:.7;margin-top:20px;line-height:1.3em}body[data-controller=puzzles][data-action=show] .right .puzzle-info .metadata td{padding-right:25px}body[data-controller=puzzles][data-action=show] .right .report-puzzle{margin-top:40px}body[data-controller=puzzles][data-action=show] .puzzle-report-form{margin-top:25px;display:none}body[data-controller=puzzles][data-action=show] .puzzle-report-form .dark-button{margin-top:8px;margin-right:8px}body[data-controller=puzzles][data-action=show] .puzzle-report-form textarea{padding:5px 10px}body[data-controller=puzzles][data-action=show] .puzzle-report-status{margin-top:30px}body[data-controller=puzzles][data-action=show] .puzzle-report-message{width:100%}body[data-controller=puzzles][data-action=show] .actions{margin-top:30px;text-align:center}body[data-controller=puzzles][data-action=show] .actions .button{font-size:16px;padding:8px 20px;border:0;border-radius:3px;background:#000;color:#fff;display:inline-block;font-family:Open Sans,Helvetica,Arial,sans-serif;line-height:22px;text-decoration:none;transition:opacity .25s ease}body[data-controller=puzzles][data-action=show] .actions .button:hover{background:#51b7ff;cursor:pointer}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box;overflow-y:scroll}*,*:before,*:after{box-sizing:inherit}body{font-family:Open Sans,Helvetica,Arial,sans-serif;background:#1f1f1f;color:#fafafa;-webkit-font-smoothing:antialiased}body *{max-height:10000px}svg use{pointer-events:none}button{border:none;outline:none}button:hover{cursor:pointer}.container{width:700px;margin:0 auto}.invisible{opacity:0;pointer-events:none}.cg-shapes{height:0!important}.main-header{height:40px;background:#121212;width:100%;text-transform:uppercase}.main-header .container{align-items:center;display:flex;height:100%}.main-header .logo{color:#6d6d6d;font-size:12px;font-weight:700;font-family:Orbitron,sans-serif;line-height:42px;letter-spacing:1.5px;margin-right:auto}.main-header .logo:hover{color:#ffe800}.main-header .logo i{font-size:15px;margin-right:5px}.main-header .logo svg{width:8px;position:relative;top:1px;margin-right:7px}.main-header .logo .large{font-size:16px}.main-header a{color:#6d6d6d;text-decoration:none;font-size:11px;line-height:40px;letter-spacing:.5px;transition:color .15s ease}.main-header a:hover{color:#e0e0e0}.main-header .link-right{height:40px;line-height:40px;padding:0 3px;margin-left:22px;display:flex;align-items:center}.main-header .link-right svg{width:16px;height:16px}.main-header .user-link{font-weight:700}.main-header .sign-in{color:#ffffffbf}.main-header .sign-in svg{width:11px;margin-right:6px}.main-header .sign-in span{height:16px;line-height:16px}@media (max-aspect-ratio: 11/16){.container{width:100vw;padding:0}.below-board,.under-board{width:100vw!important}.board-area{width:100vw!important;height:100vw!important}.chessground-board{width:100%!important;height:100%!important}.chessboard-drag-handle{display:none!important}}@media (max-width: 500px){.below-board,.under-board{padding:20px 0}}.about.container{color:#ffffff80;margin:45px auto 60px;width:420px}.about.container a{color:#fffc;text-decoration:none;font-weight:700;transition:color .12s ease}.about.container a:hover{color:#fff;text-decoration:underline}.about.container .question{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.3);margin-bottom:20px}.about.container .answer{margin:10px 0 60px;font-size:14px;line-height:22px;letter-spacing:.2px}.about.container .cta{margin-top:55px;font-size:14px}.homepage .container{padding:0 10px}.homepage h2{font-size:20px;opacity:.6;text-align:center;margin:30px 0 50px}.homepage .game-modes-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:0 auto;width:980px}.homepage .mode{text-align:center;padding:0 5px;margin-bottom:45px;display:flex;align-items:center;flex-direction:column}.homepage .mode h3{font-size:26px;margin-bottom:15px}.homepage .mode h3 a{color:inherit;text-decoration:none;transition:color .15s ease}.homepage .mode h3 a:hover{color:#ffe800}.homepage .mode .game-mode-description{opacity:.5;font-size:13px;line-height:20px;margin-bottom:25px;width:220px}.homepage .mode .under-mini-board{font-size:16px;line-height:22px;margin-top:20px;color:#fafafa80;transition:opacity .15s ease;width:220px;height:50px}.homepage .mode .under-mini-board a{color:#fafafacc;text-decoration:none}.homepage .mode .under-mini-board a:hover{text-decoration:underline}.homepage .mode .under-mini-board .your-best-times{margin-bottom:2px}.homepage .mode .under-mini-board .best-time{color:#fafafacc}.homepage .miniboard-link{display:block;transition:all .15s ease}.homepage .miniboard-link:hover{box-shadow:0 0 11px #ffe800}.homepage .miniboard-link a{display:block}.homepage .mini-chessboard{width:200px;height:200px;margin:0 auto;transition:border .15s ease}.homepage .mini-scoreboard{display:flex;margin:0 auto;justify-content:space-between}.homepage .mini-scoreboard h6{color:#fafafa40;margin-bottom:30px}.homepage .mini-scoreboard .top-players{margin:10px 0 30px;font-size:14px}.homepage .mini-scoreboard .top-players h5{color:#fafafa66;margin-bottom:6px}.homepage .mini-scoreboard .ranking{padding:4px 0;display:flex;color:#fafafacc}.homepage .mini-scoreboard .ranking .player-name{width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:2px}.homepage .mini-scoreboard .ranking .stats{width:50px;text-align:right}.homepage .mini-scoreboard .ranking a{color:#fafafacc;text-decoration:none}.homepage .mini-scoreboard .ranking a:hover{text-decoration:underline}.homepage .bottom{background:#171717;padding-bottom:100px}.homepage .updates{width:480px;margin:0 auto}.homepage .updates h6{color:#fafafa66;padding:40px 0 15px}.homepage .updates .update{display:flex;margin:12px 0;font-size:14px;line-height:1.5em}.homepage .updates .update .timestamp{width:100px}.homepage .updates .update .text{width:380px;color:#ffffffb3}.homepage .updates .update a{color:#fffffff2;font-weight:700;text-decoration:none}.homepage .updates .update a:hover{text-decoration:underline;color:#fff}@media (max-width: 980px){.homepage .game-modes-container{width:700px}}.not-found{text-align:center;margin-top:40px}.positions-index{padding-right:0;margin:50px auto 100px}.positions-index h2{margin-bottom:5px}.positions-index a{color:inherit}.positions-index a:hover{color:#fff}.positions-index .button{font-size:15px;padding:6px 18px 7px;border:0;border-radius:3px;background:#2c9bea;color:#fff;display:inline-block;font-family:Open Sans,Helvetica,Arial,sans-serif;line-height:20px;text-decoration:none;transition:opacity .25s ease}.positions-index .button:hover{background:#51b7ff;cursor:pointer}.positions-index .description,.positions-index .small-instructions{color:#b5b5b5}.positions-index .description{line-height:22px;margin-bottom:30px;width:590px}.positions-index .small-instructions{font-size:12px;margin-bottom:8px;opacity:.7}.positions-index .positions,.positions-index .examples{overflow:hidden;margin-bottom:25px}.positions-index .more-button{margin:5px auto 45px 200px}.positions-index .miniboard-link{float:left;text-align:center;margin-bottom:20px}.positions-index .miniboard-link a{color:inherit;text-decoration:none}.positions-index .miniboard-link a:hover .position-name{text-decoration:underline}.positions-index .miniboard-link .position-name{line-height:22px;font-size:15px;position:relative;top:-2px;display:inline-block;max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.positions-index .mini-chessboard{margin:15px}.positions-index .new-position{margin:50px 0}.positions-index .new-position .text-input{font-size:16px;padding:6px 14px;border:0;border-radius:2px}.positions-index .new-position .fen-input{width:420px}.positions-index .new-position .name-input{margin-top:10px;width:420px}.positions-index .new-position .play-to{margin-left:20px}.positions-index .new-position .position-goal{font-size:14px}.positions-index .new-position .submit{margin-top:12px}.positions-index .new-position .error-message{color:#f954ae;margin-left:15px;transition:opacity .25s ease}section.puzzle-attempts h2{margin:20px 0 40px}section.puzzle-attempts .puzzle-attempt{float:left;margin:20px}.puzzle-reports-list{padding-top:30px}.puzzle-report-summary{margin-bottom:20px}.puzzle-link{color:inherit;opacity:.8}.puzzle-report-message{padding:5px 0}.puzzle-report-timestamp{font-size:14px;opacity:.6}.puzzle-set-form-page{padding-top:30px}.puzzle-set-form-page h2{font-size:24px;margin-bottom:30px}.puzzle-set-form-page .blue-button{font-size:15px;margin-top:20px}.puzzle-set-form-page input[type=text],.puzzle-set-form-page textarea{display:block;margin-bottom:20px;width:300px;padding:5px 10px}.puzzle-set-form-page .ps-input-puzzle-ids{min-height:100px;height:200px}.puzzle-set-form-page form{display:flex}.puzzle-set-form-page .right{margin-left:30px;padding-top:110px;line-height:1.5em;font-size:14px;opacity:.5}body[data-controller=puzzle_sets][data-action=index] h2{font-size:24px;margin-bottom:12px}body[data-controller=puzzle_sets][data-action=index] h3{font-size:18px}body[data-controller=puzzle_sets][data-action=index] .puzzle-sets-index{padding-top:30px}body[data-controller=puzzle_sets][data-action=index] .puzzle-sets-list{margin-top:40px}body[data-controller=puzzle_sets][data-action=index] .blue-button{display:inline-block;font-size:18px;padding:9px 20px}body[data-controller=puzzle_sets][data-action=index] .puzzle-set a{display:block;color:inherit;text-decoration:none;padding:5px 0;margin-bottom:10px;opacity:.8}body[data-controller=puzzle_sets][data-action=index] .puzzle-set a:hover{opacity:1}body[data-controller=puzzle_sets][data-action=index] .puzzle-set a .puzzle-set-name{font-size:22px;text-decoration:underline;padding-bottom:10px}body[data-controller=puzzle_sets][data-action=index] .puzzle-set a .puzzle-set-info{font-size:16px}.registration{width:265px}.registration h2{font-size:28px;margin:40px 0 25px}.registration h3{font-size:20px;margin:40px 0 25px}.registration p{color:#fff9;font-size:14px;line-height:22px}.registration a{color:#fffc}.registration a:hover{color:#fff}.registration form{margin:50px 0 30px}.registration .field{margin:25px 0}.registration .field .optional{color:#ffffff80;margin-left:10px}.registration .field label{display:block;margin-bottom:10px}.registration .field input{padding:10px 15px;font-size:14px;border:0;border-radius:2px;background:#fffc;width:100%}.registration .field input:focus{background:#fff}.registration .blue-button{font-size:18px}.registration .registration-links{color:#fff9;font-size:14px;margin-top:10px;line-height:25px}.registration #error_explanation,.registration .alert{width:500px}.registration #error_explanation h2,.registration .alert h2{display:none}.registration #error_explanation li,.registration .alert li{font-size:15px;margin:10px 0;color:#f954ae;list-style-type:circle;list-style-position:inside}.registration .alert-notice{color:#f954ae;line-height:20px;margin-top:10px}.scoreboard{margin:0 auto 100px}.scoreboard h1{text-align:center;margin:50px 0;font-size:22px;font-family:Orbitron,Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;opacity:.6}.scoreboard h2{margin-bottom:16px;opacity:.2}.scoreboard h3{font-size:15px;opacity:.5;margin-bottom:8px}.scoreboard .username{color:inherit;text-decoration:none;padding:7px 0;float:left;opacity:.8;overflow:hidden;text-overflow:ellipsis}.scoreboard .username:hover{opacity:1}.scoreboard .scores{margin-bottom:30px}.scoreboard .recent-scores{display:flex;flex-direction:row;justify-content:space-between}.scoreboard .recent-scores .game-mode-scores{width:200px;margin-bottom:30px}.scoreboard .recent-scores .user-score{display:flex;align-items:center;font-size:15px}.scoreboard .recent-scores .user-score .score{margin-left:auto}.scoreboard .hall-of-fame{overflow:hidden}.scoreboard .hall-of-fame .username{width:33%}.user-profile{margin:50px 0 80px}.user-profile header.player-info{padding-bottom:30px}.user-profile header.player-info .username{font-size:36px;font-family:Open Sans,Helvetica,Arial,sans-serif;margin-bottom:25px}.user-profile header.player-info .tagline{font-size:18px;font-family:Open Sans,Helvetica,Arial,sans-serif;opacity:.6}.user-profile a{color:inherit;text-decoration:none;transition:color .15s ease}.user-profile a:hover{color:#fff;text-decoration:underline}.user-profile form{display:flex}.user-profile form input[type=text]{font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:16px;border:0;width:380px;padding:8px 16px;display:block}.user-profile form .blue-button{font-size:16px}.user-profile .right-side{float:right}.user-profile .sign-out button[type=submit]{background:none;border:none;color:#fff;font-size:16px;padding:0}.user-profile .sign-out button[type=submit]:hover{text-decoration:underline;cursor:pointer}.user-profile .preferences-link{margin-top:16px}.user-profile .achievements{margin:30px 0 20px}.user-profile .achievements h4{margin-bottom:10px;opacity:.5}.user-profile .stats{display:flex;justify-content:space-between;margin:60px auto}.user-profile .stats h2{opacity:.2}.user-profile .recent-high-scores{margin-right:100px}.user-profile .game-mode-stats{margin:20px 0}.user-profile .training-mode-stats{margin:20px 0;display:flex}.user-profile .game-mode-name{width:100px;padding:5px 0;color:#ffffff4d}.user-profile .stats-row{display:flex;padding:5px 0}.user-profile .stats-row .long-label{color:#fff6;width:240px}.user-profile .stats-row .label{color:#fff6;width:140px}.user-profile .stats-row .count{width:70px;text-align:right}.preferences-page{width:600px}.preferences-page h2{font-size:28px;margin:40px 0 25px}.preferences-page h3{font-size:20px;margin:30px 0 15px}.preferences-page p{color:#ffffffb3;font-size:14px;line-height:22px;margin:0 0 15px}.preferences-page hr{margin:30px 0;border:0;height:1px;background:#ffffff26}.preferences-page .section{margin-bottom:30px}.preferences-page .customize-board-row{display:flex;align-items:flex-start;justify-content:space-between}.preferences-page .customize-board-row .customize-copy{flex:1 1 auto}.preferences-page .customize-board-row .board-preview{flex:0 0 auto;margin-left:30px}.preferences-page .customize-board-row .board-preview .mini-chessboard{transform:scale(.9);transform-origin:top right}.preferences-page form{margin-top:15px}.preferences-page .field{margin:15px 0 20px}.preferences-page .field label{display:block;margin-bottom:8px}.preferences-page .field input{padding:10px 15px;font-size:14px;border:0;border-radius:2px;background:#ffffffd9;width:100%}.preferences-page .field input:focus{background:#fff}.preferences-page .alert{color:#f954ae;margin:10px 0 20px;line-height:20px}.preferences-page .alert-notice{color:#34ff00;margin:10px 0 20px;line-height:20px}.dark-button,.blue-button{border:0;border-radius:3px;display:inline-block;font-family:Open Sans,Helvetica,Arial,sans-serif;line-height:22px;text-align:center;text-decoration:none;transition:opacity .25s ease;cursor:pointer;user-select:none}.dark-button:hover,.blue-button:hover{cursor:pointer}.disabled.dark-button,.disabled.blue-button{opacity:.15;pointer-events:none}.blue-button{background:#2c9bea;color:#fff;font-size:18px;padding:10px 24px}.blue-button:hover{background:#51b7ff}.blue-button.small{font-size:14px;padding:8px 16px}.blue-button.large{font-size:24px;padding:12px 28px}.dark-button{background:#000;color:#fff;font-size:16px;padding:8px 20px}.dark-button:hover{background:#51b7ff}.dark-button.small{font-size:12px;padding:4px 10px;line-height:16px}.dark-button.large{font-size:18px;padding:10px 24px}.action-buttons{display:flex;gap:15px;align-items:center;position:relative;z-index:20}.action-buttons .blue-button,.action-buttons .dark-button{position:relative;z-index:20}@media (max-aspect-ratio: 11/16){.action-buttons{flex-direction:column;gap:10px}.action-buttons .blue-button,.action-buttons .dark-button{width:100%;font-size:16px}}.game-mode .container{display:flex;flex-direction:column;align-items:center}.game-mode .above-board{width:496px;height:90px;position:relative;text-align:center}.game-mode .above-board .instructions{font-size:22px;font-weight:700;text-shadow:0 0 8px rgba(0,0,0,.9);width:100%;text-align:center;margin:0 auto;position:absolute;top:35px;transition:all .35s ease-out}.game-mode .above-board .instructions.smaller{font-size:20px;top:15px}.game-mode .above-board .puzzle-hint{text-align:center;margin:0 auto;position:absolute;top:45px;width:100%;transition:opacity .15s ease}.game-mode .above-board .puzzle-hint .hint-trigger{background:#565656;padding:6px 14px 5px;color:#fff;display:inline-block;border-radius:2px;font-size:12px;transition:opacity .08s ease}.game-mode .above-board .puzzle-hint .hint-trigger:hover{cursor:pointer;background:#676767}.game-mode .above-board .puzzle-hint .hint-trigger.invisible{pointer-events:none}.game-mode .above-board .puzzle-hint .move{font-size:14px;color:#ffffff80;height:0}.game-mode .above-board .move-status{opacity:1;font-family:Orbitron,sans-serif;font-size:32px;width:100%;position:absolute;top:10px;text-align:center;text-transform:uppercase;transform:scaleZ(1);transition:opacity .02s ease}.game-mode .above-board .move-status.fade-out{opacity:0;transform:scale3d(.92,.92,1);transition:opacity .9s ease-out .2s,transform .05s ease-in-out}.game-mode .above-board .move-status .perfect{color:#34ff00;font-weight:600;letter-spacing:3px;font-size:40px}.game-mode .above-board .move-status .great{color:#2ae2ea;font-weight:600;letter-spacing:3px;font-size:38px}.game-mode .above-board .move-status .good{color:#fff260;font-weight:600;letter-spacing:3px;font-size:38px}.game-mode .above-board .move-status .almost{color:#f98661;position:relative;top:12px}.game-mode .above-board .move-status .fail{color:#f954ae;position:relative;top:12px}.game-mode .above-board .combo-counter{text-align:center;font-family:Orbitron,sans-serif;position:absolute;top:50px;width:100%;transition:opacity .25s ease}.game-mode .above-board .combo-counter .counter{display:inline-block;font-size:24px;margin-right:5px}.game-mode .above-board .combo-counter .counter.large{font-size:52px}.game-mode .above-board .combo-counter .counter.on-fire{font-size:70px}.game-mode .above-board .combo-counter .counter.emphasis{transform:scale3d(1.25,1.25,1)}.game-mode .above-board .combo-counter .combo-text{position:relative;text-transform:uppercase;font-size:14px;top:-2px}.game-mode .board-area-container{display:flex;flex-direction:column;align-items:center;margin:0;padding:0}.game-mode .board-area{width:496px;height:496px;position:relative}.game-mode .chessground-board{width:496px;height:496px;position:absolute;top:0;left:50%;transform:translate(-50%)}.game-mode .vue-app-mount{display:flex;width:100%;justify-content:center;position:relative;z-index:3;margin-top:20px}.game-mode .board-modal-container{width:100%;height:100%;background:#0009;position:absolute;left:0;top:0;z-index:2}.game-mode .game-under-board{display:flex;flex-direction:column;justify-content:flex-start;min-width:200px;gap:20px;margin:20px auto 0;max-width:496px;position:relative;z-index:3}.game-mode .timer{font-size:40px;margin-bottom:.5rem;transition:opacity .25s ease,color .25s ease}.game-mode .timer.stopped{opacity:.3}.game-mode .timer.rewarded{color:#34ff00}.game-mode .timer.penalized{color:red}.game-mode .timer.complete{color:#ff0}.game-mode .score-container{text-align:center}.game-mode .score-container .label{font-size:13px;color:#ffffff80;margin-bottom:5px}.game-mode .score-container .score{font-size:30px;margin-top:15px}.game-mode .game-complete{display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:20px}.game-mode .recent-high-scores .label{margin-bottom:15px}.game-mode .recent-high-scores .list{display:flex;flex-direction:column;gap:8px}.game-mode .recent-high-scores .high-score{display:flex;align-items:center;gap:15px}.game-mode .recent-high-scores .high-score .score{font-size:16px;margin:0;min-width:30px}.game-mode .recent-high-scores .high-score .player-name{font-size:16px;color:#ffffffb3}.game-mode .make-a-move{line-height:26px;opacity:.7;font-size:18px;margin:20px 0}.game-mode .rewarded{color:#34ff00}.game-mode .penalized{color:red}.game-mode .complete{color:#ff0}@media (max-width: 500px){.game-mode .container{padding:10px}.game-mode .board-area-container{width:100%!important}.game-mode .game-under-board .recent-high-scores .label{margin-bottom:8px}}@media (max-aspect-ratio: 11/16){.game-mode .game-under-board{padding:20px;min-width:auto!important;width:100%;max-width:496px}.game-mode .game-under-board .make-a-move{width:100%!important;text-align:center}.game-mode .game-complete{width:100%!important}}