.cg-wrap{box-sizing:content-box;position:relative;display:block}cg-container{position:absolute;width:100%;height:100%;display:block;top:0}cg-board{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:0;background-size:cover}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:cover;z-index:2;will-change:transform;pointer-events:none}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{overflow:hidden;position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.6}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs,.cg-wrap .cg-shapes-below,.cg-wrap .cg-custom-below{overflow:visible;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{overflow:hidden;opacity:.6;z-index:2}.cg-wrap .cg-shapes-below{overflow:hidden;z-index:1}.cg-wrap .cg-custom-below{z-index:1}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg,.cg-wrap .cg-custom-below svg{overflow:visible}.cg-wrap coords{position:absolute;display:flex;pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px}.cg-wrap coords.ranks{left:4px;top:-20px;flex-flow:column-reverse;height:100%;width:12px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{left:-15px;align-items:flex-end}.cg-wrap coords.files{bottom:-4px;left:24px;flex-flow:row;width:100%;height:16px;text-transform:uppercase;text-align:center}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:1 1 auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.cg-wrap coords.squares{bottom:0;left:0;text-transform:uppercase;text-align:right;flex-flow:column-reverse;height:100%;width:12.5%}.cg-wrap coords.squares.black{flex-flow:column}.cg-wrap coords.squares.left{text-align:left}.cg-wrap coords.squares coord{padding:6% 4%}.cg-wrap coords.squares.rank2{transform:translate(100%)}.cg-wrap coords.squares.rank3{transform:translate(200%)}.cg-wrap coords.squares.rank4{transform:translate(300%)}.cg-wrap coords.squares.rank5{transform:translate(400%)}.cg-wrap coords.squares.rank6{transform:translate(500%)}.cg-wrap coords.squares.rank7{transform:translate(600%)}.cg-wrap coords.squares.rank8{transform:translate(700%)}cg-board{background-color:#f0d9b5;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4PSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICAgIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxnIGlkPSJhIj4KICA8ZyBpZD0iYiI+CiAgICA8ZyBpZD0iYyI+CiAgICAgIDxnIGlkPSJkIj4KICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZSIgb3BhY2l0eT0iMCIvPgogICAgICAgIDx1c2UgeD0iMSIgeT0iMSIgaHJlZj0iI2UiIHg6aHJlZj0iI2UiLz4KICAgICAgICA8cmVjdCB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZiIgb3BhY2l0eT0iMC4yIi8+CiAgICAgICAgPHVzZSB4PSIxIiB5PSItMSIgaHJlZj0iI2YiIHg6aHJlZj0iI2YiLz4KICAgICAgPC9nPgogICAgICA8dXNlIHg9IjIiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+CiAgICA8L2c+CiAgICA8dXNlIHg9IjQiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+CiAgPC9nPgogIDx1c2UgeT0iMiIgaHJlZj0iI2IiIHg6aHJlZj0iI2IiLz4KPC9nPgo8dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+Cjwvc3ZnPg==)}cg-board square.move-dest{background:radial-gradient(#14551e80 22%,#208530 0,#0000004d,#0000 0)}cg-board square.premove-dest{background:radial-gradient(#141e5580 22%,#203085 0,#0000004d,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(20,85,0,.3) 80%)}cg-board square.oc.premove-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(20,30,85,.2) 80%)}cg-board square.move-dest:hover,cg-board square.move-dest.hover{background:#14551e4d}cg-board square.premove-dest:hover,cg-board square.premove-dest.hover{background:#141e5533}cg-board square.last-move{background-color:#9bc70069}cg-board square.selected{background-color:#14551e80}cg-board square.check{background:radial-gradient(ellipse at center,red,#e70000 25%,#a9000000 89%,#9e000000)}cg-board square.current-premove{background-color:#141e5580}.orientation-white .ranks :nth-child(odd),.orientation-white .files :nth-child(2n),.orientation-black .ranks :nth-child(2n),.orientation-black .files :nth-child(odd),coords.squares:nth-of-type(odd) :nth-child(2n),coords.squares:nth-of-type(2n) :nth-child(odd){color:#484848cc}.orientation-white .ranks :nth-child(2n),.orientation-white .files :nth-child(odd),.orientation-black .ranks :nth-child(odd),.orientation-black .files :nth-child(2n),coords.squares:nth-of-type(odd) :nth-child(odd),coords.squares:nth-of-type(2n) :nth-child(2n){color:#fffc}.cg-wrap piece.pawn.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.knight.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy0zdi00aDIxdjRIMTJ6bS0xLTIyVjloNHYyaDVWOWg1djJoNVY5aDR2NSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMzQgMTRsLTMgM0gxNGwtMy0zIi8+PHBhdGggZD0iTTMxIDE3djEyLjVIMTRWMTciIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMxIDI5LjVsMS41IDIuNWgtMjBsMS41LTIuNSIvPjxwYXRoIGQ9Ik0xMSAxNGgyMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04IDEyYTIgMiAwIDEgMS00IDAgMiAyIDAgMSAxIDQgMHptMTYuNS00LjVhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAwek00MSAxMmEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTE2IDguNWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTMzIDlhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAweiIvPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi0xMi03IDExVjExbC01LjUgMTMuNS0zLTE1LTMgMTUtNS41LTE0VjI1TDcgMTRsMiAxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6IiBzdHJva2UtbGluZWNhcD0iYnV0dCIvPjxwYXRoIGQ9Ik0xMS41IDMwYzMuNS0xIDE4LjUtMSAyMiAwTTEyIDMzLjVjNi0xIDE1LTEgMjEgMCIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.king.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjZNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTIyLjUgMjVzNC41LTcuNSAzLTEwLjVjMCAwLTEtMi41LTMtMi41cy0zIDIuNS0zIDIuNWMtMS41IDMgMyAxMC41IDMgMTAuNSIgZmlsbD0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTEuNSAzN2M1LjUgMy41IDE1LjUgMy41IDIxIDB2LTdzOS00LjUgNi0xMC41Yy00LTYuNS0xMy41LTMuNS0xNiA0VjI3di0zLjVjLTMuNS03LjUtMTMtMTAuNS0xNi00LTMgNiA1IDEwIDUgMTBWMzd6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDBtLTIxIDMuNWM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.pawn.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+)}.cg-wrap piece.knight.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjZWNlY2VjIiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMjQuNTUgMTAuNGwtLjQ1IDEuNDUuNS4xNWMzLjE1IDEgNS42NSAyLjQ5IDcuOSA2Ljc1UzM1Ljc1IDI5LjA2IDM1LjI1IDM5bC0uMDUuNWgyLjI1bC4wNS0uNWMuNS0xMC4wNi0uODgtMTYuODUtMy4yNS0yMS4zNC0yLjM3LTQuNDktNS43OS02LjY0LTkuMTktNy4xNmwtLjUxLS4xeiIgZmlsbD0iI2VjZWNlYyIgc3Ryb2tlPSJub25lIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy41LTdsMS41LTIuNWgxN2wxLjUgMi41aC0yMHptLS41IDR2LTRoMjF2NEgxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTE0IDI5LjV2LTEzaDE3djEzSDE0eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTQgMTYuNUwxMSAxNGgyM2wtMyAyLjVIMTR6TTExIDE0VjloNHYyaDVWOWg1djJoNVY5aDR2NUgxMXoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTEyIDM1LjVoMjFtLTIwLTRoMTltLTE4LTJoMTdtLTE3LTEzaDE3TTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi41LTEyLjVMMzEgMjVsLS4zLTE0LjEtNS4yIDEzLjYtMy0xNC41LTMgMTQuNS01LjItMTMuNkwxNCAyNSA2LjUgMTMuNSA5IDI2eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNOSAyNmMwIDIgMS41IDIgMi41IDQgMSAxLjUgMSAxIC41IDMuNS0xLjUgMS0xLjUgMi41LTEuNSAyLjUtMS41IDEuNS41IDIuNS41IDIuNSA2LjUgMSAxNi41IDEgMjMgMCAwIDAgMS41LTEgMC0yLjUgMCAwIC41LTEuNS0xLTIuNS0uNS0yLjUtLjUtMiAuNS0zLjUgMS0yIDIuNS0yIDIuNS00LTguNS0xLjUtMTguNS0xLjUtMjcgMHoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTExIDM4LjVhMzUgMzUgMSAwIDAgMjMgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMTEgMjlhMzUgMzUgMSAwIDEgMjMgMG0tMjEuNSAyLjVoMjBtLTIxIDNhMzUgMzUgMSAwIDAgMjIgMG0tMjMgM2EzNSAzNSAxIDAgMCAyNCAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiLz48L2c+PC9zdmc+)}.cg-wrap piece.king.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjYiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMjIuNSAyNXM0LjUtNy41IDMtMTAuNWMwIDAtMS0yLjUtMy0yLjVzLTMgMi41LTMgMi41Yy0xLjUgMyAzIDEwLjUgMyAxMC41IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Ik0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN3M5LTQuNSA2LTEwLjVjLTQtNi41LTEzLjUtMy41LTE2IDRWMjd2LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMFYzN3oiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMyIDI5LjVzOC41LTQgNi4wMy05LjY1QzM0LjE1IDE0IDI1IDE4IDIyLjUgMjQuNWwuMDEgMi4xLS4wMS0yLjFDMjAgMTggOS45MDYgMTQgNi45OTcgMTkuODVjLTIuNDk3IDUuNjUgNC44NTMgOSA0Ljg1MyA5IiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMTEuNSAzMGM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDAiIHN0cm9rZT0iI2VjZWNlYyIvPjwvZz48L3N2Zz4=)}:root cg-board{background-size:25% 25%;background-repeat:repeat}:root{--sq-light: #f0d9b5;--sq-dark: #b58863}:root[data-board=brown]{--sq-light: #f0d9b5;--sq-dark: #b58863}:root[data-board=brown] cg-board{background-color:#f0d9b5;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202%202'%20shape-rendering='crispEdges'%3E%3Crect%20width='2'%20height='2'%20fill='%23f0d9b5'/%3E%3Crect%20x='1'%20width='1'%20height='1'%20fill='%23b58863'/%3E%3Crect%20y='1'%20width='1'%20height='1'%20fill='%23b58863'/%3E%3C/svg%3E")}:root[data-board=brown] .cg-wrap coords{color:#b58863}:root[data-board=brown] .cg-wrap coords coord:nth-child(2n){color:#f0d9b5}:root[data-board=green]{--sq-light: #eeeed2;--sq-dark: #769656}:root[data-board=green] cg-board{background-color:#eeeed2;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202%202'%20shape-rendering='crispEdges'%3E%3Crect%20width='2'%20height='2'%20fill='%23eeeed2'/%3E%3Crect%20x='1'%20width='1'%20height='1'%20fill='%23769656'/%3E%3Crect%20y='1'%20width='1'%20height='1'%20fill='%23769656'/%3E%3C/svg%3E")}:root[data-board=green] .cg-wrap coords{color:#769656}:root[data-board=green] .cg-wrap coords coord:nth-child(2n){color:#eeeed2}:root[data-board=blue]{--sq-light: #dee3e6;--sq-dark: #8ca2ad}:root[data-board=blue] cg-board{background-color:#dee3e6;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202%202'%20shape-rendering='crispEdges'%3E%3Crect%20width='2'%20height='2'%20fill='%23dee3e6'/%3E%3Crect%20x='1'%20width='1'%20height='1'%20fill='%238ca2ad'/%3E%3Crect%20y='1'%20width='1'%20height='1'%20fill='%238ca2ad'/%3E%3C/svg%3E")}:root[data-board=blue] .cg-wrap coords{color:#8ca2ad}:root[data-board=blue] .cg-wrap coords coord:nth-child(2n){color:#dee3e6}:root[data-board=purple]{--sq-light: #e9e4ef;--sq-dark: #9a84b5}:root[data-board=purple] cg-board{background-color:#e9e4ef;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202%202'%20shape-rendering='crispEdges'%3E%3Crect%20width='2'%20height='2'%20fill='%23e9e4ef'/%3E%3Crect%20x='1'%20width='1'%20height='1'%20fill='%239a84b5'/%3E%3Crect%20y='1'%20width='1'%20height='1'%20fill='%239a84b5'/%3E%3C/svg%3E")}:root[data-board=purple] .cg-wrap coords{color:#9a84b5}:root[data-board=purple] .cg-wrap coords coord:nth-child(2n){color:#e9e4ef}:root[data-board=walnut]{--sq-light: #e4c99f;--sq-dark: #a0693f}:root[data-board=walnut] cg-board{background-color:#e4c99f;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202%202'%20shape-rendering='crispEdges'%3E%3Crect%20width='2'%20height='2'%20fill='%23e4c99f'/%3E%3Crect%20x='1'%20width='1'%20height='1'%20fill='%23a0693f'/%3E%3Crect%20y='1'%20width='1'%20height='1'%20fill='%23a0693f'/%3E%3C/svg%3E")}:root[data-board=walnut] .cg-wrap coords{color:#a0693f}:root[data-board=walnut] .cg-wrap coords coord:nth-child(2n){color:#e4c99f}:root[data-board=slate]{--sq-light: #dfe3e8;--sq-dark: #8d99a8}:root[data-board=slate] cg-board{background-color:#dfe3e8;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202%202'%20shape-rendering='crispEdges'%3E%3Crect%20width='2'%20height='2'%20fill='%23dfe3e8'/%3E%3Crect%20x='1'%20width='1'%20height='1'%20fill='%238d99a8'/%3E%3Crect%20y='1'%20width='1'%20height='1'%20fill='%238d99a8'/%3E%3C/svg%3E")}:root[data-board=slate] .cg-wrap coords{color:#8d99a8}:root[data-board=slate] .cg-wrap coords coord:nth-child(2n){color:#dfe3e8}:root[data-board=midnight]{--sq-light: #48566b;--sq-dark: #2b3542}:root[data-board=midnight] cg-board{background-color:#48566b;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202%202'%20shape-rendering='crispEdges'%3E%3Crect%20width='2'%20height='2'%20fill='%2348566b'/%3E%3Crect%20x='1'%20width='1'%20height='1'%20fill='%232b3542'/%3E%3Crect%20y='1'%20width='1'%20height='1'%20fill='%232b3542'/%3E%3C/svg%3E")}:root[data-board=midnight] .cg-wrap coords{color:#2b3542}:root[data-board=midnight] .cg-wrap coords coord:nth-child(2n){color:#48566b}:root[data-board=contrast]{--sq-light: #ffffff;--sq-dark: #595959}:root[data-board=contrast] cg-board{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202%202'%20shape-rendering='crispEdges'%3E%3Crect%20width='2'%20height='2'%20fill='%23ffffff'/%3E%3Crect%20x='1'%20width='1'%20height='1'%20fill='%23595959'/%3E%3Crect%20y='1'%20width='1'%20height='1'%20fill='%23595959'/%3E%3C/svg%3E")}:root[data-board=contrast] .cg-wrap coords{color:#595959}:root[data-board=contrast] .cg-wrap coords coord:nth-child(2n){color:#fff}:root[data-piece-shadow="1"] .cg-wrap piece{filter:drop-shadow(0 2px 2px rgba(0,0,0,.42))}:root[data-board=midnight] cg-board square.last-move,:root[data-board=contrast] cg-board square.last-move{background-color:#ffd60061}:root{--bg: #141c28;--bg-2: #1d2634;--bg-3: #273242;--bg-4: #334054;--well: #0d131c;--line: #35425a;--line-2: #4a5a76;--text: #eef2f9;--text-dim: #9fadc1;--text-faint: #7b8aa1;--accent: #5ec27a;--accent-2: #3bb79a;--accent-dim: #2f7a47;--warn: #e0a83c;--danger: #e05a5a;--radius-lg: 16px;--radius: 13px;--radius-sm: 9px;--sh-1: 0 1px 2px rgba(0, 0, 0, .4);--sh-2: 0 8px 24px -10px rgba(0, 0, 0, .65);--sh-3: 0 26px 64px -18px rgba(0, 0, 0, .8);--lift: inset 0 1px 0 rgba(255, 255, 255, .05);--ease: cubic-bezier(.2, .8, .3, 1);--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--topbar-h: 54px;--bar-h: 60px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;letter-spacing:-.003em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(1100px 520px at 50% -200px,rgba(94,194,122,.1),transparent 70%),radial-gradient(800px 420px at 100% -80px,rgba(79,147,232,.07),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 88%,#000),var(--bg) 42%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;--sq: clamp(54px, 5.6vw, 88px);background-image:repeating-conic-gradient(color-mix(in srgb,var(--sq-dark, #b58863) 17%,transparent) 0% 25%,transparent 25% 50%);background-size:calc(var(--sq) * 2) calc(var(--sq) * 2);-webkit-mask-image:radial-gradient(125% 95% at 50% 36%,rgba(0,0,0,.55),#000 72%);mask-image:radial-gradient(125% 95% at 50% 36%,#0000008c,#000 72%)}body:has(.game):after{display:none}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb,var(--accent) 32%,transparent)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border:2px solid transparent;background-clip:content-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--line-2) 80%,#fff);background-clip:content-box}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 22px;min-height:var(--topbar-h);border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--bg-2) 76%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:650;font-size:16.5px;letter-spacing:-.02em}.brand__mark{display:grid;place-items:center;width:30px;height:30px;font-size:18px;line-height:1;color:#07130c;border-radius:9px;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 2px 10px -2px color-mix(in srgb,var(--accent) 60%,transparent),var(--lift)}.brand__dim{color:var(--text-dim);font-weight:450}.topnav{display:flex;align-items:center;gap:2px}.topnav__link{padding:7px 12px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-dim);transition:color .15s var(--ease),background .15s var(--ease)}.topnav__link--muted{opacity:.45;cursor:default}.topnav__link--on{color:var(--text);background:var(--bg-3);box-shadow:var(--lift);font-weight:600}.topnav__link:hover{color:var(--text);background:color-mix(in srgb,var(--bg-3) 70%,transparent)}.page{max-width:1060px;margin:0 auto;padding:40px 20px 72px}.page--narrow{max-width:540px}.grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}.side{display:grid;gap:18px}.hero{margin-bottom:32px}.hero__title{margin:0 0 12px;font-size:clamp(30px,5.2vw,46px);line-height:1.08;letter-spacing:-.035em;font-weight:720}.hero__accent{background:linear-gradient(100deg,var(--accent),var(--accent-2) 55%,#6fb7e8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__sub{margin:0;color:var(--text-dim);max-width:48ch;font-size:15.5px;text-wrap:pretty}.card{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-2) 90%,#fff),var(--bg-2) 60%);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--sh-2),var(--lift)}.card--main{padding:22px;border-radius:var(--radius-lg)}.card--flush{padding:0;overflow:hidden}.card--result{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,var(--bg-2)),var(--bg-2) 70%)}.card--offer{border-color:color-mix(in srgb,var(--warn) 48%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--warn) 9%,var(--bg-2)),var(--bg-2) 70%)}.card__title{margin:0 0 15px;padding-bottom:11px;border-bottom:1px solid color-mix(in srgb,var(--line) 85%,transparent);font-size:14.5px;font-weight:620;letter-spacing:-.012em}.card--result .card__title,.card--offer .card__title{border-bottom:0;padding-bottom:0;margin-bottom:12px;font-size:16px;font-weight:660}.muted{color:var(--text-dim);font-size:13.5px;line-height:1.55;margin:10px 0 0;text-wrap:pretty}.muted strong{color:var(--text);font-weight:620}.error{color:var(--danger);font-size:13.5px;margin:10px 0 0}.field{margin-bottom:20px}.field:last-of-type{margin-bottom:18px}.field__label{display:block;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:9px}.row{display:flex;gap:8px;align-items:center}.row--wrap{flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;border:1px solid var(--line-2);background:linear-gradient(180deg,var(--bg-4),var(--bg-3));color:var(--text);font:inherit;font-weight:560;letter-spacing:-.005em;padding:9px 15px;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--sh-1),var(--lift);transition:background .15s var(--ease),border-color .15s var(--ease),transform .1s var(--ease),box-shadow .15s var(--ease),opacity .15s;white-space:nowrap}.btn:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--bg-4) 88%,#fff),var(--bg-4));border-color:color-mix(in srgb,var(--line-2) 82%,#fff);transform:translateY(-1px);box-shadow:var(--sh-2),var(--lift)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--sh-1)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn--primary{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 92%,#fff),var(--accent));border-color:color-mix(in srgb,var(--accent) 70%,#000);color:#06140c;font-weight:680;box-shadow:0 4px 16px -6px color-mix(in srgb,var(--accent) 75%,transparent),inset 0 1px #ffffff47}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#7fd896,#62c87e);border-color:#62c87e;box-shadow:0 8px 24px -8px color-mix(in srgb,var(--accent) 85%,transparent),inset 0 1px #ffffff4d}.btn--danger{background:linear-gradient(180deg,#e86b6b,var(--danger));border-color:color-mix(in srgb,var(--danger) 70%,#000);color:#1d0707;font-weight:680;box-shadow:0 4px 16px -6px color-mix(in srgb,var(--danger) 70%,transparent),inset 0 1px #ffffff38}.btn--danger:hover:not(:disabled){background:linear-gradient(180deg,#ef7b7b,#e26262)}.btn--ghost{background:transparent;border-color:var(--line);color:var(--text-dim);box-shadow:none}.btn--ghost:hover:not(:disabled){background:var(--bg-3);border-color:var(--line-2);color:var(--text);box-shadow:var(--sh-1),var(--lift)}.btn--sm{padding:6.5px 12px;font-size:13.5px}.btn--lg{width:100%;padding:13px 18px;font-size:15.5px;border-radius:var(--radius)}.input{flex:1;min-width:0;background:var(--well);border:1px solid var(--line);color:var(--text);font:inherit;padding:9.5px 12px;border-radius:var(--radius-sm);box-shadow:inset 0 1px 3px #00000059;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.input::placeholder{color:var(--text-faint)}.input:hover{border-color:var(--line-2)}.input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 65%,var(--line));box-shadow:inset 0 1px 3px #00000059,0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.input--sm{padding:6.5px 10px;font-size:13.5px}.input--mono{font-family:var(--mono);font-size:12.5px;letter-spacing:-.01em}.tc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tc{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;gap:2px;align-items:center;padding:12px 6px;background:linear-gradient(180deg,var(--bg-3),color-mix(in srgb,var(--bg-3) 88%,#000));border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font:inherit;box-shadow:var(--lift);transition:border-color .15s var(--ease),background .15s var(--ease),transform .12s var(--ease),box-shadow .15s var(--ease)}.tc:hover{border-color:var(--line-2);transform:translateY(-1px);box-shadow:var(--sh-1),var(--lift)}.tc--on{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 22%,var(--bg-3)),color-mix(in srgb,var(--accent) 8%,var(--bg-3)));box-shadow:0 4px 16px -8px color-mix(in srgb,var(--accent) 60%,transparent),var(--lift)}.tc__label{font-weight:660;font-variant-numeric:tabular-nums;letter-spacing:-.015em}.tc__sub{font-size:10.5px;font-weight:560;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.tc--on .tc__sub{color:color-mix(in srgb,var(--accent) 80%,var(--text))}.seg{display:inline-flex;gap:2px;padding:3px;background:var(--well);border:1px solid var(--line);border-radius:11px;box-shadow:inset 0 1px 3px #0006}.seg__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:8px;color:var(--text-dim);font:inherit;font-weight:520;padding:7px 17px;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease)}.seg__btn:hover:not(.seg__btn--on){color:var(--text);background:color-mix(in srgb,var(--bg-4) 60%,transparent)}.seg__btn--on{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 24%,var(--bg-4)),color-mix(in srgb,var(--accent) 10%,var(--bg-4)));color:var(--text);font-weight:640;box-shadow:var(--sh-1),var(--lift)}.you-name{flex:1;font-weight:600}.check{display:flex;gap:11px;align-items:flex-start;padding:12px 13px;background:linear-gradient(180deg,var(--bg-3),color-mix(in srgb,var(--bg-3) 88%,#000));border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;box-shadow:var(--lift);transition:border-color .15s var(--ease),background .15s var(--ease)}.check:hover{border-color:var(--line-2)}.check:has(input:checked){border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 11%,var(--bg-3)),color-mix(in srgb,var(--bg-3) 88%,#000))}.check input{margin:2px 0 0;width:16px;height:16px;accent-color:var(--accent);flex:none}.check>span{display:grid;gap:2px}.check strong{font-weight:600}.check__hint{color:var(--text-dim);font-size:13px;line-height:1.45}.seeks{list-style:none;margin:0;padding:0;display:grid;gap:6px}.seek{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:14px;box-shadow:var(--lift);transition:border-color .15s var(--ease),transform .12s var(--ease),background .15s var(--ease)}.seek:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--bg-3));transform:translate(2px)}.seek__who{font-weight:560;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seek__tc{color:var(--text-dim);font-family:var(--mono);font-size:12.5px;font-variant-numeric:tabular-nums;padding:2px 7px;border:1px solid var(--line);border-radius:999px;flex:none}.foot{margin-top:40px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent);color:var(--text-faint);font-size:13px}.game{display:grid;grid-template-columns:minmax(0,1fr) var(--side-w);gap:var(--game-gap);align-items:start;max-width:1120px;margin:0 auto;padding:24px var(--game-pad-x) 56px;--side-w: 340px;--game-gap: 24px;--game-pad-x: 20px;--board-pad-y: 48px;--board-gap: 10px;--board-size: max( 300px, calc(100dvh - var(--topbar-h) - var(--board-pad-y) - 2 * (var(--bar-h) + var(--board-gap))) )}.game__board-col{display:grid;gap:var(--board-gap);justify-items:stretch;margin:0 auto;width:min(100%,var(--board-size))}:root:fullscreen .game{padding-top:16px;padding-bottom:24px;--board-pad-y: 40px;max-width:calc(var(--board-size) + var(--side-w) + var(--game-gap) + 2 * var(--game-pad-x))}:root:-webkit-full-screen .game{padding-top:16px;padding-bottom:24px;--board-pad-y: 40px;max-width:calc(var(--board-size) + var(--side-w) + var(--game-gap) + 2 * var(--game-pad-x))}.game__side{display:grid;gap:14px;position:sticky;top:calc(var(--topbar-h) + 20px)}.board-wrap{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:6px;box-shadow:0 0 0 1px #ffffff12,0 1px #ffffff0a,0 28px 60px -24px #000000d9}.board{width:100%;height:100%}.player{display:flex;align-items:center;gap:10px;padding:9px 12px;min-height:var(--bar-h);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-2) 90%,#fff),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--sh-1),var(--lift);position:relative;overflow:hidden}.player--joined{animation:player-joined 2s var(--ease) both;z-index:1}.player--joined:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--accent) 26%,transparent) 50%,transparent 70%);transform:translate(-100%);animation:player-sweep 1.15s var(--ease) .1s both}.player--joined .player__name{animation:player-name-in .5s var(--ease) .08s both}.player--joined .dot{animation:player-dot-pop .75s var(--ease) both}@keyframes player-joined{0%{border-color:var(--line);box-shadow:var(--sh-1),var(--lift)}10%,52%{border-color:color-mix(in srgb,var(--accent) 72%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent),0 0 26px -4px color-mix(in srgb,var(--accent) 55%,transparent),var(--lift)}30%{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent),var(--lift)}to{border-color:var(--line);box-shadow:var(--sh-1),var(--lift)}}@keyframes player-sweep{to{transform:translate(100%)}}@keyframes player-name-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes player-dot-pop{0%{transform:scale(.4)}45%{transform:scale(1.5)}to{transform:scale(1)}}.player__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:580;letter-spacing:-.008em}.player__name--you{color:var(--accent)}.player__tag{margin-left:8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);background:var(--bg-3);border:1px solid var(--line);border-radius:5px;padding:2px 6px;vertical-align:1px}.dot{width:8px;height:8px;border-radius:50%;background:var(--line-2);flex:none;transition:background .2s,box-shadow .2s}.dot--on{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent),0 0 10px color-mix(in srgb,var(--accent) 60%,transparent)}.dot--bot{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 18%,transparent)}.clock{font-family:var(--mono);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;padding:4px 11px;border-radius:8px;background:var(--well);border:1px solid var(--line);color:var(--text-dim);min-width:96px;text-align:center;flex:none;box-shadow:inset 0 1px 3px #0006;transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}.clock--running{background:linear-gradient(180deg,#f4f8fd,#dfe8f3);border-color:#cdd8e6;color:#0d1117;box-shadow:0 4px 18px -8px #e6f0ff8c,inset 0 1px #fff}.clock--low.clock--running{background:linear-gradient(180deg,#f0bb55,var(--warn));border-color:color-mix(in srgb,var(--warn) 70%,#000);color:#1a1203;box-shadow:0 4px 20px -8px color-mix(in srgb,var(--warn) 80%,transparent),inset 0 1px #ffffff59}.clock--out{background:linear-gradient(180deg,#e87070,var(--danger));border-color:color-mix(in srgb,var(--danger) 70%,#000);color:#1a0808;box-shadow:inset 0 1px #ffffff40}.banner{padding:11px 14px;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--line);font-size:13.5px;color:var(--text-dim);box-shadow:var(--lift)}.banner--warn{border-color:color-mix(in srgb,var(--warn) 50%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--warn) 10%,var(--bg-2)),var(--bg-2));color:color-mix(in srgb,var(--warn) 85%,var(--text))}.moves{max-height:232px;overflow-y:auto;padding:10px 12px}.moves__empty,.chat__empty{color:var(--text-faint);font-size:13.5px;margin:0;padding:2px}.moves__list{list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums}.moves__row{display:grid;grid-template-columns:2.6em 1fr 1fr;gap:6px;padding:3px 6px;border-radius:6px}.moves__row:nth-child(odd){background:color-mix(in srgb,var(--bg-3) 55%,transparent)}.moves__row:last-child{background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.moves__no{color:var(--text-faint)}.moves__san{letter-spacing:-.01em}.chat{display:grid;grid-template-rows:1fr auto}.chat__log{max-height:156px;min-height:56px;overflow-y:auto;padding:12px 14px}.chat__line{margin:0 0 6px;font-size:13.5px;word-break:break-word;color:color-mix(in srgb,var(--text) 92%,var(--text-dim))}.chat__who{color:var(--accent);font-weight:620;margin-right:7px}.chat__form{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--well) 50%,transparent)}.promo{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#06090ebd;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:6px;z-index:10}.promo__card{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-2) 88%,#fff),var(--bg-2));border:1px solid var(--line-2);border-radius:var(--radius);padding:16px;text-align:center;box-shadow:var(--sh-3),var(--lift)}.promo__title{margin:0 0 11px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.promo__row{display:flex;gap:8px;margin-bottom:12px}.promo__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:54px;height:54px;font-size:34px;line-height:1;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s var(--ease),transform .1s var(--ease),background .15s var(--ease)}.promo__btn--w{color:#f2f5f9;text-shadow:0 0 2px #000,0 0 2px #000}.promo__btn--b{color:#10151c;text-shadow:0 0 2px #7f8a9c}.promo__btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-3));transform:translateY(-2px)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:color-mix(in srgb,var(--bg-4) 94%,transparent);border:1px solid var(--line-2);color:var(--text);padding:11px 18px;border-radius:999px;font-size:13.5px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--sh-3),var(--lift);z-index:50;cursor:pointer;max-width:calc(100vw - 32px);animation:toast-in .26s var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.steps{margin:0;padding-left:18px;color:var(--text-dim);font-size:13.5px}.steps li{margin-bottom:5px;padding-left:2px}.steps li::marker{color:var(--accent-dim);font-weight:700}code{font-family:var(--mono);font-size:.9em;background:var(--well);border:1px solid var(--line);padding:1px 5px;border-radius:5px}.link{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px;transition:text-decoration-color .15s}.link:hover{text-decoration-color:var(--accent)}.field--strength{--s: hsl(var(--sh, 148) 68% 60%);--s-deep: hsl(var(--sh, 148) 55% 44%);--s-soft: hsl(var(--sh, 148) 68% 60% / .13);--s-line: hsl(var(--sh, 148) 60% 56% / .5)}.rating-head{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}.rating-value{font-size:40px;font-weight:740;font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:1;color:var(--s, var(--text));text-shadow:0 0 36px hsl(var(--sh, 148) 70% 55% / .35);transition:color .22s var(--ease),text-shadow .22s var(--ease)}.rating-unit{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-right:auto}.rating-label{font-weight:620;font-size:12.5px;letter-spacing:.01em;color:var(--s, var(--accent));background:var(--s-soft);border:1px solid var(--s-line);border-radius:999px;padding:4px 11px;white-space:nowrap;transition:color .22s var(--ease),background .22s var(--ease),border-color .22s var(--ease)}.slider{--track-h: 8px;--thumb-d: 22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:var(--thumb-d);margin:2px 0;padding:0;border:0;background:transparent;cursor:pointer}.slider--lg{--track-h: 10px;--thumb-d: 26px}.slider--thin{--track-h: 5px;--thumb-d: 15px}.slider::-webkit-slider-runnable-track{height:var(--track-h);border-radius:999px;background:linear-gradient(90deg,var(--s-deep, var(--accent-dim)),var(--s, var(--accent))) no-repeat,var(--well);background-size:calc(var(--p, 1) * (100% - var(--thumb-d)) + var(--thumb-d) / 2) 100%;box-shadow:inset 0 1px 3px #0009,inset 0 0 0 1px #ffffff0a}.slider::-moz-range-track{height:var(--track-h);border-radius:999px;background:linear-gradient(90deg,var(--s-deep, var(--accent-dim)),var(--s, var(--accent))) no-repeat,var(--well);background-size:calc(var(--p, 1) * (100% - var(--thumb-d)) + var(--thumb-d) / 2) 100%;box-shadow:inset 0 1px 3px #0009,inset 0 0 0 1px #ffffff0a}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--thumb-d);height:var(--thumb-d);margin-top:calc((var(--track-h) - var(--thumb-d)) / 2);border-radius:50%;background:radial-gradient(circle at 50% 32%,#fff,#dde6f2);border:3px solid var(--s, var(--accent));cursor:grab;box-shadow:0 2px 8px #0000008c,0 0 0 5px hsl(var(--sh, 148) 70% 55% / .14);transition:border-color .22s var(--ease),box-shadow .18s var(--ease),transform .12s var(--ease)}.slider::-moz-range-thumb{width:var(--thumb-d);height:var(--thumb-d);box-sizing:border-box;border-radius:50%;background:radial-gradient(circle at 50% 32%,#fff,#dde6f2);border:3px solid var(--s, var(--accent));cursor:grab;box-shadow:0 2px 8px #0000008c,0 0 0 5px hsl(var(--sh, 148) 70% 55% / .14);transition:border-color .22s var(--ease),box-shadow .18s var(--ease)}.slider:hover::-webkit-slider-thumb{box-shadow:0 2px 10px #0009,0 0 0 8px hsl(var(--sh, 148) 70% 55% / .18)}.slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.07);box-shadow:0 2px 12px #000000a6,0 0 0 11px hsl(var(--sh, 148) 70% 55% / .22)}.slider:hover::-moz-range-thumb{box-shadow:0 2px 10px #0009,0 0 0 8px hsl(var(--sh, 148) 70% 55% / .18)}.slider:focus-visible{outline:none}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 2px 10px #0009,0 0 0 4px hsl(var(--sh, 148) 70% 55% / .45)}.slider:focus-visible::-moz-range-thumb{box-shadow:0 2px 10px #0009,0 0 0 4px hsl(var(--sh, 148) 70% 55% / .45)}.slider-scale{display:flex;justify-content:space-between;color:var(--text-faint);font-size:11px;font-weight:560;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin:2px 0 14px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-3);border:1px solid var(--line);color:var(--text-dim);font:inherit;font-size:13px;font-variant-numeric:tabular-nums;padding:5.5px 12px;border-radius:999px;cursor:pointer;box-shadow:var(--lift);transition:border-color .15s var(--ease),color .15s var(--ease),background .15s var(--ease),transform .12s var(--ease)}.chip:hover{border-color:var(--line-2);color:var(--text);transform:translateY(-1px)}.chip--on{border-color:var(--s-line, var(--accent));background:var(--s-soft, color-mix(in srgb, var(--accent) 16%, var(--bg-3)));color:var(--s, var(--text));font-weight:640}.board-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:10px;background:#06090ecc;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:6px;z-index:8;text-align:center}.board-veil p{margin:0;font-size:14px}.board-veil__sub{color:var(--text-dim);font-size:12.5px!important}.spinner{width:26px;height:26px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.theme__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.theme__grid--compact{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.theme__opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:7px 4px;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-dim);font:inherit;font-size:11px;font-weight:540;cursor:pointer;box-shadow:var(--lift);transition:border-color .15s var(--ease),transform .12s var(--ease),background .15s var(--ease),color .15s var(--ease)}.theme__opt:hover{border-color:var(--line-2);transform:translateY(-1px)}.theme__opt--on{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--bg-3));color:var(--text);font-weight:620}.swatch{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:30px;height:30px;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #0006,0 1px 3px #0006}.theme__grid--compact .swatch{width:100%;aspect-ratio:1;height:auto}.check--tight{padding:10px 11px;font-size:13.5px}.flag{flex:none;display:block;border-radius:2px;box-shadow:0 0 0 1px #ffffff29,0 1px 2px #00000073;object-fit:cover}.flagpick{display:grid;gap:9px}.flagpick__heading{margin-top:16px}.flagpick__current{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:7px 11px;background:linear-gradient(180deg,var(--bg-4),var(--bg-3));border:1px solid var(--line-2);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-weight:540;cursor:pointer;box-shadow:var(--sh-1),var(--lift);transition:border-color .15s var(--ease),background .15s var(--ease)}.flagpick__current:hover{border-color:#3e4e6b;background:linear-gradient(180deg,#2a3546,var(--bg-4))}.flagpick__current--empty{border-color:color-mix(in srgb,var(--warn) 48%,var(--line-2));border-style:dashed}.flagpick__none{width:22px;text-align:center;color:var(--text-faint);flex:none}.flagpick__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.flagpick__chev{color:var(--text-faint);font-size:11px;flex:none}.flagpick__panel{display:grid;gap:8px;padding:10px;background:var(--well);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:inset 0 1px 3px #0006}.flagpick__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;max-height:272px;overflow-y:auto;padding-right:2px}.flagpick__opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:9px;padding:6px 9px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-dim);font:inherit;font-size:13px;text-align:left;cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease),border-color .12s var(--ease)}.flagpick__opt:hover{background:var(--bg-3);border-color:var(--line);color:var(--text)}.flagpick__opt--on{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--bg-3));color:var(--text);font-weight:600}.flagpick__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flagpick__empty{margin:0;padding:10px 2px;color:var(--text-faint);font-size:13.5px}.iconbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:15px;line-height:1;padding:7px 9px;margin-left:4px;cursor:pointer;color:var(--text-dim);transition:background .15s var(--ease),border-color .15s var(--ease)}.iconbtn:hover{background:var(--bg-3);border-color:var(--line)}.sound{display:grid;gap:11px}.sound__set{border:0;margin:0;padding:0;display:grid;gap:9px}.sound__set[disabled]{opacity:.4;pointer-events:none}.chips--pad{margin-top:2px}.vol{display:grid;gap:4px}.vol__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#05080cbd;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:modal-in .18s ease-out}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.modal__card{position:relative;z-index:1;width:min(430px,100%);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-2) 88%,#fff),var(--bg-2) 70%);border:1px solid var(--line-2);border-radius:18px;padding:28px 26px 20px;text-align:center;box-shadow:var(--sh-3),var(--lift);animation:card-in .24s var(--ease)}@keyframes card-in{0%{transform:translateY(12px) scale(.96);opacity:0}to{transform:none;opacity:1}}.modal__card--win{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,var(--bg-2)),var(--bg-2) 62%)}.modal__card--loss{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 12%,var(--bg-2)),var(--bg-2) 62%)}.modal__card--draw{border-color:color-mix(in srgb,var(--warn) 42%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--warn) 11%,var(--bg-2)),var(--bg-2) 62%)}.modal__x{position:absolute;top:10px;right:12px;background:transparent;border:0;color:var(--text-faint);font-size:22px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .15s,background .15s}.modal__x:hover{color:var(--text);background:var(--bg-3)}.modal__badge{position:relative;font-size:46px;line-height:1;margin-bottom:8px}.modal__badge--win{color:var(--accent);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 55%,transparent));animation:badge-pop .62s var(--ease) both}.modal__badge--win:after{content:"";position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 65%,transparent);animation:badge-ring 1.15s .1s ease-out 2 both}@keyframes badge-pop{0%{transform:scale(.4) rotate(-14deg);opacity:0}58%{transform:scale(1.16) rotate(4deg);opacity:1}to{transform:none;opacity:1}}@keyframes badge-ring{0%{transform:scale(.5);opacity:.85}to{transform:scale(2.7);opacity:0}}.modal__card--win:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.11) 48%,transparent 58%);background-size:260% 100%;animation:card-shine 1.7s .5s ease-out both}@keyframes card-shine{0%{background-position:170% 0}to{background-position:-70% 0}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.confetti__bit{position:absolute;top:-8vh;width:var(--size);height:calc(var(--size) * .52);border-radius:2px;background:currentColor;opacity:0;will-change:transform,opacity;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.3,.5,.5,1);animation-fill-mode:forwards}.confetti__bit--glyph{width:auto;height:auto;background:none;font-size:calc(var(--size) * 2);line-height:1}@keyframes confetti-fall{0%{opacity:0;transform:translateZ(0) rotate(0)}7%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate3d(var(--drift),112vh,0) rotate(var(--spin))}}.modal__badge--loss{color:var(--danger)}.modal__badge--draw{color:var(--warn);font-size:38px;font-weight:700}.modal__title{margin:0 0 9px;font-size:26px;letter-spacing:-.03em;font-weight:720}.modal__meta{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin:0 0 15px;font-size:12.5px;color:var(--text-dim)}.modal__score{font-family:var(--mono);font-weight:700;color:var(--text)}.modal__detail{margin:0 0 20px;font-size:14.5px;line-height:1.55;color:color-mix(in srgb,var(--text) 92%,var(--text-dim));text-wrap:pretty}.modal__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.modal__actions .btn{flex:1 1 auto;min-width:120px}.modal__link{margin-top:14px;background:transparent;border:0;color:var(--text-faint);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.modal__link:hover{color:var(--text)}:root{--j-best: #6ec1ff;--j-excellent: var(--accent-2);--j-good: var(--text-dim);--j-inaccuracy: var(--warn);--j-mistake: #e8853f;--j-blunder: var(--danger)}.review__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:14px 16px 11px;border-bottom:1px solid color-mix(in srgb,var(--line) 85%,transparent)}.review__head .card__title{margin:0;padding:0;border-bottom:0}.review__depth{color:var(--text-faint);font-family:var(--mono);font-size:11.5px;letter-spacing:.02em}.review__body{display:grid;gap:12px;padding:12px 16px 16px}.review__body .muted{margin:0}.review__progress{display:grid;gap:8px}.review__bar{height:6px;border-radius:999px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.review__bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .22s var(--ease)}.review__progress-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.review__progress-row .muted{font-size:13px}.review__accs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.review__acc{display:grid;gap:2px;padding:11px 13px;border-radius:var(--radius-sm);background:var(--bg-3);box-shadow:var(--lift)}.review__acc-who{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review__acc-pct{font-family:var(--mono);font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}.review__acc-note{font-size:13px;color:var(--accent)}.review__acc-cp{color:var(--text-faint);font-size:11.5px;font-family:var(--mono)}.review__table{width:100%;border-collapse:collapse;font-size:13.5px}.review__table thead th{padding:0 8px 6px;border-bottom:1px solid var(--line);color:var(--text-faint);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review__table thead th:first-child{text-align:left}.review__table tbody th{padding:6px 8px;font-weight:500;text-align:left;white-space:nowrap;color:var(--text-dim)}.review__table tbody th .jmark{margin-right:8px;vertical-align:1px}.review__table tbody td{padding:6px 8px;width:4.5em;text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}.review__row:nth-child(odd){background:color-mix(in srgb,var(--bg-3) 45%,transparent)}.jmark{display:inline-grid;place-items:center;min-width:1.5em;padding:0 .3em;border-radius:5px;font-family:var(--mono);font-size:11px;font-weight:700;line-height:1.55;color:var(--j);background:color-mix(in srgb,var(--j) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--j) 32%,transparent)}.jmark--best{--j: var(--j-best)}.jmark--excellent{--j: var(--j-excellent)}.jmark--good{--j: var(--j-good)}.jmark--inaccuracy{--j: var(--j-inaccuracy)}.jmark--mistake{--j: var(--j-mistake)}.jmark--blunder{--j: var(--j-blunder)}.moves__san .jmark{margin-left:5px;vertical-align:1px}.review__turn{margin:0;padding:10px 12px;border-radius:var(--radius-sm);background:var(--well);box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;line-height:1.55;color:var(--text-dim)}.review__turn strong{color:var(--text)}.review__turn-move{font-family:var(--mono);color:var(--text);white-space:nowrap}.review__fine{margin:0;color:var(--text-faint);font-size:11.5px;line-height:1.6}@media(max-width:900px){.game{grid-template-columns:minmax(0,1fr);gap:14px;padding:14px 12px 40px;--board-pad-y: 28px}.game__side{position:static}.grid{grid-template-columns:minmax(0,1fr)}.page{padding:26px 14px 48px}.card--main{padding:18px}.clock{font-size:18px;min-width:84px}}@media(max-width:420px){.tc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rating-value{font-size:34px}.topbar{padding:10px 14px}.seg__btn{padding:7px 13px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}