.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{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-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs 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-wrap piece.pawn.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.knight.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy0zdi00aDIxdjRIMTJ6bS0xLTIyVjloNHYyaDVWOWg1djJoNVY5aDR2NSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMzQgMTRsLTMgM0gxNGwtMy0zIi8+PHBhdGggZD0iTTMxIDE3djEyLjVIMTRWMTciIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMxIDI5LjVsMS41IDIuNWgtMjBsMS41LTIuNSIvPjxwYXRoIGQ9Ik0xMSAxNGgyMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04IDEyYTIgMiAwIDEgMS00IDAgMiAyIDAgMSAxIDQgMHptMTYuNS00LjVhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAwek00MSAxMmEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTE2IDguNWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTMzIDlhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAweiIvPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi0xMi03IDExVjExbC01LjUgMTMuNS0zLTE1LTMgMTUtNS41LTE0VjI1TDcgMTRsMiAxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6IiBzdHJva2UtbGluZWNhcD0iYnV0dCIvPjxwYXRoIGQ9Ik0xMS41IDMwYzMuNS0xIDE4LjUtMSAyMiAwTTEyIDMzLjVjNi0xIDE1LTEgMjEgMCIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.king.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjZNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTIyLjUgMjVzNC41LTcuNSAzLTEwLjVjMCAwLTEtMi41LTMtMi41cy0zIDIuNS0zIDIuNWMtMS41IDMgMyAxMC41IDMgMTAuNSIgZmlsbD0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTEuNSAzN2M1LjUgMy41IDE1LjUgMy41IDIxIDB2LTdzOS00LjUgNi0xMC41Yy00LTYuNS0xMy41LTMuNS0xNiA0VjI3di0zLjVjLTMuNS03LjUtMTMtMTAuNS0xNi00LTMgNiA1IDEwIDUgMTBWMzd6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDBtLTIxIDMuNWM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.pawn.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+)}.cg-wrap piece.knight.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjZWNlY2VjIiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMjQuNTUgMTAuNGwtLjQ1IDEuNDUuNS4xNWMzLjE1IDEgNS42NSAyLjQ5IDcuOSA2Ljc1UzM1Ljc1IDI5LjA2IDM1LjI1IDM5bC0uMDUuNWgyLjI1bC4wNS0uNWMuNS0xMC4wNi0uODgtMTYuODUtMy4yNS0yMS4zNC0yLjM3LTQuNDktNS43OS02LjY0LTkuMTktNy4xNmwtLjUxLS4xeiIgZmlsbD0iI2VjZWNlYyIgc3Ryb2tlPSJub25lIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy41LTdsMS41LTIuNWgxN2wxLjUgMi41aC0yMHptLS41IDR2LTRoMjF2NEgxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTE0IDI5LjV2LTEzaDE3djEzSDE0eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTQgMTYuNUwxMSAxNGgyM2wtMyAyLjVIMTR6TTExIDE0VjloNHYyaDVWOWg1djJoNVY5aDR2NUgxMXoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTEyIDM1LjVoMjFtLTIwLTRoMTltLTE4LTJoMTdtLTE3LTEzaDE3TTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi41LTEyLjVMMzEgMjVsLS4zLTE0LjEtNS4yIDEzLjYtMy0xNC41LTMgMTQuNS01LjItMTMuNkwxNCAyNSA2LjUgMTMuNSA5IDI2eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNOSAyNmMwIDIgMS41IDIgMi41IDQgMSAxLjUgMSAxIC41IDMuNS0xLjUgMS0xLjUgMi41LTEuNSAyLjUtMS41IDEuNS41IDIuNS41IDIuNSA2LjUgMSAxNi41IDEgMjMgMCAwIDAgMS41LTEgMC0yLjUgMCAwIC41LTEuNS0xLTIuNS0uNS0yLjUtLjUtMiAuNS0zLjUgMS0yIDIuNS0yIDIuNS00LTguNS0xLjUtMTguNS0xLjUtMjcgMHoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTExIDM4LjVhMzUgMzUgMSAwIDAgMjMgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMTEgMjlhMzUgMzUgMSAwIDEgMjMgMG0tMjEuNSAyLjVoMjBtLTIxIDNhMzUgMzUgMSAwIDAgMjIgMG0tMjMgM2EzNSAzNSAxIDAgMCAyNCAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiLz48L2c+PC9zdmc+)}.cg-wrap piece.king.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjYiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMjIuNSAyNXM0LjUtNy41IDMtMTAuNWMwIDAtMS0yLjUtMy0yLjVzLTMgMi41LTMgMi41Yy0xLjUgMyAzIDEwLjUgMyAxMC41IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Ik0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN3M5LTQuNSA2LTEwLjVjLTQtNi41LTEzLjUtMy41LTE2IDRWMjd2LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMFYzN3oiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMyIDI5LjVzOC41LTQgNi4wMy05LjY1QzM0LjE1IDE0IDI1IDE4IDIyLjUgMjQuNWwuMDEgMi4xLS4wMS0yLjFDMjAgMTggOS45MDYgMTQgNi45OTcgMTkuODVjLTIuNDk3IDUuNjUgNC44NTMgOSA0Ljg1MyA5IiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMTEuNSAzMGM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDAiIHN0cm9rZT0iI2VjZWNlYyIvPjwvZz48L3N2Zz4=)}:root{--bg: #f7f6f3;--panel: #ffffff;--ink: #2b2b28;--muted: #6b6a64;--line: #e4e2dc;--accent: #629924;--ok: #629924;--warn: #c8871f;--bad: #b33a3a;--brand-1: #ff3419;--brand-2: #ff7701;--brand: #ff5a1f;--brand-gradient: linear-gradient(100deg, var(--brand-1), var(--brand-2));color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #161512;--panel: #262421;--ink: #e8e6e1;--muted: #9c9a94;--line: #3a3835;--warn: #e0a838}}:root[data-theme=light]{--bg: #f7f6f3;--panel: #ffffff;--ink: #2b2b28;--muted: #6b6a64;--line: #e4e2dc;color-scheme:light}:root[data-theme=dark]{--bg: #161512;--panel: #262421;--ink: #e8e6e1;--muted: #9c9a94;--line: #3a3835;--warn: #e0a838;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html,body{margin:0;min-height:100%}html{height:100%;-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;touch-action:manipulation;overscroll-behavior-y:contain}#app{flex:1 0 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:2rem;padding-inline:max(2rem,env(safe-area-inset-left)) max(2rem,env(safe-area-inset-right))}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:2rem 2.25rem;width:min(30rem,100%);box-shadow:0 1px 2px #0000000a}.card.wide{width:min(40rem,100%)}.brand{display:flex;align-items:center;gap:.55rem;font-size:1.5rem;font-weight:650;margin:0 0 .25rem}.brand-mark{width:1.5em;height:1.5em;border-radius:.34em;flex:none;display:block}.brand-word{letter-spacing:-.01em}.brand-sep{display:inline-block;width:.26em;height:.26em;border-radius:50%;background:var(--brand);margin:0 .14em;vertical-align:.3em}.tagline{color:var(--muted);margin:0 0 1.5rem}.status{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border:1px solid var(--line);border-radius:8px;font-size:.95rem}.dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--muted);flex:none}.status.ok .dot{background:var(--ok)}.status.bad .dot{background:var(--bad)}.status code{color:var(--muted);font-size:.85rem}.tagline{color:var(--muted)}.fine{color:var(--muted);font-size:.85rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.topbar .brand{margin:0}.who{display:flex;align-items:center;gap:.75rem;font-weight:600}.panel{border:1px solid var(--line);border-radius:10px;padding:1.25rem 1.5rem;margin-top:1.25rem}.panel h2{margin:0 0 .25rem;font-size:1.05rem}.panel.muted{opacity:.65}form{display:grid;gap:.85rem}.field{display:grid;gap:.3rem}.field>span,.label{font-size:.85rem;font-weight:600;color:var(--muted)}input,select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem;width:100%}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.row{display:flex;gap:1rem;align-items:end}.row .field{flex:1}.check{display:flex;align-items:center;gap:.4rem;white-space:nowrap;padding-bottom:.55rem}.check input{width:auto}.btn{font:inherit;font-weight:600;border-radius:8px;padding:.55rem 1rem;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .06s ease}.btn:hover{border-color:var(--muted)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:transparent}.tc-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.tc{display:grid;justify-items:center;gap:.1rem;border:1px solid var(--line);border-radius:8px;padding:.6rem .25rem;cursor:pointer}.tc.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tc input{display:none}.tc strong{font-variant-numeric:tabular-nums}.tc small{color:var(--muted);font-size:.7rem}.steps{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:1rem}.step{display:grid;gap:.5rem}.challenge{font-size:1.05rem}.board-stub{aspect-ratio:1;width:100%;border-radius:8px;background-image:conic-gradient(var(--line) 90deg,transparent 90deg 180deg,var(--line) 180deg 270deg,transparent 270deg);background-size:25% 25%;opacity:.5;margin:.5rem 0 1rem}.msg{margin:0;min-height:1.2em;font-size:.9rem;color:var(--muted)}.msg.bad{color:var(--bad)}.msg.ok{color:var(--ok)}.ok-line{color:var(--ok);font-weight:600}.invite-result{margin-top:1rem;display:grid;gap:.4rem}.copy{font-family:ui-monospace,monospace;font-size:.8rem}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.panel-head h2{margin:0}.export-all{font-size:.82rem;padding:.35rem .7rem}.study .panel+.panel{margin-top:1.25rem}.collapsible-sections{display:grid;gap:.65rem}.collapsible-section{border:1px solid var(--line);border-radius:10px;overflow:clip}.collapsible-section>summary{display:flex;align-items:center;gap:.65rem;padding:.75rem .85rem;cursor:pointer;list-style:none;background:color-mix(in srgb,var(--panel) 88%,var(--accent))}.collapsible-section>summary::-webkit-details-marker{display:none}.collapsible-section>summary:before{content:"▸";color:var(--accent);transition:transform .15s ease}.collapsible-section[open]>summary:before{transform:rotate(90deg)}.collapsible-section>summary>span:first-of-type{display:grid;gap:.12rem;flex:1}.collapsible-section>summary small{color:var(--muted);font-size:.78rem;font-weight:400}.section-count{min-width:1.7rem;padding:.12rem .4rem;border-radius:999px;background:var(--bg);color:var(--muted);text-align:center;font-size:.75rem;font-variant-numeric:tabular-nums}.section-body{display:grid;gap:.5rem;padding:.65rem}.course-card{align-items:stretch;padding:0;overflow:hidden}.course-card-main{display:grid;gap:.15rem;flex:1;min-width:0;padding:.65rem .8rem;color:inherit;text-decoration:none}.course-card-main:hover .opp{color:var(--accent)}.course-card .line-preview{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-side-links{display:flex;align-items:center;gap:.35rem;padding:.45rem .6rem .45rem 0}.course-side-links .btn.active{border-color:var(--accent);color:var(--accent)}.pgn-input{width:100%;box-sizing:border-box;font-family:ui-monospace,SF Mono,monospace;font-size:.85rem;resize:vertical;padding:.5rem .6rem;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:inherit}.import-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem;align-items:center}.file-label{cursor:pointer}.game-row .row-btns{flex:0 0 auto;display:inline-flex;gap:.35rem}.game-row .row-del{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:6px;padding:.15rem .4rem;cursor:pointer;font-size:.85rem;line-height:1}.game-row .row-del:hover{border-color:var(--bad);color:var(--bad)}.games{display:grid;gap:.5rem}.game-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .85rem;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:inherit}.game-row:hover{border-color:var(--muted)}.game-row .opp{font-weight:600}.game-row .meta{color:var(--muted);font-size:.85rem}.badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .45rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.badge.playing{color:#fff;background:var(--accent);border-color:var(--accent)}.badge.won{color:var(--ok);border-color:var(--ok)}.badge.lost{color:var(--bad);border-color:var(--bad)}#app:has(.game){place-items:start center}.game{display:grid;grid-template-columns:minmax(280px,68vh) minmax(15rem,22rem);gap:1.25rem;width:100%;max-width:60rem;align-items:start}.board-col{position:relative}.cg-board-wrap{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;touch-action:none}.side{display:grid;gap:.75rem;align-content:start}.side-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.8rem;color:var(--muted)}.conn{display:inline-flex;align-items:center;gap:.35rem;font-weight:600}.conn:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--muted)}.conn.ok{color:var(--ok)}.conn.ok:before{background:var(--ok)}.conn.bad{color:var(--bad)}.conn.bad:before{background:var(--bad)}.player{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border:1px solid var(--line);border-radius:8px}.pmeta{display:flex;flex-direction:column;gap:.05rem;min-width:0}.pname{font-weight:600}.plight{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.4rem;vertical-align:baseline;background:var(--muted)}.plight.live{background:var(--ok)}.plight.away{background:var(--warn);animation:plight-pulse 1.1s ease-in-out infinite}.plight.gone{background:var(--bad)}@keyframes plight-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.plight.away{animation:none}}.captured{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;min-height:1.15em;line-height:1}.cap-pieces{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.28rem}.cap-group{display:inline-flex;align-items:baseline;gap:.04rem}.cap-glyph{font-size:1.05rem;line-height:1;color:var(--ink)}.cap-pieces.cap-white .cap-glyph{color:color-mix(in srgb,var(--ink) 48%,var(--muted))}.cap-count{font-size:.66rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.cap-adv{font-size:.66rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);background:color-mix(in srgb,var(--line) 55%,transparent);border-radius:999px;padding:.06rem .36rem;line-height:1.25}.clock{font-family:ui-monospace,SF Mono,monospace;font-size:1.5rem;font-variant-numeric:tabular-nums;padding:.1rem .6rem;border-radius:6px;background:var(--bg);color:var(--muted)}.clock.active{color:var(--ink);background:var(--panel);box-shadow:inset 0 0 0 2px var(--accent)}.clock.low.active{box-shadow:inset 0 0 0 2px var(--bad);color:var(--bad)}.movelist{min-height:6rem;max-height:34vh;overflow-y:auto;border:1px solid var(--line);border-radius:8px;padding:.4rem .5rem;font-size:.9rem}.movelist,.chat-log{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}.move-row{display:grid;grid-template-columns:2.2rem 1fr 1fr;gap:.25rem;padding:.1rem .2rem}.move-row:nth-child(odd){background:color-mix(in srgb,var(--line) 35%,transparent)}.move-row .mn{color:var(--muted)}.move-row .san{font-variant-numeric:tabular-nums}.controls{display:flex;gap:.5rem}.controls .btn{flex:1}.gone-banner,.draw-offer,.rematch-offer{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.5rem .75rem;border-radius:8px;font-size:.9rem;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.gone-banner .btn,.draw-offer .btn,.rematch-offer .btn{padding:.3rem .7rem}@media(max-width:720px){.gone-banner:not([hidden]),.draw-offer:not([hidden]),.rematch-offer:not([hidden]){position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));margin-inline:auto;max-width:32rem;z-index:950;justify-content:center;background:color-mix(in srgb,var(--accent) 16%,var(--panel));box-shadow:0 10px 30px -6px #00000073;animation:dock-up .22s ease-out}}@keyframes dock-up{0%{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:720px)and (prefers-reduced-motion:reduce){.gone-banner:not([hidden]),.draw-offer:not([hidden]),.rematch-offer:not([hidden]){animation:none}}.result{display:grid;gap:.4rem;padding:1rem;border:1px solid var(--line);border-radius:10px;text-align:center;background:color-mix(in srgb,var(--panel) 45%,transparent);box-shadow:0 6px 16px -16px #00000059}.result-line{margin:0;font-weight:700;font-size:1.05rem}.result-head{display:flex;flex-direction:column;align-items:center;gap:.05rem}.result-score{font-family:ui-monospace,SF Mono,monospace;font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800;line-height:1.1}.result-word{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.result-head.won .result-score{color:var(--ok)}.result-head.lost .result-score{color:var(--bad)}.result-head.draw .result-score{color:var(--muted)}.result-head.won .result-word{color:color-mix(in srgb,var(--ok) 32%,var(--muted))}.result-head.lost .result-word{color:color-mix(in srgb,var(--bad) 32%,var(--muted))}.result-head.draw .result-word{color:var(--muted)}.result-reason{margin:0;color:var(--muted);font-size:.88rem}.result-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.4rem}.result-actions .btn{flex:1 1 auto}.promotion{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1rem;background:color-mix(in srgb,var(--bg) 28%,transparent);border-radius:6px;animation:promo-fade .15s ease-out}.promo-card{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;max-width:100%;padding:.65rem;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:15px;background:color-mix(in srgb,var(--panel) 82%,transparent);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 14px 36px -16px #00000073;animation:promo-pop .18s cubic-bezier(.3,1.25,.55,1)}.promo-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.promo-piece{width:3.8rem;height:3.8rem;padding:.25rem;display:grid;place-items:center;background:color-mix(in srgb,#fff 90%,transparent);border:1px solid color-mix(in srgb,#000 9%,transparent);border-radius:11px;cursor:pointer;transition:transform .11s ease,background .11s ease,border-color .11s ease,box-shadow .11s ease}.promo-piece:hover,.promo-piece:focus-visible{transform:translateY(-2px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,#fff);box-shadow:0 7px 16px -8px color-mix(in srgb,var(--accent) 70%,transparent);outline:none}.promotion piece{position:static;display:block;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none}.promo-cancel{align-self:center;min-width:8rem}@keyframes promo-fade{0%{opacity:0}to{opacity:1}}@keyframes promo-pop{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.promotion,.promo-card{animation:none}}.chat{display:grid;gap:.4rem}.chat-log{min-height:3rem;max-height:12rem;overflow-y:auto;border:1px solid var(--line);border-radius:8px;padding:.4rem .5rem;font-size:.85rem}.chat-line{margin-bottom:.15rem}.chat-line strong{color:var(--muted)}.note{min-height:1em;margin:0;font-size:.85rem;color:var(--muted)}.level-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:.4rem}.lvl{display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;padding:.5rem 0;cursor:pointer;font-variant-numeric:tabular-nums}.lvl.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.lvl input{display:none}.level-note{margin:.1rem 0 .5rem}.bot-games{display:grid;gap:.5rem;margin-top:1rem}#app:has(.analysis){place-items:start center}.analysis{display:grid;grid-template-columns:minmax(280px,68vh) minmax(15rem,22rem);gap:1.25rem;width:100%;max-width:62rem;align-items:start}.analysis .board-col{display:grid;grid-template-columns:16px 1fr;gap:.5rem;align-items:stretch}.eval-bar{position:relative;background:#454340;border-radius:4px;overflow:hidden;min-height:100%}.eval-fill{position:absolute;left:0;right:0;bottom:0;height:50%;background:#f2f0ec;transition:height .25s ease}.eval-bar.flipped .eval-fill{bottom:auto;top:0}.eval-tag{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:9px;font-family:ui-monospace,SF Mono,monospace;color:#54524f}.eval-bar.flipped .eval-tag{bottom:auto;top:2px}.opening-line{font-size:.85rem;font-weight:600;color:var(--accent)}.eval-readout{display:flex;align-items:baseline;gap:.6rem}.eval-num{font-family:ui-monospace,SF Mono,monospace;font-variant-numeric:tabular-nums;font-weight:700;font-size:1.25rem}.eval-readout .result-line{color:var(--muted);font-weight:600;font-size:.9rem}.engine-status{margin:0;font-size:.8rem;color:var(--muted);min-height:1em}.move-comment{border-left:2px solid var(--line);padding-left:.6rem;font-style:italic}.course-progress{height:3px;background:var(--line);border-radius:2px;overflow:hidden}.course-progress .fill{height:100%;width:0;background:var(--accent);transition:width .25s ease}@media(prefers-reduced-motion:reduce){.course-progress .fill{transition:none}}.progress-line{margin:0}.coach{border-left:3px solid var(--line);padding:.6rem .8rem}.coach.good{border-left-color:var(--accent)}.coach.bad{border-left-color:var(--bad)}.coach .coach-text{margin:0;font-size:.9rem}.coach .coach-title{margin:0 0 .25rem;font-size:.9rem;font-weight:700}.coach .coach-reply{margin:.35rem 0 0;color:var(--muted);font-size:.82rem}.turn-prompt{margin:0;color:var(--accent);font-weight:600;font-size:.9rem}.course-actions{flex-wrap:wrap}.course-side-picker{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.course-side-picker .fine{margin-right:.15rem}.course-side-picker .btn.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.course-moves{min-height:3rem}.course-moves:empty{display:none}.course-choices{display:grid;gap:.45rem;padding:.65rem}.course-choices[hidden]{display:none}.course-choices h3,.course-choices p{margin:0}.course-choices h3{font-size:.9rem}.move-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.move-choice:only-child{grid-column:1 / -1}.move-choice{display:grid;justify-items:start;gap:.08rem;min-height:44px;padding:.42rem .55rem;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.move-choice:hover,.move-choice:focus-visible{border-color:var(--accent);outline:none}.move-choice.book{border-style:dashed}.move-choice strong{font-size:1rem}.move-choice span,.move-choice small{color:var(--muted);font-size:.72rem}.book-credit{font-size:.7rem}.local-progress-note{margin-block:0}.engine-lines{display:flex;flex-direction:column;gap:2px}.eline{display:flex;gap:.6rem;align-items:baseline;background:none;border:0;padding:2px 0;cursor:pointer;text-align:left;font:inherit;font-size:.85rem;color:var(--ink)}.eline-eval{font-family:ui-monospace,SF Mono,monospace;font-variant-numeric:tabular-nums;min-width:3.2em;color:var(--muted)}.eline:hover .eline-moves{color:var(--accent)}.best-was{margin:0}.varline{margin:2px 0 2px 1.4rem;font-size:.85em;color:var(--muted);display:flex;align-items:baseline;gap:.15rem}.varline .san{cursor:pointer}.varline .san.cur{color:var(--accent);font-weight:600}.var-x{background:none;border:0;color:var(--muted);cursor:pointer;padding:0 .2rem;font-size:1em;line-height:1}.var-x:hover{color:var(--bad)}.side .actions{display:flex;flex-wrap:wrap;gap:.4rem}.side .actions .btn{font-size:.8rem;padding:.3rem .6rem}.side .actions .btn.flashed{color:var(--ok);border-color:var(--ok)}.game-row .row-dl{flex:0 0 auto;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:6px;padding:.15rem .4rem;cursor:pointer;font-size:.9rem;line-height:1}.game-row .row-dl:hover{border-color:var(--accent);color:var(--accent)}.analysis-moves .san{cursor:pointer;border-radius:4px;padding:0 .2rem}.analysis-moves .san:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.movelist .san.cur{background:var(--accent);color:#fff}.glyph{font-weight:700;margin-left:.15rem}.glyph.blunder,.san.blunder{color:var(--bad)}.glyph.mistake,.san.mistake{color:#d08a1d}.glyph.inaccuracy,.san.inaccuracy{color:#b0a01d}.san.cur .glyph{color:#fff}.nav{display:flex;gap:.35rem}.nav .btn{flex:1;padding:.4rem 0;font-size:1rem}.nav .btn:disabled{opacity:.3}.nav .btn svg{vertical-align:middle}.board-col.reviewing:after{content:"REVIEW";position:absolute;top:.5rem;left:.5rem;z-index:6;padding:.15rem .45rem;border-radius:4px;font-size:.62rem;font-weight:700;letter-spacing:.1em;color:#fff;background:color-mix(in srgb,var(--accent) 82%,black);pointer-events:none}.summary{display:grid;gap:.35rem}.sum-row{display:flex;align-items:center;gap:.6rem;padding:.35rem .6rem;border:1px solid var(--line);border-radius:8px;font-size:.85rem}.sum-name{font-weight:700;min-width:3.2rem}.sum-stat{font-variant-numeric:tabular-nums}.sum-stat.blunder{color:var(--bad)}.sum-stat.mistake{color:#d08a1d}.sum-stat.inaccuracy{color:#b0a01d}.brand a{color:inherit;text-decoration:none}.who{flex-wrap:wrap}.who .uname{font-weight:600}.my-ratings{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--muted);padding:.2rem .55rem;border:1px solid var(--line);border-radius:999px}.btn.icon{padding:.4rem .55rem;line-height:1}.panel h2 .see-all{float:right;font-size:.8rem;font-weight:600;color:var(--accent);text-decoration:none}.panel h2 .see-all:hover{text-decoration:underline}.rdiff{font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700;color:var(--muted)}.rdiff.up{color:var(--ok)}.rdiff.down{color:var(--bad)}.game-row{gap:.5rem}.game-row .opp{flex:1}.rating-line{margin:0;font-variant-numeric:tabular-nums;font-weight:700;color:var(--muted)}.rating-line.up{color:var(--ok)}.rating-line.down{color:var(--bad)}.boards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.board h3{margin:0 0 .5rem;font-size:.95rem}.ranks{display:grid;gap:.3rem}.rank-row{display:grid;grid-template-columns:1.6rem 1fr auto auto;align-items:center;gap:.6rem;padding:.4rem .6rem;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:inherit}.rank-row:hover{border-color:var(--muted)}.rank-row.me{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.rank-row .rk{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.rank-row .pn{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row .rt{font-variant-numeric:tabular-nums;font-weight:700}.rank-row .gc{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.rank-row .gc:after{content:" games"}.rating-cards{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.rating-card{display:grid;gap:.15rem;padding:.75rem 1.25rem;border:1px solid var(--line);border-radius:10px;min-width:6rem}.rc-label{font-size:.8rem;color:var(--muted)}.rc-val{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.rc-val.muted{color:var(--muted)}.h2h{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem}.h2h-cell{display:grid;gap:.1rem;place-items:center;padding:.75rem;border:1px solid var(--line);border-radius:10px}.h2h-cell strong{font-size:1.6rem;font-variant-numeric:tabular-nums}.h2h-cell span{font-size:.75rem;color:var(--muted)}.h2h-cell.win strong{color:var(--ok)}.h2h-cell.loss strong{color:var(--bad)}.clock.low.active{animation:lowpulse 1s ease-in-out infinite}@keyframes lowpulse{0%,to{box-shadow:inset 0 0 0 2px var(--bad)}50%{box-shadow:inset 0 0 0 3px var(--bad);background:color-mix(in srgb,var(--bad) 14%,var(--panel))}}@media(prefers-reduced-motion:reduce){.clock.low.active{animation:none}}@media(max-width:720px){#app{padding:.75rem}.card,.card.wide{padding:1.25rem 1.1rem;border-radius:10px}.game,.analysis{display:flex;flex-direction:column;align-items:stretch;max-width:32rem;margin-inline:auto;gap:.75rem}.game>.side,.analysis>.side{display:contents}.game>.board-col,.analysis>.board-col{order:3}.game>.side>*,.analysis>.side>*{order:10}.game>.side>.side-top,.analysis>.side>.side-top{order:1}.game>.side>.player{order:2}.game>.side>.player~.player{order:4}.game>.side>.result{order:5}.game>.side>.note{order:6}.note:empty{display:none}.game>.side>.nav-slot{order:7}.game>.side>.movelist{order:8}.game>.side>.controls{order:9}.game.waiting>.side>.note,.game.waiting>.side>.controls{order:10}.game.course>.side>.coach{order:4}.game.course>.side>.turn-prompt{order:5}.game.course>.side>.course-choices{order:6}.game.course>.side>.controls{order:7}.game.course>.side>.local-progress-note{order:8}.game.course>.side>.course-moves{order:9}.analysis>.side>.opening-line{order:4}.analysis>.side>.eval-readout{order:5}.analysis>.side>.move-comment{order:6}.analysis>.side>.engine-lines{order:7}.analysis>.side>.best-was{order:8}.analysis>.side>.nav-slot{order:9}.analysis>.side>.actions,.analysis>.side>.engine-status{order:11}.analysis>.side>.summary{order:12}.game .cg-board-wrap,.analysis .cg-board-wrap{width:100%;width:min(100%,calc(100dvh - 16rem));margin-inline:auto}#app:has(.game),#app:has(.analysis){place-items:start stretch}.game>.side>.player{padding:.4rem .65rem}.boards{grid-template-columns:1fr}.movelist{max-height:22vh}.chat-log{max-height:8rem}.clock{font-size:1.35rem}.btn{padding:.7rem 1rem;min-height:44px}.nav-links a,.tab-btn,.seg{padding-block:.55rem}.tc-picker{gap:.4rem}.rank-row .gc:after{content:""}}@media(max-width:420px){.course-card{flex-wrap:wrap}.course-card-main{flex-basis:100%}.course-side-links{width:100%;padding:0 .6rem .6rem}.course-side-links .btn{flex:1;min-height:40px}.collapsible-section>summary{padding-inline:.7rem}.level-picker{grid-template-columns:repeat(4,1fr)}.h2h-cell strong{font-size:1.3rem}.who{gap:.5rem}}.waiting .cg-board-wrap{opacity:.65}.wait-badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-weight:700;color:var(--ink);text-shadow:0 1px 0 var(--panel),0 0 12px var(--panel)}.wait-badge:before{content:"";width:.7rem;height:.7rem;margin-right:.5rem;border-radius:50%;background:var(--accent);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.presence-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--muted);vertical-align:middle;margin-right:.3rem}.presence-dot.on{background:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.ready-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .8rem;border:1px solid var(--accent);border-radius:8px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));font-size:.9rem}.ready-banner strong{font-weight:700}.ready-banner .spacer{flex:1}.ready-banner .btn{padding:.3rem .7rem;font-size:.85rem}#turn-alerts{position:fixed;left:max(.9rem,env(safe-area-inset-left));bottom:calc(.9rem + env(safe-area-inset-bottom));z-index:900;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .8rem .4rem .4rem;border:1px solid var(--accent);border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--ink);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 8px 24px -10px #0006}#turn-alerts:hover{background:color-mix(in srgb,var(--accent) 24%,var(--panel))}#turn-alerts .ta-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;border-radius:999px;background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;font-weight:800}#turn-alerts .ta-label{padding-right:.15rem}#ready-banners{position:fixed;top:max(.75rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:1000;display:grid;gap:.5rem;width:min(38rem,calc(100vw - 1.5rem))}#ready-banners .ready-banner{box-shadow:0 8px 24px #0000002e;background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.ready-banner .rb-note{color:var(--muted);font-style:italic}.ready-banner .rb-close{border:none;background:none;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 .2rem}.ready-banner .rb-close:hover{color:var(--ink)}#server-status{position:fixed;top:0;left:0;right:0;z-index:1100;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;padding-top:max(.5rem,env(safe-area-inset-top));background:color-mix(in srgb,var(--bad) 88%,#000);color:#fff;font-size:.85rem;font-weight:600;box-shadow:0 4px 16px #00000047;animation:ss-slide-in .2s ease-out}#server-status .ss-dot{width:.5rem;height:.5rem;border-radius:50%;background:#fff;animation:plight-pulse 1.1s ease-in-out infinite}@keyframes ss-slide-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#server-status,#server-status .ss-dot{animation:none}}:root{--sq-light: #eeeed2;--sq-dark: #769656;--sq-move: rgba(20, 85, 30, .5);--sq-last: rgba(186, 202, 68, .55)}:root[data-board=brown]{--sq-light: #f0d9b5;--sq-dark: #b58863;--sq-last: rgba(155, 199, 0, .41)}:root[data-board=blue]{--sq-light: #dee3e6;--sq-dark: #8ca2ad;--sq-move: rgba(20, 60, 120, .5);--sq-last: rgba(120, 160, 220, .5)}cg-board{background-color:var(--sq-light);background-image:conic-gradient(var(--sq-dark) 90deg,var(--sq-light) 90deg 180deg,var(--sq-dark) 180deg 270deg,var(--sq-light) 270deg);background-size:25% 25%;background-position:top left}cg-board square.move-dest{background:radial-gradient(var(--sq-move) 22%,transparent 22%)}cg-board square.oc.move-dest{background:radial-gradient(transparent 78%,var(--sq-move) 78%)}cg-board square.move-dest:hover{background:color-mix(in srgb,var(--sq-move) 60%,transparent)}cg-board square.selected{background-color:var(--sq-move)}cg-board square.last-move{background-color:var(--sq-last)}cg-board square.premove-dest{background:radial-gradient(rgba(20,30,85,.5) 22%,transparent 22%)}cg-board square.oc.premove-dest{background:radial-gradient(transparent 78%,#141e5533 78%)}cg-board square.current-premove{background-color:#141e5580}cg-board square.check{background:radial-gradient(ellipse at center,red,#e70000 25%,#a9000000 89%,#9e000000)}.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:#ffffffe6}.board-picker{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.board-swatch{display:grid;justify-items:center;gap:.3rem;cursor:pointer;font-size:.8rem;color:var(--muted)}.board-swatch input{position:absolute;opacity:0;width:0;height:0}.board-swatch .sw{width:3rem;height:3rem;border-radius:6px;border:1px solid var(--line);background-position:top left}.board-swatch.active .sw{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}.board-swatch.active{color:var(--ink);font-weight:600}.settings-appearance{display:grid;gap:1rem;margin-bottom:.5rem}.settings-gameplay{display:grid;gap:1rem;margin-bottom:.75rem}.field-help>span{display:grid;gap:.2rem}.field-help>span .fine{font-weight:400}.field-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem}.field-toggle .field-toggle-text{display:grid;gap:.2rem;font-size:.85rem;font-weight:600;color:var(--muted)}.field-toggle .field-toggle-text .fine{font-weight:400}.field-toggle input[type=checkbox]{flex:none;width:1.15rem;height:1.15rem;padding:0;accent-color:var(--accent);cursor:pointer}.topnav{display:flex;align-items:center;gap:.75rem 1rem;flex-wrap:wrap;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.topnav .brand{display:inline-flex;align-items:center;gap:.45rem;margin:0;font-size:1.15rem;font-weight:650;color:inherit;text-decoration:none}.topnav .brand-mark{width:1.4em;height:1.4em}.nav-links{display:flex;gap:.25rem;flex-wrap:wrap}.nav-links a{padding:.35rem .7rem;border-radius:8px;text-decoration:none;color:var(--muted);font-weight:600}.nav-links a:hover{color:var(--ink);background:color-mix(in srgb,var(--line) 45%,transparent)}.nav-links a.active{color:var(--ink);background:color-mix(in srgb,var(--accent) 16%,transparent)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.nav-right .uname{font-weight:600;color:inherit;text-decoration:none;white-space:nowrap}.nav-right .uname:hover{text-decoration:underline}.play-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:.5rem 0 .75rem}.btn.big{flex:1;min-width:11rem;padding:.9rem 1rem;font-size:1.05rem}.result-row{padding:0 .4rem 0 0}.result-row .row-main{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;text-decoration:none;color:inherit}.result-row .row-main .opp{flex:1}.btn.icon.replay{font-size:1.05rem;flex:none}.quick-challenge{display:grid;gap:.85rem}.settings-channels{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.settings-channels h3{margin:1rem 0 .35rem;font-size:1rem}.channel-list,.gateway-order{display:grid;gap:.45rem;margin:.75rem 0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:9px}.setting-row label{display:flex;align-items:center;gap:.55rem;margin:0}.setting-row input[type=checkbox]{width:1.05rem;height:1.05rem;padding:0;accent-color:var(--accent)}.gateway-route .btn{min-width:2.15rem;padding:.35rem .55rem}.gateway-code{display:inline-block;margin:.35rem 0;font-size:1.15rem;letter-spacing:.12em}.gateway-channel{align-items:flex-start}.channel-state .gateway-deep-link{display:inline-block;margin:.35rem 0 .5rem;text-decoration:none}.channel-state .gateway-deep-link+.fine,.channel-state .fine{display:block;margin-top:.15rem}.connect-mail{margin-top:.55rem}.connect-mail .fine{margin-top:.3rem}.connect-card{text-align:center}.connect-card .brand{justify-content:center}.connect-action{margin-top:1rem}.connect-open{display:inline-block;min-width:12rem;text-decoration:none}.connect-action .fine{margin-top:.7rem}.settings-account{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}.tab-btn{font:inherit;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;padding:.5rem .9rem;margin-bottom:-1px;cursor:pointer;white-space:nowrap}.tab-btn:hover{color:var(--ink)}.tab-btn.active{color:var(--ink);border-bottom-color:var(--accent)}.directory{display:grid;gap:.85rem}.challenge-opts summary{cursor:pointer;font-size:.85rem;color:var(--muted)}.challenge-opts summary .opts-summary{color:var(--ink);font-weight:600}.challenge-opts[open] summary{margin-bottom:.75rem}.challenge-opts .quick-challenge{padding-bottom:.25rem}.recent-chips{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.chips-label{font-size:.85rem;color:var(--muted);margin-right:.15rem}.chip{font:inherit;font-weight:600;font-size:.85rem;padding:.25rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}.chip:hover{border-color:var(--accent);color:var(--accent)}.dir-list{display:grid;gap:.4rem}.dir-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .85rem;border:1px solid var(--line);border-radius:8px}.dir-row:hover{border-color:var(--muted)}.dir-name{font-weight:600;color:inherit;text-decoration:none}.dir-name:hover{text-decoration:underline}.dir-meta{flex:1;color:var(--muted);font-size:.82rem}.btn.sm{padding:.35rem .9rem;font-size:.85rem}.dir-search{width:100%;font:inherit;padding:.6rem .85rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.dir-search:focus{outline:none;border-color:var(--accent)}.online-strip{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.online-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;padding:.25rem .7rem;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink);text-decoration:none}.online-chip:hover{border-color:var(--accent);color:var(--accent)}.paged-rows{display:grid;gap:.4rem}.paged-msg{margin:.5rem 0 0}@media(max-width:720px){.dir-search{position:sticky;top:.5rem;z-index:2}.dir-row{flex-wrap:wrap}.dir-row .btn.sm{min-height:44px;padding:.55rem 1rem}.load-more{width:100%}}.segmented{display:inline-flex;gap:.25rem;padding:.2rem;margin:.25rem 0 1rem;border:1px solid var(--line);border-radius:10px}.seg{font:inherit;font-weight:600;font-size:.85rem;color:var(--muted);background:none;border:none;border-radius:7px;padding:.4rem .9rem;cursor:pointer}.seg:hover{color:var(--ink)}.seg.active{color:var(--ink);background:color-mix(in srgb,var(--accent) 16%,transparent)}.load-more-wrap{display:flex;justify-content:center;margin-top:.85rem}.load-more{min-width:10rem}.btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line));background:transparent}.btn.danger:hover{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}.btn.danger:disabled{color:var(--muted);border-color:var(--line)}.msg.inline{display:inline-block;margin:0 0 0 .5rem}.card.admin-card{width:min(64rem,100%)}.admin-table-slot{overflow-x:auto}.admin-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.admin-filters .admin-search{flex:1 1 16rem;min-width:0;font:inherit;padding:.55rem .75rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.admin-filters select{flex:0 0 auto;width:auto;min-width:9rem;font:inherit;padding:.55rem .6rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.admin-filters .admin-search:focus,.admin-filters select:focus{outline:none;border-color:var(--accent)}.members-grid{width:100%;border-collapse:collapse;font-size:.92rem}.members-grid th,.members-grid td{text-align:left;vertical-align:middle;padding:.6rem .7rem}.members-grid th:first-child,.members-grid td:first-child{padding-left:0}.members-grid th:last-child,.members-grid td:last-child{padding-right:0}.members-grid thead th{padding-top:0;padding-bottom:.5rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap;border-bottom:1px solid var(--line)}.members-grid tbody td{border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.members-grid tbody tr:last-child td{border-bottom:none}.members-grid tbody tr:hover td{background:color-mix(in srgb,var(--ink) 5%,transparent)}.members-grid .cell-member a{font-weight:600}.members-grid .cell-member .fine{display:block;font-size:.78rem;overflow-wrap:anywhere}.members-grid .cell-role,.members-grid .cell-status{white-space:nowrap;width:1%}.members-grid .cell-inviter{color:var(--muted);font-size:.85rem;white-space:nowrap;width:1%}.status-badge{color:var(--muted);font-size:.8rem}.members-grid .th-actions,.members-grid .cell-actions{text-align:right;width:1%}.row-actions{display:flex;flex-wrap:nowrap;gap:.3rem;align-items:center;justify-content:flex-end}.row-actions .btn.sm{padding:.3rem .7rem;font-size:.8rem;border-radius:7px;white-space:nowrap}.cell-actions>.fine{color:var(--muted)}@media(max-width:720px){.members-grid,.members-grid tbody,.members-grid tr,.members-grid td{display:block}.members-grid thead{display:none}.members-grid tbody tr{padding:.75rem .85rem;margin-bottom:.6rem;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.members-grid tbody tr:hover td{background:none}.members-grid tbody td,.members-grid tbody tr:last-child td{padding:.12rem 0;border-bottom:none}.members-grid .cell-member{padding-bottom:.35rem}.members-grid .cell-role,.members-grid .cell-status,.members-grid .cell-inviter,.members-grid .cell-actions{width:auto;text-align:left}.members-grid td[data-label]:before{content:attr(data-label);display:inline-block;min-width:6.5rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.members-grid .cell-actions{padding-top:.6rem}.row-actions{flex-wrap:wrap;justify-content:flex-start;gap:.4rem}.row-actions .btn.sm{min-height:40px;padding:.5rem .9rem;font-size:.85rem}.admin-filters select{flex:1 1 8rem;min-width:0}}.gateway-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.gateway-admin-head .tagline{margin-top:0}.gateway-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:.75rem 0 1.2rem}.gateway-admin-summary>div{display:grid;gap:.15rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:9px;background:var(--bg)}.gateway-admin-summary strong{font-size:1.15rem}.gateway-admin-summary span{color:var(--muted);font-size:.78rem}.gateway-admin-alert{padding:.55rem .75rem;color:var(--bad);border:1px solid color-mix(in srgb,var(--bad) 35%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--bad) 8%,transparent)}.admin-messaging h3{margin:1.25rem 0 .45rem}.table-scroll{overflow-x:auto}.gateway-admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.gateway-admin-table th,.gateway-admin-table td{padding:.55rem .7rem;text-align:left;vertical-align:middle}.gateway-admin-table th:first-child,.gateway-admin-table td:first-child{padding-left:0}.gateway-admin-table th:last-child,.gateway-admin-table td:last-child{padding-right:0;text-align:right}.gateway-admin-table thead th{padding-top:0;padding-bottom:.5rem;color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--line)}.gateway-admin-table tbody td{border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.gateway-admin-table tbody tr:last-child td{border-bottom:none}.gateway-admin-table tbody tr:hover td{background:color-mix(in srgb,var(--ink) 5%,transparent)}.gateway-admin-table td .fine{display:block}.gateway-admin-table code{font-size:.75rem}.gateway-health{display:inline-block;padding:.12rem .45rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.72rem}.gateway-health.health-running{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}.gateway-health.health-degraded{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.role-badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.role-badge.role-superuser{color:#fff;background:var(--accent);border-color:var(--accent)}.role-badge.role-admin{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 12%,transparent)}.banned-badge{display:inline-block;font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent);border:1px solid color-mix(in srgb,var(--bad) 35%,var(--line))}.admin-groups .group-new{margin-bottom:1rem;border:1px solid var(--line);border-radius:10px;padding:.5rem .85rem}.admin-groups .group-new summary{cursor:pointer;font-weight:600}.group-new-body{padding-top:.75rem;display:grid;gap:.6rem;max-width:26rem}.range-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.group-card{border:1px solid var(--line);border-radius:10px;padding:.75rem .9rem;margin-bottom:.6rem}.group-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.group-head .fine{display:block;margin-top:.15rem}.group-head-actions{display:flex;gap:.35rem;flex-shrink:0}.group-kind{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .45rem;border-radius:999px;margin:0 .4rem;border:1px solid var(--line);color:var(--muted)}.group-kind.kind-live{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.group-members{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--line)}.member-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.member-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;padding:.2rem .55rem;border:1px solid var(--line);border-radius:999px;background:var(--bg)}.chip-x{border:none;background:none;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1;padding:0}.chip-x:hover{color:var(--bad)}.member-add{position:relative;max-width:22rem}.member-add .add-search{width:100%;font:inherit;padding:.5rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.member-add .add-search:focus{outline:none;border-color:var(--accent)}.add-results{position:absolute;z-index:5;left:0;right:0;margin-top:.25rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 6px 20px #0000002e;overflow:hidden}.add-option{display:block;width:100%;text-align:left;border:none;background:none;color:var(--ink);font:inherit;padding:.5rem .7rem;cursor:pointer}.add-option:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.add-option .fine{color:var(--muted)}.add-none{padding:.5rem .7rem}.admin-danger{display:grid;gap:1.25rem;max-width:34rem}.danger-block{border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem}.danger-block h3{margin:0 0 .5rem}.danger-block.danger{border-color:color-mix(in srgb,var(--bad) 35%,var(--line))}.toggle-row{display:flex;gap:.6rem;align-items:flex-start;cursor:pointer}.reset-row{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}@media(max-width:560px){.gateway-admin-summary{grid-template-columns:1fr}}.reset-row input{flex:1;min-width:0}.app-dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:1rem 1.1rem;max-width:22rem}.app-dialog::backdrop{background:#00000073}.dialog-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.9rem}.app-footer{flex:0 0 auto;max-width:720px;margin:2.5rem auto 0;padding:1rem 1.25rem max(4pt,env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.35rem .85rem;text-align:center;color:var(--muted);font-size:.76rem;line-height:1.5}.app-footer strong{color:var(--ink);font-weight:600}.accept-actions{display:flex;flex-wrap:wrap;gap:.6rem}.accept-actions .btn{flex:1 1 auto}.activity-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.activity-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .85rem;border:1px solid var(--line);border-radius:8px}.activity-row:hover{border-color:var(--muted)}.act-status.pill{flex:0 0 auto;min-width:5.5rem;text-align:center;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:color-mix(in srgb,var(--muted) 18%,transparent);color:var(--muted)}.activity-row.status-accepted .act-status.pill{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.activity-row.status-declined .act-status.pill,.activity-row.status-expired .act-status.pill,.activity-row.status-canceled .act-status.pill{background:color-mix(in srgb,var(--bad) 15%,transparent);color:var(--bad)}.activity-row.status-created .act-status.pill{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn)}.act-opp{flex:1;display:flex;align-items:center;gap:.35rem;min-width:0}.act-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-waiting{flex:0 0 auto;font-size:.7rem;font-weight:600;color:var(--accent);padding:.1rem .45rem;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:999px;animation:pulse 1.8s ease-in-out infinite}.act-when{flex:0 0 auto;color:var(--muted);font-size:.78rem}.app-footer .af-version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;opacity:.85;white-space:nowrap}.lang-toggle{font-weight:700;font-size:.8rem;letter-spacing:.02em;min-width:2.2rem}.auth-card{position:relative}.auth-top{display:flex;justify-content:flex-end;margin-bottom:.25rem;min-height:1.6rem}.join-cta{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line);display:grid;gap:.6rem}.join-title{margin:.25rem 0;font-size:1.15rem}.btn.brand-btn{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));color:var(--brand)}.btn.brand-btn:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,transparent)}@media(hover:none){.btn:hover{border-color:var(--line)}.btn.primary:hover{filter:none}.game-row:hover,.rank-row:hover,.dir-row:hover,.activity-row:hover{border-color:var(--line)}.chip:hover,.online-chip:hover{border-color:var(--line);color:var(--ink)}.nav-links a:hover{background:none;color:var(--muted)}.nav-links a.active,.nav-links a.active:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 16%,transparent)}}