@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";.cg-wrap{box-sizing:content-box;display:block;position:relative}cg-container{width:100%;height:100%;display:block;position:absolute;top:0}cg-board{-webkit-user-select:none;user-select:none;background-size:cover;width:100%;height:100%;line-height:0;position:absolute;top:0;left:0}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{pointer-events:none;width:12.5%;height:12.5%;position:absolute;top:0;left:0}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{z-index:2;will-change:transform;pointer-events:none;background-size:cover;width:12.5%;height:12.5%;position:absolute;top:0;left:0}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{pointer-events:none;z-index:2;opacity:.6;width:100%;height:100%;position:relative;top:0;left:0;overflow:hidden}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{opacity:.6;z-index:2;overflow:hidden}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg{overflow:visible}.cg-wrap coords{pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px;display:flex;position:absolute}.cg-wrap coords.ranks{flex-flow:column-reverse;width:12px;height:100%;top:-20px;left:4px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{align-items:flex-end;left:-15px}.cg-wrap coords.files{text-transform:uppercase;text-align:center;flex-flow:row;width:100%;height:16px;bottom:-4px;left:24px}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.cg-wrap coords.squares{text-transform:uppercase;text-align:right;flex-flow:column-reverse;width:12.5%;height:100%;bottom:0;left:0}.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-main:#0a0d14;--bg-card:#121826bf;--bg-card-hover:#1a2234d9;--bg-surface:#141b2d;--border-subtle:#ffffff14;--border-active:#5eead459;--accent-teal:#14b8a6;--accent-teal-glow:#14b8a640;--accent-emerald:#10b981;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-gold:#f59e0b;--accent-danger:#ef4444;--text-main:#f8fafc;--text-muted:#94a3b8;--text-faint:#64748b;--board-light:#dee3e6;--board-dark:#8ca2ad;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-lg:16px;--radius-md:10px;--radius-sm:6px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);color:var(--text-main);font-family:var(--font-body);background-image:radial-gradient(circle at 15% 20%,#14b8a60f 0%,#0000 40%),radial-gradient(circle at 85% 80%,#3b82f60f 0%,#0000 40%);flex-direction:column;height:100vh;max-height:100vh;display:flex;overflow:hidden}.app-header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:100;box-sizing:border-box;background:#0a0d14d9;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:.65rem 2rem;display:flex;position:sticky;top:0}.brand-wrapper{align-items:center;gap:.75rem;display:flex}.brand-icon{background:linear-gradient(135deg, var(--accent-teal), #06b6d4);border-radius:var(--radius-sm);width:34px;height:34px;box-shadow:0 4px 14px var(--accent-teal-glow);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.5px;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.brand-badge{color:#2dd4bf;text-transform:uppercase;letter-spacing:.5px;background:#14b8a626;border:1px solid #2dd4bf4d;border-radius:12px;padding:2px 7px;font-size:.65rem;font-weight:600}.nav-tabs{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff0a;gap:.5rem;padding:4px;display:flex}.tab-btn{color:var(--text-muted);font-family:var(--font-display);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:var(--text-main);background:#ffffff0d}.tab-btn.active{background:var(--accent-teal);color:#042f2e;box-shadow:0 2px 10px var(--accent-teal-glow);font-weight:600}.header-actions{align-items:center;gap:1rem;display:flex}.engine-status-pill{background:var(--bg-card);border:1px solid var(--border-subtle);font-family:var(--font-mono);border-radius:20px;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.75rem;display:flex}.status-dot{background:#64748b;border-radius:50%;width:8px;height:8px;transition:all .3s}.status-dot.ready{background:var(--accent-emerald);box-shadow:0 0 8px #10b98199}.status-dot.searching{background:#38bdf8;animation:1.2s infinite pulse-search;box-shadow:0 0 10px #38bdf8}.status-dot.loading{background:var(--accent-gold);animation:1s infinite pulse-search}.status-dot.paused{box-shadow:none;background:#64748b;animation:none}@keyframes pulse-search{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.6;transform:scale(.9)}}.app-container{box-sizing:border-box;grid-template-columns:auto 1fr;align-items:start;gap:1.5rem;width:100%;max-width:100%;height:calc(100vh - 52px);margin:.75rem auto 0;padding:0 1.5rem;display:grid;overflow:hidden}.board-arena{align-items:flex-start;gap:1rem;display:flex}.eval-bar-wrapper{border:1px solid var(--border-subtle);background:#1e293b;border-radius:14px;flex-direction:column;justify-content:flex-end;width:28px;height:560px;transition:opacity .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006}.eval-bar-wrapper.disabled{opacity:.32;pointer-events:none;box-shadow:none;cursor:not-allowed;border-color:#ffffff0d}.eval-bar-wrapper.disabled .eval-bar-fill{transition:none;background:#ffffff14!important;height:50%!important}.eval-bar-wrapper.disabled .eval-badge{display:none!important}.eval-bar-fill{background:linear-gradient(#e2e8f0,#fff);width:100%;height:50%;transition:height .35s cubic-bezier(.4,0,.2,1)}.eval-badge{font-family:var(--font-mono);white-space:nowrap;pointer-events:none;z-index:2;border-radius:4px;padding:2px 4px;font-size:.65rem;font-weight:700;transition:all .3s;position:absolute;left:50%;transform:translate(-50%)}.eval-badge.white-adv{color:#0f172a;background:#ffffffe6;bottom:8px}.eval-badge.black-adv{color:#fff;background:#0f172ae6;top:8px}.board-column{flex-direction:column;gap:.65rem;display:flex}.board-container{aspect-ratio:1;border-radius:var(--radius-md);border:2px solid #ffffff14;min-width:560px;min-height:560px;display:block;position:relative;overflow:hidden;box-shadow:0 10px 30px #0009;width:560px!important;height:560px!important}.board-container cg-container{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.board-container cg-board{width:100%;height:100%;display:block;position:absolute;top:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Crect width='50' height='50' fill='%23dee3e6'/%3E%3Crect x='50' width='50' height='50' fill='%238ca2ad'/%3E%3Crect y='50' width='50' height='50' fill='%238ca2ad'/%3E%3Crect x='50' y='50' width='50' height='50' fill='%23dee3e6'/%3E%3C/svg%3E")!important;background-repeat:repeat!important;background-size:25% 25%!important}.board-container.board-wood cg-board{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Crect width='50' height='50' fill='%23f0d9b5'/%3E%3Crect x='50' width='50' height='50' fill='%23b58863'/%3E%3Crect y='50' width='50' height='50' fill='%23b58863'/%3E%3Crect x='50' y='50' width='50' height='50' fill='%23f0d9b5'/%3E%3C/svg%3E")!important;background-repeat:repeat!important;background-size:25% 25%!important}.board-container cg-board square.last-move{background-color:#14b8a659!important}.board-container cg-board square.selected{background-color:#f59e0b59!important}.board-container cg-board square.move-dest{background:radial-gradient(#14b8a6a6 20%,#0000 22%)!important}.board-container cg-board square.check{background:radial-gradient(#ef4444d9 0%,#ef444433 70%,#0000 80%)!important}.board-container coords coord{color:#00000080!important;font-family:var(--font-mono)!important;font-weight:700!important}.board-toolbar{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-sizing:border-box;justify-content:space-between;align-items:center;width:560px;padding:.5rem 1rem;display:flex}.toolbar-group{align-items:center;gap:.5rem;display:flex}.btn-icon{border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex}.btn-icon:hover{color:var(--accent-teal);border-color:var(--border-active);background:#ffffff1f}.btn-icon:active{transform:scale(.95)}.board-editor-bar{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-sizing:border-box;flex-direction:column;gap:.45rem;width:560px;padding:.5rem .85rem;display:flex}.editor-underboard-actions{align-items:center;gap:.6rem;display:flex}.panel-column{flex-direction:column;gap:.85rem;min-width:0;height:100%;max-height:calc(100vh - 65px);padding-right:4px;display:flex;overflow-y:auto}.panel-column::-webkit-scrollbar{width:5px}.panel-column::-webkit-scrollbar-track{background:0 0}.panel-column::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}#panel-play,#panel-editor{max-width:620px}.panel-openings{grid-template-columns:1fr minmax(360px,420px);align-items:start;gap:1.25rem;width:100%;display:grid}.openings-tree-col{flex-direction:column;gap:.75rem;min-width:0;height:100%;display:flex}.openings-tree-col .openings-search-card{flex-shrink:0}.openings-tree-col .openings-tree-card{flex-direction:column;flex:1;min-height:480px;max-height:calc(100vh - 215px);display:flex}.openings-details-col{flex-direction:column;min-width:0;height:100%;display:flex}.openings-details-col .openings-hero-card{flex-direction:column;height:100%;min-height:596px;max-height:calc(100vh - 75px);display:flex;overflow-y:auto}.panel-analysis{grid-template-columns:minmax(360px,1.25fr) minmax(270px,.75fr);align-items:start;gap:1.25rem;width:100%;display:grid}.analysis-engine-col{flex-direction:column;gap:.75rem;min-width:0;display:flex}.analysis-history-col{flex-direction:column;min-width:0;height:100%;display:flex}.analysis-history-col .move-history-card{flex-direction:column;height:100%;min-height:596px;max-height:calc(100vh - 75px);display:flex}.analysis-history-col #analysis-move-table-wrapper{flex:1;max-height:calc(100vh - 175px);overflow-y:auto}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);flex-direction:column;gap:.85rem;padding:1.15rem 1.25rem;display:flex;box-shadow:0 4px 24px #00000040}.card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:.65rem;display:flex}.card-title{font-family:var(--font-display);align-items:center;gap:.5rem;font-size:1.05rem;font-weight:600;display:flex}.engine-nnue-tag{font-family:var(--font-mono);color:var(--text-faint);border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:4px;padding:2px 6px;font-size:.7rem}.engine-header-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.threads-header-ctrl{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff08;align-items:center;gap:.45rem;padding:3px 6px 3px 8px;transition:border-color .15s,background .15s;display:flex}.threads-header-ctrl:hover{background:#ffffff0d;border-color:#ffffff26}.threads-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);-webkit-user-select:none;user-select:none;font-size:.7rem;font-weight:600}.threads-select{border:1px solid var(--border-subtle);color:var(--text-main);font-family:var(--font-mono);cursor:pointer;background:#ffffff14;border-radius:4px;outline:none;height:22px;padding:1px 4px;font-size:.8rem;font-weight:600;transition:all .15s}.threads-select:hover{border-color:var(--accent-teal);color:var(--accent-teal)}.threads-select:focus{border-color:var(--accent-teal);box-shadow:0 0 0 2px #2dd4bf33}.threads-select option{color:var(--text-main);background:#111726}.multipv-header-ctrl{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff08;align-items:center;gap:.45rem;padding:3px 7px 3px 8px;transition:border-color .15s,background .15s;display:flex}.multipv-header-ctrl.is-all-active{background:#2dd4bf0a;border-color:#2dd4bf66}.multipv-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);font-size:.7rem;font-weight:600}.multipv-btn-group{align-items:center;gap:4px;display:flex}.multipv-btn{border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:.95rem;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.multipv-btn:hover:not(:disabled){background:var(--accent-teal);color:#0b0f19;border-color:var(--accent-teal)}.multipv-btn:disabled{opacity:.25;cursor:not-allowed}.multipv-badge{font-family:var(--font-mono);color:var(--accent-teal);text-align:center;cursor:pointer;border-radius:3px;min-width:16px;padding:0 3px;font-size:.82rem;font-weight:700;transition:background .12s}.multipv-badge:hover:not(.badge-all){background:#2dd4bf26}.multipv-badge.badge-all{color:var(--accent-teal);cursor:default;font-size:.75rem}.multipv-number-input{border:1px solid var(--accent-teal);width:24px;color:var(--accent-teal);font-family:var(--font-mono);text-align:center;-moz-appearance:textfield;background:#0f172af2;border-radius:3px;outline:none;padding:1px 0;font-size:.82rem;font-weight:700}.multipv-number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.multipv-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.multipv-divider{background:var(--border-subtle);width:1px;height:14px;margin:0 1px}.multipv-all-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;display:flex}.multipv-all-checkbox{appearance:none;border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff0d;border-radius:3px;justify-content:center;align-items:center;width:13px;height:13px;margin:0;transition:all .15s;display:inline-flex;position:relative}.multipv-all-checkbox:hover{border-color:var(--accent-teal)}.multipv-all-checkbox:checked{background:var(--accent-teal);border-color:var(--accent-teal)}.multipv-all-checkbox:checked:after{content:"";border:2px solid #0b0f19;border-width:0 2px 2px 0;width:3px;height:6px;display:block;transform:rotate(45deg)translate(-.5px,-.5px)}.multipv-all-text{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.68rem;font-weight:600;transition:color .15s}.multipv-header-ctrl.is-all-active .multipv-all-text{color:var(--accent-teal);font-weight:700}.engine-metrics-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}@media (width<=540px){.engine-metrics-grid{grid-template-columns:repeat(3,1fr)}}.metric-box{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-align:center;background:#ffffff08;min-width:0;padding:.55rem .45rem}.metric-label{text-transform:uppercase;color:var(--text-faint);letter-spacing:.5px;margin-bottom:2px;font-size:.65rem}.metric-val{font-family:var(--font-mono);color:var(--accent-teal);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.metric-val.black-adv{color:#38bdf8}.engine-pv-container{overscroll-behavior:contain;flex-direction:column;gap:.45rem;min-height:70px;max-height:310px;padding-right:4px;display:flex;overflow:hidden auto}.engine-pv-container::-webkit-scrollbar{width:5px}.engine-pv-container::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.engine-pv-container::-webkit-scrollbar-thumb{background:#2dd4bf40;border-radius:4px}.engine-pv-container::-webkit-scrollbar-thumb:hover{background:#2dd4bf80}.pv-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;border-left:3px solid #ffffff26;align-items:center;gap:.65rem;padding:.45rem .55rem .45rem .75rem;font-size:.82rem;transition:background .15s,border-color .15s,transform .15s;display:flex}.pv-item:hover:not(.is-expanded){background:#ffffff0d;border-color:#2dd4bf59;transform:translate(2px)}.pv-item.is-expanded{background:#0f172abf;border-color:#2dd4bf66;align-items:flex-start;transform:none;box-shadow:0 4px 18px #00000059}.pv-item.is-expanded .pv-rank,.pv-item.is-expanded .pv-score-pill,.pv-item.is-expanded .pv-depth-tag,.pv-item.is-expanded .pv-expand-btn{margin-top:1px}.pv-item.line-1{border-left:3px solid var(--accent-teal)}.pv-item.line-2{border-left:3px solid #38bdf8}.pv-item.line-3{border-left:3px solid #facc15}.pv-item.line-4{border-left:3px solid #c084fc}.pv-item.line-5{border-left:3px solid #f472b6}.pv-item.line-6{border-left:3px solid #fb923c}.pv-item.line-7{border-left:3px solid #a3e635}.pv-item.line-8{border-left:3px solid #2dd4bf}.pv-item.line-9{border-left:3px solid #e879f9}.pv-item.line-10{border-left:3px solid #94a3b8}.pv-rank{color:var(--text-faint);text-align:right;flex-shrink:0;min-width:16px;font-size:.7rem;font-weight:700}.pv-score-pill{text-align:center;min-width:46px;color:var(--text-muted);background:#ffffff0d;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:.78rem;font-weight:700}.pv-score-pill.positive{color:#34d399;background:#10b9812e}.pv-score-pill.negative{color:#f87171;background:#ef44442e}.pv-moves{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8rem;overflow:hidden}.pv-item.is-expanded .pv-moves{white-space:normal;overscroll-behavior:contain;flex-wrap:wrap;align-items:center;gap:2px 4px;max-height:190px;padding:1px 0;line-height:1.5;display:flex;overflow-y:auto}.pv-moves::-webkit-scrollbar{width:4px}.pv-moves::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.pv-move-ply{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;align-items:baseline;gap:2px;padding:1px 3px;transition:all .12s;display:inline-flex}.pv-move-ply:hover{color:#fff;background:#2dd4bf38}.pv-move-ply:hover .pv-move-san{color:var(--accent-teal);text-decoration:underline}.pv-move-num{color:var(--text-faint);margin-right:1px;font-size:.74rem}.pv-move-san{color:var(--text-main)}.pv-move-ply.pv-first-move .pv-move-san{color:var(--accent-teal);font-weight:700}.pv-depth-tag{color:var(--text-faint);white-space:nowrap;flex-shrink:0;margin-left:auto;padding-left:4px;font-size:.65rem}.pv-expand-btn{width:22px;height:22px;color:var(--text-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.pv-expand-btn:hover{color:var(--accent-teal);background:#ffffff1a;border-color:#2dd4bf4d}.pv-expand-svg{width:14px;height:14px;transition:transform .22s cubic-bezier(.16,1,.3,1),color .15s}.pv-item.is-expanded .pv-expand-svg{color:var(--accent-teal);transform:rotate(180deg)}.pv-item-placeholder{border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-faint);background:#ffffff04;align-items:center;gap:.65rem;padding:.45rem .65rem;font-size:.78rem;display:flex}.pv-item-placeholder .pv-expand-btn{opacity:.2;pointer-events:none}.move-history-card{flex:1;min-height:220px}.move-table-wrapper{max-height:240px;overflow-y:auto}.move-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:.85rem}.move-table th{text-align:left;color:var(--text-faint);border-bottom:1px solid var(--border-subtle);padding:6px 8px;font-size:.75rem}.move-table td{cursor:pointer;padding:6px 8px}.move-table tr:hover td{background:#ffffff0a}.move-ply{-webkit-user-select:none;user-select:none;border-radius:4px;padding:3px 6px;transition:all .15s}.move-ply:hover{background:#ffffff14}.move-ply.active{color:#2dd4bf;background:#14b8a640;font-weight:600}.move-ply-inner{justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.move-san{white-space:nowrap;letter-spacing:.01em;font-weight:600}.move-eval-badge{font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;padding:1px 5px;font-weight:700;line-height:1.3;transition:all .15s;display:inline-flex}.move-eval-badge.positive{color:#34d399;background:#10b98124;border-color:#34d39940}.move-eval-badge.negative{color:#f87171;background:#ef444424;border-color:#f8717140}.move-eval-badge.neutral{color:var(--text-muted);background:#ffffff0d;border-color:#ffffff14}.move-eval-val{letter-spacing:-.01em;font-weight:700}.move-eval-depth{color:var(--text-faint);opacity:.85;font-size:.65rem;font-weight:500}.move-eval-badge.positive .move-eval-depth{color:#34d399cc}.move-eval-badge.negative .move-eval-depth{color:#f87171cc}.move-ply.active .move-eval-badge{box-shadow:0 0 8px #2dd4bf33}.move-eval-badge.is-calculating{border-style:dashed}.btn-history-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:#ffffff0a;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-history-toggle:hover{color:var(--text-main);background:#ffffff14;border-color:#ffffff26}.btn-history-toggle.active{color:#2dd4bf;background:#14b8a61f;border-color:#2dd4bf59}.btn-history-toggle .btn-toggle-icon{font-family:var(--font-mono);font-size:.8rem;font-weight:700;line-height:1}#analysis-move-history-card.hide-move-evals .move-eval-badge{display:none!important}.move-table td.move-table-empty{text-align:center;color:var(--text-faint);font-family:var(--font-body);cursor:default;padding:1.5rem .5rem;font-size:.8rem}.move-table tr:hover td.move-table-empty{background:0 0}.game-result-row td{cursor:default;border-top:1px solid var(--border-subtle);padding:8px}.game-result-row:hover td{background:0 0}.move-result-cell{text-align:center;font-family:var(--font-display)}.result-score{color:var(--accent-teal);margin-right:6px;font-size:.95rem;font-weight:700}.result-desc{color:var(--text-muted);font-size:.8rem}.move-table-wrapper{scroll-behavior:smooth;max-height:240px;overflow-y:auto}.move-table-wrapper::-webkit-scrollbar{width:5px}.move-table-wrapper::-webkit-scrollbar-track{background:0 0}.move-table-wrapper::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}#panel-play{flex-direction:column;gap:.65rem;width:100%;max-width:580px;display:flex}#panel-play.match-in-progress{height:100%}#play-move-history-card{flex-direction:column;min-height:180px;display:flex}#panel-play.match-in-progress #play-move-history-card{flex:1;min-height:280px}#panel-play.match-in-progress #play-move-table-wrapper{flex:1;min-height:220px;max-height:calc(100vh - 280px)}.player-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff08;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;transition:all .25s;display:flex}.player-card.active-turn{border-color:var(--accent-teal);background:#14b8a614;box-shadow:0 0 16px #14b8a626}.player-info{align-items:center;gap:.75rem;display:flex}.player-avatar{background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.player-title{font-size:.95rem;font-weight:600}.player-rating{color:var(--text-faint);white-space:nowrap;font-size:.75rem}.player-timer-actions{align-items:center;gap:.65rem;display:flex}.btn-resign{color:#f87171;font-family:var(--font-display);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#ef44441f;border:1px solid #ef444459;align-items:center;gap:.4rem;padding:6px 13px;font-size:.8rem;font-weight:600;line-height:1.2;transition:all .2s;display:inline-flex}.btn-resign:hover:not(:disabled){color:#fca5a5;background:#ef444438;border-color:#ef4444a6;transform:translateY(-1px);box-shadow:0 0 14px #ef44444d}.btn-resign:active:not(:disabled){transform:translateY(0)}.btn-resign:disabled{opacity:.35;cursor:not-allowed;color:var(--text-faint);box-shadow:none;background:#ffffff0a;border-color:#ffffff14}.btn-resign-icon{font-size:.85rem}.player-clock{font-family:var(--font-mono);color:var(--text-main);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#00000059;padding:4px 12px;font-size:1.35rem;font-weight:700}.player-card.active-turn .player-clock{color:var(--accent-teal);border-color:var(--accent-teal)}.fen-input-wrapper{gap:.5rem;display:flex}.input-text{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-mono);background:#0000004d;outline:none;flex:1;padding:.6rem .85rem;font-size:.8rem;transition:border-color .2s}.input-text:focus{border-color:var(--accent-teal)}.btn-primary{background:linear-gradient(135deg, var(--accent-teal), #0d9488);color:#fff;font-family:var(--font-display);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{filter:brightness(1.15);box-shadow:0 4px 14px var(--accent-teal-glow)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-subtle);font-family:var(--font-display);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff14;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff26}.btn-danger{background:linear-gradient(135deg, var(--accent-danger), #dc2626);color:#fff;font-family:var(--font-display);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger:hover{filter:brightness(1.15);box-shadow:0 4px 14px #ef444466}.setup-pos-badge{color:#c4b5fd;letter-spacing:.2px;background:#8b5cf626;border:1px solid #8b5cf659;border-radius:12px;align-items:center;gap:.45rem;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.setup-pos-badge button{color:#c4b5fd;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:1px 3px;font-size:.85rem;line-height:1;transition:all .15s;display:inline-flex}.setup-pos-badge button:hover{color:#fff;background:#fff3}.tc-section{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:.65rem;margin:.35rem 0;padding:.65rem 0;display:flex}.tc-section.hidden{display:none!important}.tc-header{justify-content:space-between;align-items:center;display:flex}.tc-active-badge{font-family:var(--font-mono);color:#2dd4bf;letter-spacing:.3px;background:#14b8a626;border:1px solid #2dd4bf4d;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600;transition:all .2s}.tc-grid{grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}@media (width<=480px){.tc-grid{grid-template-columns:repeat(3,1fr)}}.tc-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;background:#ffffff08;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:.5rem .3rem;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.tc-chip:hover{background:#ffffff12;border-color:#ffffff2e;transform:translateY(-1px)}.tc-chip.active{border-color:var(--accent-teal);background:#14b8a629;box-shadow:0 0 12px #14b8a640}.tc-chip-icon{font-size:.85rem;line-height:1}.tc-chip-time{font-family:var(--font-display);color:var(--text-main);white-space:nowrap;font-size:.82rem;font-weight:600}.tc-chip.active .tc-chip-time{color:#5eead4;font-weight:700}.tc-chip-type{color:var(--text-faint);text-transform:uppercase;letter-spacing:.4px;font-size:.62rem}.tc-chip.active .tc-chip-type{color:#2dd4bf}.tc-chip-custom{background:#ffffff05}.tc-chip-custom.active{border-color:var(--accent-teal);background:#14b8a629;box-shadow:0 0 12px #14b8a640}.tc-custom-drawer{border-radius:var(--radius-sm);background:#0000004d;border:1px dashed #14b8a659;flex-direction:column;gap:.75rem;margin-top:.25rem;padding:.75rem .85rem;animation:.2s fadeInDown;display:flex}.tc-custom-drawer.hidden{display:none}.tc-custom-control{flex-direction:column;gap:.35rem;display:flex}.tc-custom-header{justify-content:space-between;align-items:center;display:flex}.tc-custom-title{color:var(--text-muted);font-size:.75rem;font-weight:500}.tc-custom-val{font-family:var(--font-mono);color:var(--accent-teal);background:#14b8a61f;border:1px solid #14b8a640;border-radius:4px;padding:1px 7px;font-size:.75rem;font-weight:600}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.form-row{justify-content:space-between;align-items:center;padding:.4rem 0;display:flex}.form-label{color:var(--text-muted);font-size:.85rem}.slider-container{flex:1;justify-content:flex-end;align-items:center;gap:.75rem;max-width:68%;display:flex}#bot-skill-val{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;text-align:right;flex-shrink:0;min-width:130px;font-size:.8rem}input[type=range]{accent-color:var(--accent-teal);cursor:pointer;flex:1}select{color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-body);background:#141b2d;outline:none;padding:.4rem .75rem}.loading-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#0a0d14eb;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-card{background:var(--bg-card);border:1px solid var(--border-active);border-radius:var(--radius-lg);text-align:center;flex-direction:column;gap:1.25rem;width:90%;max-width:480px;padding:2.5rem;display:flex;box-shadow:0 12px 40px #0009}.loading-spinner{border:3px solid #14b8a633;border-top-color:var(--accent-teal);border-radius:50%;width:48px;height:48px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{background:#ffffff14;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(to right, var(--accent-teal), #06b6d4);width:0%;height:100%;transition:width .2s}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;opacity:1;visibility:visible;background:#0a0d14d6;justify-content:center;align-items:center;transition:opacity .2s cubic-bezier(.16,1,.3,1),visibility .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:1.25rem;width:90%;max-width:440px;padding:1.75rem 2rem;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex;transform:scale(1);box-shadow:0 20px 50px #000000bf,0 0 0 1px #ffffff0f}.modal-overlay.hidden .modal-card{transform:scale(.95)}.modal-header{align-items:center;gap:1rem;display:flex}.modal-icon{border:1px solid var(--border-active);background:#14b8a626;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.modal-icon.danger{background:#ef444426;border-color:#ef444459}.modal-icon.warning{background:#f59e0b26;border-color:#f59e0b59}.modal-title{font-family:var(--font-display);color:var(--text-main);font-size:1.25rem;font-weight:600;line-height:1.2}.modal-subtitle{color:var(--text-muted);margin-top:.2rem;font-size:.85rem}.modal-body{color:var(--text-muted);font-size:.9rem;line-height:1.5}.modal-actions{justify-content:flex-end;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}#panel-editor .card{gap:.75rem;padding:.9rem 1.15rem}#panel-editor .card-header{padding-bottom:.5rem}.editor-status-banner{border-radius:var(--radius-sm);align-items:center;gap:.6rem;margin-bottom:0;padding:.45rem .85rem;font-size:.82rem;font-weight:500;line-height:1.35;transition:all .2s;display:flex}.editor-status-banner.valid{color:#5eead4;background:#14b8a61f;border:1px solid #14b8a659}.editor-status-banner.invalid{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;animation:.35s ease-in-out shake}.editor-status-banner .status-icon{flex-shrink:0;font-size:.95rem}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.editor-transfer-actions{gap:.5rem;display:flex}.btn-transfer{flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-play-accent{background:linear-gradient(135deg, var(--accent-purple), #7c3aed)}.btn-play-accent:hover{filter:brightness(1.15);box-shadow:0 4px 14px #8b5cf666}.palette-hint{color:var(--accent-teal);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:55%;font-size:.75rem;font-weight:500;overflow:hidden}.palette-container{flex-direction:column;gap:.65rem;display:flex}.palette-group{flex-direction:column;gap:.35rem;display:flex}.palette-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.72rem;font-weight:600}.palette-pieces{grid-template-columns:repeat(6,1fr);gap:.45rem;display:grid}.palette-piece-btn{aspect-ratio:1;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;justify-content:center;align-items:center;width:100%;max-height:44px;padding:0;transition:all .15s;display:flex;position:relative}.palette-piece-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.palette-piece-btn.active{border-color:var(--accent-teal);box-shadow:0 0 12px var(--accent-teal-glow), inset 0 0 0 1px var(--accent-teal);background:#14b8a633}.palette-piece-btn piece.palette-piece-icon{pointer-events:none!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;width:78%!important;height:78%!important;display:block!important;position:relative!important;top:auto!important;left:auto!important}.palette-tools{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.btn-palette-tool{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-width:90px;color:var(--text-main);font-family:var(--font-display);cursor:pointer;background:#ffffff0d;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-palette-tool:hover{background:#ffffff1a;border-color:#fff3}.btn-palette-tool.active{border-color:var(--accent-danger);color:#fca5a5;background:#ef444426;box-shadow:0 0 10px #ef44444d}.btn-palette-tool.danger:hover{border-color:var(--accent-danger);color:#fca5a5;background:#ef444433}.editor-rules-section{flex-direction:column;gap:.75rem;display:flex}.editor-rule-group{flex-direction:column;gap:.4rem;display:flex}.editor-rule-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.side-to-move-selector{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.side-radio-label{cursor:pointer;position:relative}.side-radio-label input[type=radio]{opacity:0;width:0;height:0;position:absolute}.side-radio-custom{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);background:#ffffff0a;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.82rem;font-weight:500;transition:all .18s;display:flex}.side-radio-label:hover .side-radio-custom{background:#ffffff12}.side-radio-label input[type=radio]:checked+.side-radio-custom{border-color:var(--accent-teal);color:var(--text-main);box-shadow:0 0 10px var(--accent-teal-glow);background:#14b8a61f}.turn-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px;display:inline-block}.turn-dot.white-dot{background:#fff;border:2px solid #cbd5e1}.turn-dot.black-dot{background:#0f172a;border:2px solid #64748b}.castling-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.castling-subgroup{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0003;flex-direction:column;gap:.35rem;padding:.5rem .75rem;display:flex}.castling-subgroup-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.1rem;font-size:.72rem;font-weight:600}.castling-checkbox-label{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.8rem;display:flex;position:relative}.castling-checkbox-label input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.custom-checkbox{border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;transition:all .15s;display:inline-flex}.castling-checkbox-label:hover .custom-checkbox{border-color:#ffffff4d}.castling-checkbox-label input[type=checkbox]:checked+.custom-checkbox{background:var(--accent-teal);border-color:var(--accent-teal)}.castling-checkbox-label input[type=checkbox]:checked+.custom-checkbox:after{content:"✓";color:#fff;font-size:11px;font-weight:700;line-height:1}.castling-tag{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem}.castling-checkbox-label.disabled{opacity:.35;cursor:not-allowed}.castling-checkbox-label.disabled:hover{opacity:.35}.castling-checkbox-label.disabled input[type=checkbox]{pointer-events:none}.castling-checkbox-label.disabled .custom-checkbox{border-color:var(--border-subtle)!important;background:#ffffff05!important}.editor-clocks-grid{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}@media (width<=500px){.editor-clocks-grid{grid-template-columns:1fr}}.editor-clock-field{flex-direction:column;gap:.3rem;min-width:0;display:flex}.editor-field-label{color:var(--text-faint);white-space:nowrap;font-size:.72rem;font-weight:500}.editor-clock-input{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);height:32px;color:var(--text-main);font-family:var(--font-mono);background:#ffffff0a;outline:none;width:100%;padding:0 .5rem;font-size:.84rem;transition:all .18s}.editor-clock-input:focus{border-color:var(--accent-teal);box-shadow:0 0 8px var(--accent-teal-glow);background:#ffffff14}@media (width<=1260px){.panel-analysis,.panel-openings{grid-template-columns:1fr}.analysis-history-col .move-history-card,.openings-details-col .openings-hero-card{height:auto;min-height:220px;max-height:none}.analysis-history-col #analysis-move-table-wrapper{max-height:240px}.openings-tree-col .openings-tree-card{max-height:420px}}@media (width<=1024px){.app-container{grid-template-columns:1fr;height:auto;overflow-y:auto}.panel-column{max-height:none;overflow:visible}.board-arena{justify-content:center}}.tablebase-card{transition:all .25s;position:relative;overflow:hidden}.tablebase-card.active-endgame{border-color:#10b98166;box-shadow:0 4px 24px #10b9811f}.tb-status-pill{border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--text-muted);-webkit-user-select:none;user-select:none;background:#ffffff0a;border-radius:9999px;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;display:flex}.tb-status-dot{background:var(--text-faint);border-radius:50%;width:7px;height:7px;display:inline-block}.tb-status-pill.probing .tb-status-dot{background:var(--accent-teal);box-shadow:0 0 8px var(--accent-teal);animation:1.2s ease-in-out infinite pulse-dot}.tb-status-pill.active .tb-status-dot{background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald)}.tb-status-pill.error .tb-status-dot{background:var(--accent-danger)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.tb-standby-box{border-radius:var(--radius-sm);background:#ffffff05;border:1px dashed #ffffff14;align-items:center;gap:.85rem;padding:.8rem 1rem;display:flex}.tb-standby-icon{opacity:.65;font-size:1.4rem}.tb-standby-text{flex-direction:column;gap:2px;display:flex}.tb-standby-title{color:var(--text-main);letter-spacing:.2px;font-size:.82rem;font-weight:600}.tb-standby-desc{color:var(--text-faint);font-size:.74rem;line-height:1.35}.tb-verdict-box{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff08;justify-content:space-between;align-items:center;padding:.85rem 1rem;transition:all .2s;display:flex}.tb-verdict-box.win{background:linear-gradient(135deg,#10b9811f,#06b6d40f);border-color:#10b98159}.tb-verdict-box.loss{background:linear-gradient(135deg,#ef44441f,#f43f5e0f);border-color:#ef444459}.tb-verdict-box.draw{background:linear-gradient(135deg,#f59e0b1f,#eab3080f);border-color:#f59e0b59}.tb-verdict-box.cursed-win,.tb-verdict-box.blessed-loss{background:linear-gradient(135deg,#3b82f61f,#8b5cf60f);border-color:#3b82f659}.tb-verdict-content{align-items:center;gap:.75rem;display:flex}.tb-verdict-icon{font-size:1.5rem;line-height:1}.tb-verdict-text-group{flex-direction:column;gap:2px;display:flex}.tb-verdict-title{font-family:var(--font-display);letter-spacing:.3px;color:var(--text-main);font-size:.98rem;font-weight:700}.tb-verdict-desc{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.tb-badge-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.tb-badge-win{color:#34d399;background:#10b98133;border:1px solid #10b98166}.tb-badge-draw{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66}.tb-badge-loss{color:#f87171;background:#ef444433;border:1px solid #ef444466}.tb-badge-cursed{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f666}.tb-moves-section{flex-direction:column;gap:.45rem;display:flex}.tb-moves-header{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.tb-moves-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);font-size:.75rem;font-weight:600}.tb-moves-list{flex-direction:column;gap:4px;max-height:220px;padding-right:2px;display:flex;overflow-y:auto}.tb-moves-list::-webkit-scrollbar{width:4px}.tb-moves-list::-webkit-scrollbar-track{background:0 0}.tb-moves-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.tb-move-row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;justify-content:space-between;align-items:center;padding:6px 10px;transition:all .15s;display:flex}.tb-move-row:hover{background:#ffffff0f;border-color:#5eead459;transform:translate(2px)}.tb-move-row.win{border-left:3px solid var(--accent-emerald)}.tb-move-row.draw{border-left:3px solid var(--accent-gold)}.tb-move-row.cursed-win,.tb-move-row.blessed-loss{border-left:3px solid var(--accent-blue)}.tb-move-row.loss{border-left:3px solid var(--accent-danger)}.tb-move-left{align-items:center;gap:8px;display:flex}.tb-move-san{font-family:var(--font-mono);color:var(--text-main);min-width:44px;font-size:.88rem;font-weight:700}.tb-move-zeroing{color:var(--accent-teal);opacity:.85;font-size:.75rem}.tb-move-right{align-items:center;gap:8px;display:flex}.tb-dtz-badge{font-family:var(--font-mono);color:var(--text-faint);background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;padding:1px 6px;font-size:.7rem}.tb-move-pill{font-family:var(--font-mono);text-align:center;white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:600}.tb-move-pill.tb-badge-mate{color:#34d399;background:#10b98138;border:1px solid #10b98173;font-weight:700;box-shadow:0 0 10px #10b98126}.tb-badge-pill.tb-badge-mate{border-color:#10b98199;box-shadow:0 0 12px #10b98140}.tb-fastest-tag{font-family:var(--font-mono);color:#fbbf24;letter-spacing:.3px;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:.68rem;font-weight:700;display:inline-flex}.tb-info-btn{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;transition:all .2s;display:inline-flex}.tb-info-btn:hover{color:var(--accent-teal);background:#ffffff14;transform:scale(1.1)}.btn-header-about{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);height:32px;color:var(--text-main);font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;align-items:center;gap:.45rem;padding:0 12px;font-size:.8rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-header-about:hover{color:var(--accent-teal);background:#14b8a61f;border-color:#2dd4bf73;transform:translateY(-1px);box-shadow:0 2px 10px #14b8a633}.btn-header-about:active{transform:translateY(0)scale(.97)}.btn-about-icon{font-size:.85rem;line-height:1}.btn-about-text{letter-spacing:.2px;font-weight:600}.modal-about-card{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;background:radial-gradient(120% 120% at 50% 0,#151c2c 0%,#0c1017 100%);border:1px solid #ffffff1a;gap:1.15rem;width:94%;max-width:580px;max-height:88vh;padding:1.6rem 1.85rem;overflow-y:auto;box-shadow:0 24px 60px #000000d9,0 0 0 1px #14b8a626}.modal-about-card::-webkit-scrollbar{width:6px}.modal-about-card::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.about-brand-icon{background:linear-gradient(135deg, var(--accent-teal), #06b6d4);width:44px;height:44px;box-shadow:0 4px 16px var(--accent-teal-glow);border:none;border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.about-version-badge{font-family:var(--font-mono);color:#2dd4bf;letter-spacing:.4px;background:#14b8a626;border:1px solid #2dd4bf59;border-radius:9999px;padding:2px 8px;font-size:.72rem;font-weight:600}.modal-close-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);margin-left:auto;font-size:.9rem}.modal-close-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef444466}.about-modal-body{flex-direction:column;gap:.9rem;display:flex}.about-author-box{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff08;align-items:center;gap:.85rem;padding:.75rem 1rem;display:flex;box-shadow:inset 0 1px #ffffff0d}.author-avatar-icon{background:linear-gradient(135deg,#14b8a633,#6366f133);border:1px solid #2dd4bf59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;display:flex}.author-info{flex-direction:column;gap:1px;min-width:0;display:flex}.author-header-tag{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:#2dd4bf;font-size:.68rem;font-weight:700}.author-name{font-family:var(--font-display);color:#fff;letter-spacing:.3px;font-size:1.15rem;font-weight:700;line-height:1.2}.author-caption{color:var(--text-muted);font-size:.75rem;line-height:1.35}.about-respects-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#14b8a60f 0%,#6366f112 50%,#f59e0b0f 100%);border:1px solid #2dd4bf3d;padding:.85rem 1rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 4px 16px #00000040}.about-respects-card:before{content:"";background:linear-gradient(90deg,#2dd4bf,#6366f1,#fbbf24);height:2px;position:absolute;top:0;left:0;right:0}.respects-header{align-items:center;gap:.45rem;margin-bottom:.65rem;display:flex}.respects-sparkle{font-size:.95rem;line-height:1}.respects-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.6px;color:#fbbf24;font-size:.74rem;font-weight:700}.respects-list{flex-direction:column;gap:.45rem;display:flex}.respect-item{border-radius:var(--radius-sm);background:#0a0d148c;border:1px solid #ffffff0a;align-items:flex-start;gap:.65rem;padding:.55rem .75rem;transition:background .2s,border-color .2s;display:flex}.respect-item:hover{background:#ffffff0b;border-color:#ffffff1a}.respect-icon{flex-shrink:0;margin-top:2px;font-size:1.1rem;line-height:1}.respect-content{flex-direction:column;gap:1px;display:flex}.respect-name{font-family:var(--font-display);color:#f8fafc;font-size:.8rem;font-weight:700}.respect-desc{color:#94a3b8;font-size:.72rem;line-height:1.4}.about-meta-box{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0000004d;flex-direction:column;gap:.4rem;padding:.65rem .9rem;font-size:.77rem;display:flex}.about-meta-row{justify-content:space-between;align-items:center;display:flex}.about-meta-label{color:var(--text-faint);font-size:.75rem}.about-meta-val{color:var(--text-main);font-size:.77rem;font-weight:500}.monospace-val{font-family:var(--font-mono);color:#38bdf8;letter-spacing:.3px}.docs-brand-icon{background:linear-gradient(135deg,#0ea5e9,#6366f1);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex;box-shadow:0 4px 16px #0ea5e94d}.modal-docs-card{border-radius:var(--radius-lg);background:radial-gradient(120% 120% at 50% 0,#151d2f 0%,#090c14 100%);border:1px solid #ffffff1f;flex-direction:column;gap:1rem;width:95%;max-width:960px;max-height:88vh;padding:1.5rem 1.85rem;display:flex;overflow:hidden;box-shadow:0 24px 70px #000000eb,0 0 0 1px #14b8a633}.docs-header-wrapper{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:1.25rem;min-width:0;display:flex}.docs-search-wrapper{flex:1;align-items:center;min-width:200px;max-width:380px;display:flex;position:relative}.docs-search-icon{color:var(--text-faint);pointer-events:none;font-size:.85rem;position:absolute;left:10px}.docs-search-input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;height:34px;color:var(--text-main);font-family:var(--font-body);background:#ffffff0a;padding:0 12px 0 32px;font-size:.82rem;transition:all .2s}.docs-search-input:focus{border-color:var(--accent-teal);box-shadow:0 0 12px var(--accent-teal-glow);background:#ffffff14;outline:none}.docs-search-input::placeholder{color:var(--text-faint)}.docs-body{flex:1;gap:1.25rem;min-height:0;display:flex;overflow:hidden}.docs-sidebar{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex-shrink:0;gap:.35rem;width:220px;padding-right:.5rem;display:flex;overflow-y:auto}.docs-sidebar::-webkit-scrollbar{width:4px}.docs-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.docs-nav-btn{border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-display);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;align-items:center;gap:.65rem;width:100%;padding:.55rem .75rem;font-size:.82rem;font-weight:500;transition:all .18s;display:flex}.docs-nav-btn:hover{color:var(--text-main);background:#ffffff0a;border-color:#ffffff0f}.docs-nav-btn.active{color:#2dd4bf;background:#14b8a626;border-color:#2dd4bf59;font-weight:600}.docs-nav-icon{flex-shrink:0;font-size:1rem;line-height:1}.docs-content{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex-direction:column;flex:1;gap:1.5rem;padding-right:.75rem;display:flex;overflow-y:auto}.docs-content::-webkit-scrollbar{width:6px}.docs-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.docs-section{flex-direction:column;gap:1.1rem;animation:.2s ease-out fadeIn;display:none}.docs-section.active{display:flex}.docs-section-title-wrap{border-bottom:1px solid var(--border-subtle);margin-bottom:.15rem;padding-bottom:.75rem}.docs-section-title{font-family:var(--font-display);color:var(--text-main);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.docs-section-desc{color:var(--text-muted);margin-top:.35rem;font-size:.85rem;line-height:1.45}.docs-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff08;flex-direction:column;gap:.65rem;padding:1rem 1.15rem;display:flex}.docs-card-header{font-family:var(--font-display);color:#38bdf8;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.docs-card-body{color:var(--text-muted);font-size:.84rem;line-height:1.55}.docs-card-body strong{color:var(--text-main)}.docs-card-body ul{flex-direction:column;gap:.4rem;margin-top:.25rem;padding-left:1.25rem;display:flex}.docs-card-body li{line-height:1.45}.docs-card-body code{font-family:var(--font-mono);color:#38bdf8;background:#38bdf81a;border-radius:4px;padding:1px 5px;font-size:.78rem}.docs-grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.85rem;display:grid}.docs-feature-pill{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff05;align-items:flex-start;gap:.75rem;padding:.8rem .95rem;transition:all .2s;display:flex}.docs-feature-pill:hover{background:#ffffff0a;border-color:#ffffff1f}.docs-pill-icon{flex-shrink:0;margin-top:2px;font-size:1.25rem;line-height:1}.docs-pill-content h4{color:var(--text-main);margin-bottom:2px;font-size:.85rem;font-weight:600}.docs-pill-content p{color:var(--text-muted);font-size:.76rem;line-height:1.4}.docs-table{border-collapse:collapse;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#00000040;width:100%;font-size:.81rem;overflow:hidden}.docs-table th{color:var(--text-main);text-align:left;border-bottom:1px solid var(--border-subtle);font-weight:600;font-family:var(--font-display);background:#ffffff0d;padding:.6rem .85rem}.docs-table td{color:var(--text-muted);border-bottom:1px solid #ffffff0a;padding:.6rem .85rem;line-height:1.4}.docs-table tr:last-child td{border-bottom:none}.docs-table tr:hover td{color:var(--text-main);background:#ffffff05}.docs-kbd{font-family:var(--font-mono);color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:4px;padding:2px 7px;font-size:.76rem;font-weight:600;display:inline-block;box-shadow:0 1px 2px #0006}.docs-jump-btn{color:#2dd4bf;border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:#14b8a626;border:1px solid #2dd4bf59;align-items:center;gap:.45rem;width:fit-content;margin-top:.4rem;padding:.45rem .85rem;font-size:.78rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.docs-jump-btn:hover{background:#14b8a647;border-color:#2dd4bf99;transform:translateY(-1px)}.docs-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:.15rem;padding-top:.85rem;display:flex}.docs-footer-hint{color:var(--text-faint);align-items:center;gap:.35rem;font-size:.76rem;display:flex}@media (width<=768px){.modal-docs-card{padding:1.1rem 1.2rem}.docs-body{flex-direction:column}.docs-sidebar{flex-direction:row;width:100%;padding-bottom:.5rem;overflow-x:auto}.docs-nav-btn{white-space:nowrap;width:auto}}.openings-banner{background:#14b8a614;border:1px solid #14b8a647;align-items:center;gap:.65rem;padding:.4rem .75rem;display:flex}.openings-badge-pill{font-family:var(--font-mono);color:#5eead4;letter-spacing:.5px;background:#14b8a633;border:1px solid #14b8a666;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:.72rem;font-weight:700}.openings-banner-title{font-family:var(--font-display);color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.88rem;font-weight:600;overflow:hidden}.openings-tag-pill{white-space:nowrap;border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:600}.openings-hero-card{border:1px solid #14b8a640;flex-direction:column;gap:0;padding:0;display:flex;position:relative;box-shadow:0 4px 20px #00000059}.openings-hero-card>.card-header{border-bottom:1px solid var(--border-subtle);padding:.85rem 1.15rem .65rem}.openings-hero-card::-webkit-scrollbar{width:5px}.openings-hero-card::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.openings-hero-card:before{content:"";background:linear-gradient(90deg, var(--accent-teal), #06b6d4, var(--accent-purple));height:2px;position:absolute;top:0;left:0;right:0}.openings-hero-badges{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.openings-eco-badge{font-family:var(--font-mono);color:#5eead4;border-radius:var(--radius-sm);letter-spacing:.5px;background:linear-gradient(135deg,#14b8a640,#06b6d440);border:1px solid #5eead466;padding:2px 8px;font-size:.78rem;font-weight:700}.openings-type-badge{letter-spacing:.3px;border-radius:12px;padding:2px 9px;font-size:.72rem;font-weight:600}.openings-hero-body{flex-direction:column;gap:.75rem;padding:.9rem 1.15rem;display:flex}.openings-hero-title{font-family:var(--font-display);color:#fff;letter-spacing:.2px;font-size:1.25rem;font-weight:700;line-height:1.25}.openings-trail-wrapper{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0a0e178c;align-items:flex-start;gap:.5rem;padding:.45rem .75rem;display:flex;overflow-x:auto}.openings-trail-label{font-family:var(--font-mono);color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;margin-top:3px;font-size:.72rem}.openings-moves-trail{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.openings-trail-step{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#ffffff0d;border-radius:4px;padding:2px 7px;font-size:.75rem;transition:all .15s}.openings-trail-step:hover{color:#5eead4;background:#14b8a633}.openings-trail-step.active{background:var(--accent-teal);color:#042f2e;box-shadow:0 0 10px var(--accent-teal-glow);font-weight:700}.openings-description-box{border-left:3px solid var(--accent-teal);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#e2e8f0;background:#0e1420a6;padding:.65rem .85rem;font-size:.84rem;line-height:1.5}.openings-description-box.is-trap{border-left-color:var(--accent-danger);background:#ef444414}.openings-description-box.is-gambit{border-left-color:var(--accent-gold);background:#f59e0b14}.openings-action-row{align-items:center;gap:.6rem;margin-top:.25rem;display:flex}.openings-continuations-section{border-top:1px solid var(--border-subtle);background:#0a0e1759;padding:.75rem 1.15rem}.openings-continuations-header{justify-content:space-between;align-items:center;margin-bottom:.55rem;display:flex}.openings-sub-title{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.82rem;font-weight:600}.openings-continuations-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;display:grid}.openings-continuation-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:#ffffff09;flex-direction:column;gap:2px;padding:.45rem .65rem;transition:all .18s;display:flex}.openings-continuation-btn:hover{background:#14b8a61a;border-color:#14b8a666;transform:translateY(-1px)}.openings-cont-top{justify-content:space-between;align-items:center;display:flex}.openings-cont-move{font-family:var(--font-mono);color:#5eead4;font-size:.82rem;font-weight:700}.openings-cont-name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.openings-search-card{flex-direction:column;gap:.65rem;padding:.85rem 1rem;display:flex}.openings-search-box{align-items:center;width:100%;display:flex;position:relative}.search-input-icon{opacity:.6;pointer-events:none;font-size:.85rem;position:absolute;left:10px}.openings-search-input{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-main);font-family:var(--font-body);background:#0a0e17b3;padding:.45rem 2rem .45rem 2.2rem;font-size:.82rem;transition:all .2s}.openings-search-input:focus{border-color:var(--accent-teal);box-shadow:0 0 10px var(--accent-teal-glow);outline:none}.openings-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.75rem;position:absolute;right:8px}.openings-search-clear:hover{color:var(--text-main)}.openings-filter-chips{flex-wrap:wrap;align-items:center;gap:.4rem;padding-bottom:2px;display:flex;overflow-x:hidden}.openings-chip{border:1px solid var(--border-subtle);color:var(--text-muted);white-space:nowrap;cursor:pointer;background:#ffffff0a;border-radius:14px;padding:3px 10px;font-size:.73rem;font-weight:500;transition:all .15s}.openings-chip:hover{color:var(--text-main);background:#ffffff14}.openings-chip.active{color:#5eead4;background:#14b8a62e;border-color:#14b8a680;font-weight:600}.openings-chip.chip-trap.active{color:#fca5a5;background:#ef44442e;border-color:#ef444480}.openings-chip.chip-gambit.active{color:#fcd34d;background:#f59e0b2e;border-color:#f59e0b80}.openings-chip.chip-transposition.active{color:#d8b4fe;background:#a855f72e;border-color:#a855f780}.openings-tree-card{flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.openings-tree-card>.card-header{border-bottom:1px solid var(--border-subtle);padding:.85rem 1rem .65rem}.openings-tree-tools{align-items:center;gap:.4rem;display:flex}.openings-tree-columns-header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;background:#0f172ab3;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;padding:.4rem 1.2rem;font-size:.68rem;font-weight:600;display:flex}.tree-col-hdr-name{flex:1;min-width:0;padding-left:20px}.tree-col-hdr-meta{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;padding-right:5px;display:flex}.tree-col-hdr-eco{text-align:center;width:34px;min-width:34px;display:inline-block}.tree-col-hdr-type{text-align:center;width:104px;min-width:104px;display:inline-block}.tree-col-hdr-count{text-align:center;width:28px;min-width:28px;display:inline-block}.openings-tree-container{font-family:var(--font-body);flex:1;padding:.5rem .65rem;overflow:hidden auto}.openings-tree-container::-webkit-scrollbar{width:5px}.openings-tree-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.tree-node{flex-direction:column;display:flex}.tree-node-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:.45rem;padding:.35rem .55rem;font-size:.8rem;transition:all .15s;display:flex}.tree-node-row:hover{background:#ffffff0d}.tree-node-row.selected{border-left:2px solid var(--accent-teal);color:#fff;background:#14b8a626}.tree-chevron{width:16px;height:16px;color:var(--text-faint);cursor:pointer;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;transition:transform .18s,color .15s,background-color .15s;display:inline-flex}.tree-chevron:hover{color:var(--accent-teal);background:#ffffff14}.tree-chevron.expanded{transform:rotate(90deg)}.tree-chevron.hidden-chevron{visibility:hidden;pointer-events:none}.tree-move-badge{font-family:var(--font-mono);color:#38bdf8;background:#38bdf81a;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:.74rem;font-weight:700}.tree-node-title{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.tree-node-meta{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.tree-eco-pill{font-family:var(--font-mono);color:var(--text-faint);text-align:center;box-sizing:border-box;background:#ffffff0a;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;padding:1px 4px;font-size:.68rem;font-weight:600;display:inline-flex}.tree-eco-pill.empty,.tree-eco-pill:empty{visibility:hidden}.tree-tag-cell{flex-shrink:0;justify-content:center;align-items:center;width:104px;min-width:104px;display:flex}.tree-tag-pill{white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:100%;padding:1px 4px;font-size:.68rem;font-weight:600;line-height:1.35;display:inline-flex;overflow:hidden}.tree-tag-pill.tree-jump-action{cursor:pointer;transition:transform .15s,filter .15s,box-shadow .15s}.tree-tag-pill.tree-jump-action:hover{filter:brightness(1.2);transform:scale(1.02);box-shadow:0 0 8px #a855f759}.tree-count-cell{flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;display:flex}.tree-count-pill{font-family:var(--font-mono);color:var(--text-faint);box-sizing:border-box;background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 4px;font-size:.68rem;font-weight:600;transition:all .15s;display:inline-flex}.tree-count-pill.is-leaf{color:#ffffff2e;background:0 0;font-weight:400}.tree-node-row:hover .tree-count-pill:not(.is-leaf){color:#38bdf8;background:#38bdf824}.tree-children{border-left:1px dashed #ffffff1a;flex-direction:column;gap:1px;margin-left:14px;padding-left:8px;display:flex}.tree-children.collapsed{display:none}.badge-trap{color:#f87171;background:#ef444429;border:1px solid #ef444459}.badge-gambit{color:#fbbf24;background:#f59e0b29;border:1px solid #f59e0b59}.badge-defense{color:#60a5fa;background:#3b82f624;border:1px solid #3b82f64d}.badge-attack{color:#a78bfa;background:#8b5cf624;border:1px solid #8b5cf64d}.badge-system{color:#34d399;background:#10b98124;border:1px solid #10b9814d}.badge-variation{color:#2dd4bf;background:#14b8a61f;border:1px solid #14b8a640}.badge-main{color:#5eead4;background:#14b8a629;border:1px solid #14b8a659}.badge-transposition{color:#c084fc;background:#a855f729;border:1px solid #a855f759}.badge-unorthodox{color:#f472b6;background:#ec489929;border:1px solid #ec489959}.openings-transposition-card{border-radius:var(--radius-sm);background:linear-gradient(135deg,#a855f71f,#6366f114);border:1px solid #a855f74d;align-items:center;gap:.85rem;margin-top:.25rem;padding:.75rem .95rem;display:flex}.transposition-icon{color:#c084fc;flex-shrink:0;font-size:1.4rem}.transposition-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.transposition-badge-row{align-items:center;gap:.45rem;display:flex}.transposition-heading{color:#fff;font-size:.86rem}.transposition-heading strong{color:#e9d5ff}.transposition-desc{color:#cbd5e1;font-size:.76rem;line-height:1.35}.transposition-orthodox-moves{align-items:center;gap:.4rem;margin-top:2px;font-size:.74rem;display:flex}.transposition-moves-label{color:var(--text-faint);font-family:var(--font-mono);text-transform:uppercase;font-size:.7rem}.transposition-orthodox-moves code{font-family:var(--font-mono);color:#38bdf8;background:#38bdf81a;border-radius:3px;padding:1px 5px;font-weight:600}.btn-jump-link{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#9333ea,#6366f1);border:1px solid #a855f780;flex-shrink:0;align-items:center;gap:4px;height:auto;padding:6px 12px;font-size:.78rem;transition:all .2s;display:inline-flex;box-shadow:0 0 12px #a855f74d}.btn-jump-link:hover{background:linear-gradient(135deg,#a855f7,#4f46e5);transform:translateY(-1px)}.openings-incoming-transpositions{border-radius:var(--radius-sm);background:#0a0e1773;border:1px dashed #a855f747;flex-direction:column;gap:.4rem;margin-top:.25rem;padding:.6rem .85rem;display:flex}.incoming-label{font-family:var(--font-mono);color:#c084fc;font-size:.72rem;font-weight:600}.incoming-chips{flex-wrap:wrap;gap:.35rem;display:flex}.incoming-chip{border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;background:#ffffff0a;border-radius:4px;align-items:center;gap:.4rem;padding:3px 8px;font-size:.72rem;transition:all .15s;display:inline-flex}.incoming-chip:hover{color:#fff;background:#a855f726;border-color:#a855f766}.incoming-chip-move{font-family:var(--font-mono);color:#38bdf8;font-weight:700}.tree-jump-icon{opacity:.7;margin-left:2px;font-size:.75rem;transition:opacity .15s}.tree-node-row:hover .tree-jump-icon{opacity:1}