.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:#333;color:#e0e0e0;padding:10px 18px;border-radius:6px;font-size:13px;box-shadow:0 4px 12px #0006;animation:toast-slide-in .3s ease,toast-fade-out .3s ease 3.7s forwards;pointer-events:auto;max-width:360px}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-fade-out{to{opacity:0;transform:translateY(10px)}}.square-labels-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);pointer-events:none;z-index:3}.square-label{display:flex;align-items:center;justify-content:center;font-size:clamp(12px,4cqi,32px);font-weight:900;font-family:sans-serif;text-transform:lowercase;-webkit-user-select:none;user-select:none;overflow:hidden}.square-label.dark-sq{color:#fff}.square-label.light-sq{color:#000}@media(max-height:500px)and (orientation:landscape){.square-labels-overlay{display:none}}.move-overlay{position:absolute;width:12.5%;height:12.5%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4}.move-san{font-size:clamp(16px,4.5cqi,32px);font-weight:900;font-family:sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.6);animation:sanFlash 1.3s ease-out forwards;position:relative;z-index:1}.move-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;animation:squarePulse 1s ease-out forwards}@keyframes sanFlash{0%{opacity:0;transform:scale(.7)}8%{opacity:1;transform:scale(1.15)}15%{opacity:.95;transform:scale(1)}60%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes squarePulse{0%{opacity:.5}50%{opacity:.3}to{opacity:0}}.move-overlay.reverse .move-san{animation:sanFlashReverse 1s ease-out forwards}@keyframes sanFlashReverse{0%{opacity:0;transform:scale(.7)}8%{opacity:.6;transform:scale(1.1)}15%{opacity:.55;transform:scale(1)}60%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1)}}.move-san.quiet{color:#fff;-webkit-text-stroke:.8px rgba(0,0,0,.7)}.move-san.capture{color:#ff5050;-webkit-text-stroke:.8px rgba(0,0,0,.7)}.move-san.check{color:#ffb432;-webkit-text-stroke:.8px rgba(0,0,0,.7)}.move-san.checkmate{color:gold;-webkit-text-stroke:.8px rgba(0,0,0,.7)}.move-san.castling{color:#64b4ff;-webkit-text-stroke:.8px rgba(0,0,0,.7)}.move-pulse.quiet{background:#ffffff26}.move-pulse.capture{background:#ff323233}.move-pulse.check{background:#ff960033}.move-pulse.checkmate{background:#ffd70040}.move-pulse.castling{background:#5096ff26}@media(max-height:500px)and (orientation:landscape){.move-overlay{display:none}}.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-board{background-color:#f0d9b5;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4PSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICAgIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxnIGlkPSJhIj4KICA8ZyBpZD0iYiI+CiAgICA8ZyBpZD0iYyI+CiAgICAgIDxnIGlkPSJkIj4KICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZSIgb3BhY2l0eT0iMCIvPgogICAgICAgIDx1c2UgeD0iMSIgeT0iMSIgaHJlZj0iI2UiIHg6aHJlZj0iI2UiLz4KICAgICAgICA8cmVjdCB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZiIgb3BhY2l0eT0iMC4yIi8+CiAgICAgICAgPHVzZSB4PSIxIiB5PSItMSIgaHJlZj0iI2YiIHg6aHJlZj0iI2YiLz4KICAgICAgPC9nPgogICAgICA8dXNlIHg9IjIiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+CiAgICA8L2c+CiAgICA8dXNlIHg9IjQiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+CiAgPC9nPgogIDx1c2UgeT0iMiIgaHJlZj0iI2IiIHg6aHJlZj0iI2IiLz4KPC9nPgo8dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+Cjwvc3ZnPg==)}cg-board square.move-dest{background:radial-gradient(#14551e80 22%,#208530 0,#0000004d,#0000 0)}cg-board square.premove-dest{background:radial-gradient(#141e5580 22%,#203085 0,#0000004d,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(20,85,0,.3) 80%)}cg-board square.oc.premove-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(20,30,85,.2) 80%)}cg-board square.move-dest:hover{background:#14551e4d}cg-board square.premove-dest:hover{background:#141e5533}cg-board square.last-move{background-color:#9bc70069}cg-board square.selected{background-color:#14551e80}cg-board square.check{background:radial-gradient(ellipse at center,red,#e70000 25%,#a9000000 89%,#9e000000)}cg-board square.current-premove{background-color:#141e5580}.orientation-white .ranks :nth-child(odd),.orientation-white .files :nth-child(2n),.orientation-black .ranks :nth-child(2n),.orientation-black .files :nth-child(odd),coords.squares:nth-of-type(odd) :nth-child(2n),coords.squares:nth-of-type(2n) :nth-child(odd){color:#484848cc}.orientation-white .ranks :nth-child(2n),.orientation-white .files :nth-child(odd),.orientation-black .ranks :nth-child(odd),.orientation-black .files :nth-child(2n),coords.squares:nth-of-type(odd) :nth-child(odd),coords.squares:nth-of-type(2n) :nth-child(2n){color:#fffc}.cg-wrap piece.pawn.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.knight.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy0zdi00aDIxdjRIMTJ6bS0xLTIyVjloNHYyaDVWOWg1djJoNVY5aDR2NSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMzQgMTRsLTMgM0gxNGwtMy0zIi8+PHBhdGggZD0iTTMxIDE3djEyLjVIMTRWMTciIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMxIDI5LjVsMS41IDIuNWgtMjBsMS41LTIuNSIvPjxwYXRoIGQ9Ik0xMSAxNGgyMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04IDEyYTIgMiAwIDEgMS00IDAgMiAyIDAgMSAxIDQgMHptMTYuNS00LjVhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAwek00MSAxMmEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTE2IDguNWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTMzIDlhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAweiIvPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi0xMi03IDExVjExbC01LjUgMTMuNS0zLTE1LTMgMTUtNS41LTE0VjI1TDcgMTRsMiAxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6IiBzdHJva2UtbGluZWNhcD0iYnV0dCIvPjxwYXRoIGQ9Ik0xMS41IDMwYzMuNS0xIDE4LjUtMSAyMiAwTTEyIDMzLjVjNi0xIDE1LTEgMjEgMCIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.king.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjZNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTIyLjUgMjVzNC41LTcuNSAzLTEwLjVjMCAwLTEtMi41LTMtMi41cy0zIDIuNS0zIDIuNWMtMS41IDMgMyAxMC41IDMgMTAuNSIgZmlsbD0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTEuNSAzN2M1LjUgMy41IDE1LjUgMy41IDIxIDB2LTdzOS00LjUgNi0xMC41Yy00LTYuNS0xMy41LTMuNS0xNiA0VjI3di0zLjVjLTMuNS03LjUtMTMtMTAuNS0xNi00LTMgNiA1IDEwIDUgMTBWMzd6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDBtLTIxIDMuNWM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.pawn.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+)}.cg-wrap piece.knight.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjZWNlY2VjIiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMjQuNTUgMTAuNGwtLjQ1IDEuNDUuNS4xNWMzLjE1IDEgNS42NSAyLjQ5IDcuOSA2Ljc1UzM1Ljc1IDI5LjA2IDM1LjI1IDM5bC0uMDUuNWgyLjI1bC4wNS0uNWMuNS0xMC4wNi0uODgtMTYuODUtMy4yNS0yMS4zNC0yLjM3LTQuNDktNS43OS02LjY0LTkuMTktNy4xNmwtLjUxLS4xeiIgZmlsbD0iI2VjZWNlYyIgc3Ryb2tlPSJub25lIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy41LTdsMS41LTIuNWgxN2wxLjUgMi41aC0yMHptLS41IDR2LTRoMjF2NEgxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTE0IDI5LjV2LTEzaDE3djEzSDE0eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTQgMTYuNUwxMSAxNGgyM2wtMyAyLjVIMTR6TTExIDE0VjloNHYyaDVWOWg1djJoNVY5aDR2NUgxMXoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTEyIDM1LjVoMjFtLTIwLTRoMTltLTE4LTJoMTdtLTE3LTEzaDE3TTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi41LTEyLjVMMzEgMjVsLS4zLTE0LjEtNS4yIDEzLjYtMy0xNC41LTMgMTQuNS01LjItMTMuNkwxNCAyNSA2LjUgMTMuNSA5IDI2eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNOSAyNmMwIDIgMS41IDIgMi41IDQgMSAxLjUgMSAxIC41IDMuNS0xLjUgMS0xLjUgMi41LTEuNSAyLjUtMS41IDEuNS41IDIuNS41IDIuNSA2LjUgMSAxNi41IDEgMjMgMCAwIDAgMS41LTEgMC0yLjUgMCAwIC41LTEuNS0xLTIuNS0uNS0yLjUtLjUtMiAuNS0zLjUgMS0yIDIuNS0yIDIuNS00LTguNS0xLjUtMTguNS0xLjUtMjcgMHoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTExIDM4LjVhMzUgMzUgMSAwIDAgMjMgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMTEgMjlhMzUgMzUgMSAwIDEgMjMgMG0tMjEuNSAyLjVoMjBtLTIxIDNhMzUgMzUgMSAwIDAgMjIgMG0tMjMgM2EzNSAzNSAxIDAgMCAyNCAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiLz48L2c+PC9zdmc+)}.cg-wrap piece.king.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjYiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMjIuNSAyNXM0LjUtNy41IDMtMTAuNWMwIDAtMS0yLjUtMy0yLjVzLTMgMi41LTMgMi41Yy0xLjUgMyAzIDEwLjUgMyAxMC41IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Ik0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN3M5LTQuNSA2LTEwLjVjLTQtNi41LTEzLjUtMy41LTE2IDRWMjd2LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMFYzN3oiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMyIDI5LjVzOC41LTQgNi4wMy05LjY1QzM0LjE1IDE0IDI1IDE4IDIyLjUgMjQuNWwuMDEgMi4xLS4wMS0yLjFDMjAgMTggOS45MDYgMTQgNi45OTcgMTkuODVjLTIuNDk3IDUuNjUgNC44NTMgOSA0Ljg1MyA5IiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMTEuNSAzMGM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDAiIHN0cm9rZT0iI2VjZWNlYyIvPjwvZz48L3N2Zz4=)}[data-board-theme=brown] cg-board{background-color:#f0d9b5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cg id='a'%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg id='d'%3E%3Crect width='1' height='1' fill='%23f0d9b5'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23f0d9b5'/%3E%3Crect y='1' width='1' height='1' fill='%23b58863'/%3E%3Crect x='1' width='1' height='1' fill='%23b58863'/%3E%3C/g%3E%3Cuse x='2' href='%23d'/%3E%3C/g%3E%3Cuse x='4' href='%23c'/%3E%3C/g%3E%3Cuse y='2' href='%23b'/%3E%3C/g%3E%3Cuse y='4' href='%23a'/%3E%3C/svg%3E")}[data-board-theme=blue] cg-board{background-color:#dee3e6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cg id='a'%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg id='d'%3E%3Crect width='1' height='1' fill='%23dee3e6'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23dee3e6'/%3E%3Crect y='1' width='1' height='1' fill='%238ca2ad'/%3E%3Crect x='1' width='1' height='1' fill='%238ca2ad'/%3E%3C/g%3E%3Cuse x='2' href='%23d'/%3E%3C/g%3E%3Cuse x='4' href='%23c'/%3E%3C/g%3E%3Cuse y='2' href='%23b'/%3E%3C/g%3E%3Cuse y='4' href='%23a'/%3E%3C/svg%3E")}[data-board-theme=green] cg-board{background-color:#ffd;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cg id='a'%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg id='d'%3E%3Crect width='1' height='1' fill='%23ffffdd'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23ffffdd'/%3E%3Crect y='1' width='1' height='1' fill='%2386a666'/%3E%3Crect x='1' width='1' height='1' fill='%2386a666'/%3E%3C/g%3E%3Cuse x='2' href='%23d'/%3E%3C/g%3E%3Cuse x='4' href='%23c'/%3E%3C/g%3E%3Cuse y='2' href='%23b'/%3E%3C/g%3E%3Cuse y='4' href='%23a'/%3E%3C/svg%3E")}[data-board-theme=purple] cg-board{background-color:#e8daf0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cg id='a'%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg id='d'%3E%3Crect width='1' height='1' fill='%23e8daf0'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23e8daf0'/%3E%3Crect y='1' width='1' height='1' fill='%239070a0'/%3E%3Crect x='1' width='1' height='1' fill='%239070a0'/%3E%3C/g%3E%3Cuse x='2' href='%23d'/%3E%3C/g%3E%3Cuse x='4' href='%23c'/%3E%3C/g%3E%3Cuse y='2' href='%23b'/%3E%3C/g%3E%3Cuse y='4' href='%23a'/%3E%3C/svg%3E")}[data-board-theme=ic] cg-board{background-color:#ececec;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cg id='a'%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg id='d'%3E%3Crect width='1' height='1' fill='%23ececec'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23ececec'/%3E%3Crect y='1' width='1' height='1' fill='%23c1c18e'/%3E%3Crect x='1' width='1' height='1' fill='%23c1c18e'/%3E%3C/g%3E%3Cuse x='2' href='%23d'/%3E%3C/g%3E%3Cuse x='4' href='%23c'/%3E%3C/g%3E%3Cuse y='2' href='%23b'/%3E%3C/g%3E%3Cuse y='4' href='%23a'/%3E%3C/svg%3E")}.cg-wrap coords{font-size:clamp(8px,2.4cqi,12px);font-weight:700;font-family:Noto Sans,sans-serif;opacity:1;z-index:2}.cg-wrap coords.ranks{right:0;left:auto;top:0;width:12.5%;height:100%}.cg-wrap coords.ranks coord{transform:none;display:flex;align-items:flex-start;justify-content:flex-end;padding:2px 3px 0 0}.cg-wrap coords.files{bottom:0;left:0;width:100%;height:12.5%}.cg-wrap coords.files coord{display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 2px 3px;text-transform:lowercase}.board-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;box-sizing:border-box}.player-bar{display:flex;align-items:center;gap:6px;width:min(100%,80vh);padding:4px 8px;font-size:13px;color:#ddd;background:#1a1a1a;border-radius:3px;box-sizing:border-box}.player-bar.top{margin-bottom:2px;border-bottom-left-radius:0;border-bottom-right-radius:0}.player-bar.bottom{margin-top:2px;border-top-left-radius:0;border-top-right-radius:0}.player-result{font-weight:700;color:#aaa;min-width:22px;text-align:center}.player-team{color:#888;font-size:11px;font-style:italic}.player-name{font-weight:600;flex:1}.player-elo{color:#999;font-size:12px}.board-row{display:flex;align-items:stretch;width:min(100%,80vh)}.board-container-wrapper{flex:1;position:relative}.board-container{width:100%;aspect-ratio:1;overflow:hidden}.eval-bar{width:16px;flex-shrink:0;background:#333;border-radius:3px 0 0 3px;position:relative;overflow:hidden;display:flex;flex-direction:column-reverse}.eval-bar.flipped{background:#e8e8e8}.eval-bar-fill{background:#e8e8e8;transition:height .3s ease;width:100%}.eval-bar.flipped .eval-bar-fill{background:#333}.eval-bar-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-size:9px;font-family:Consolas,monospace;color:#888;white-space:nowrap;pointer-events:none}.board-container cg-board{background-color:#8ca2ad}.board-play-pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5;animation:playPauseFade .6s ease-out forwards}.board-play-pause-icon{font-size:56px;background:#00000073;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:#fff}@keyframes playPauseFade{0%{opacity:.9}60%{opacity:.9}to{opacity:0}}.promotion-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;z-index:100}.promotion-picker{position:absolute;display:flex;flex-direction:column;left:calc(var(--promo-file) * 12.5%);width:12.5%;z-index:101}.promotion-picker.white{top:0}.promotion-picker.black{bottom:0}.promotion-picker.white.flipped{top:auto;bottom:0}.promotion-picker.black.flipped{bottom:auto;top:0}.promotion-piece{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,4vw,40px);background:#f0d9b5;border:none;cursor:pointer;padding:0;line-height:1;transition:background .15s}.promotion-piece:first-child{border-radius:4px 4px 0 0}.promotion-piece:last-child{border-radius:0 0 4px 4px}.promotion-piece:hover{background:#e8c97a}@media(max-width:768px){.board-row{width:100%}.board-panel{padding:0}.player-bar{font-size:10px;padding:1px 6px}.cg-wrap coords{display:none!important}}@media(max-height:500px)and (orientation:landscape){.player-bar{font-size:9px;padding:0 4px;min-height:16px}.board-row{width:min(100%,calc(100vh - 120px))}.cg-wrap coords{display:none!important}}.piece-swatch{display:inline-flex;width:32px;height:32px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#555}.piece-swatch:hover{border-color:#888}.piece-swatch.active{border-color:#4a9eff}.move-tree-panel{display:flex;flex-direction:column;overflow-y:auto;background:#1e1e1e;border-radius:4px;padding:8px;font-family:Segoe UI,sans-serif;position:relative}.tree-header{padding:4px 8px;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.tree-start{cursor:pointer;color:#ccc;padding:2px 8px;border-radius:3px;font-size:13px}.tree-start:hover{background:#333}.tree-opening{display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap;font-size:12px;color:#888;flex:1;min-width:0}.tree-opening-eco{color:#8ab4f8;font-weight:700;flex-shrink:0}.tree-opening-name{overflow:hidden;text-overflow:ellipsis}.tree-start.active{background:#4a6fa5;color:#fff}.tree-moves{line-height:1.8;padding:0 4px;display:flex;flex-wrap:wrap;align-items:baseline;align-content:flex-start}.tree-move-number{color:#888;font-size:12px;margin-right:2px;-webkit-user-select:none;user-select:none;white-space:nowrap}.tree-move{cursor:pointer;color:#ddd;padding:1px 4px;border-radius:3px;font-size:14px;font-weight:500;transition:background-color .1s;display:inline;margin-right:2px;white-space:nowrap}.tree-move:hover{background:#333}.tree-move.active{background:#4a6fa5;color:#fff}.tree-move.variation-move{font-size:13px;font-weight:400;color:#bbb}.tree-move.variation-move.active{background:#4a6fa5;color:#fff}.tree-nag{color:#e8a;font-size:12px;margin-left:1px}.tree-comment{color:#8a8;font-size:12px;font-style:italic;margin:0 4px;display:inline}.tree-ts{display:inline;font-size:10px;font-family:Consolas,monospace;color:#7a9;margin-left:2px}.tree-ts.missing{color:#a55}.tree-eval{display:inline;font-size:10px;font-family:Consolas,monospace;color:#888;margin-left:3px;vertical-align:baseline}.tree-eval.eval-white{color:#8cb4d8}.tree-eval.eval-black{color:#d88c8c}.tree-eval.eval-equal{color:#999}.tree-variation{display:flex;flex-wrap:wrap;align-items:baseline;align-content:flex-start;width:100%;margin:2px 0 2px 12px;padding:2px 0 2px 8px;border-left:2px solid #333;box-sizing:border-box}.tree-variation.depth-1{border-left-color:#444}.tree-variation.depth-2{border-left-color:#3a3a3a;margin-left:10px}.tree-variation.depth-3{border-left-color:#333;margin-left:8px}.tree-fold-toggle{color:#666;cursor:pointer;font-size:11px;-webkit-user-select:none;user-select:none;flex-shrink:0;width:12px;text-align:center;line-height:1;margin-right:2px}.tree-fold-toggle:hover{color:#aaa}.tree-variation.collapsed{padding:1px 0 1px 8px}.tree-collapsed-preview{color:#777;font-size:12px;font-style:italic;cursor:pointer;padding:1px 4px;border-radius:3px}.tree-collapsed-preview:hover{background:#333;color:#aaa}.tree-fold-actions{display:flex;gap:2px}.tree-fold-btn{background:none;border:none;color:#666;cursor:pointer;padding:2px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center}.tree-fold-btn:hover{color:#aaa;background:#333}.tree-context-menu{position:fixed;background:#2a2a2a;border:1px solid #555;border-radius:4px;box-shadow:0 4px 12px #00000080;z-index:200;padding:2px}.tree-context-menu button{display:block;width:100%;background:none;border:none;color:#ddd;padding:6px 14px;font-size:13px;cursor:pointer;text-align:left;white-space:nowrap;border-radius:3px}.tree-context-menu button:hover{background:#4a6fa5;color:#fff}.miniboard-tooltip{position:absolute;z-index:200;pointer-events:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));border-radius:4px;overflow:hidden}.miniboard{width:120px;height:120px}.miniboard cg-board{background-color:#8ca2ad}@media(max-width:768px){.miniboard-tooltip{display:none}.tree-move{font-size:13px;padding:3px 5px}}.nav-controls{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px}.nav-row{display:flex;justify-content:center;align-items:center;gap:4px}.nav-controls button{background:#2d2d2d;border:1px solid #444;color:#999;font-size:18px;padding:6px 14px;border-radius:4px;cursor:pointer;transition:background-color .15s,color .15s;line-height:1;display:inline-flex;align-items:center;justify-content:center}.nav-controls button:hover:not(:disabled){background:#444;color:#ddd}.nav-controls button:disabled{opacity:.3;cursor:default}.nav-controls button svg{display:block}.play-pause-btn{padding:6px 12px!important}.flip-btn{margin-left:4px}.sync-row{gap:8px}.sync-toggle{font-size:13px!important;padding:4px 12px!important}.sync-toggle.synced{background:#2a4a2a!important;border-color:#4a8a4a!important}.sync-toggle.unsynced{background:#4a3a2a!important;border-color:#8a6a3a!important}.capture-btn{font-size:13px!important;padding:4px 12px!important;background:#2a3a5a!important;border-color:#4a6a9a!important}.capture-btn:hover:not(:disabled){background:#3a4a6a!important}.timestamp-display{color:#aaa;font-size:13px;font-family:Consolas,monospace;padding:4px 8px;background:#1a1a1a;border-radius:3px}.undo-btn{font-size:13px!important;padding:4px 10px!important;background:#3a2a2a!important;border-color:#8a4a4a!important;color:#daa!important}.undo-btn:hover{background:#4a3a3a!important}.engine-row{gap:8px}.engine-toggle{font-size:13px!important;padding:4px 12px!important}.engine-toggle.off{background:#2d2d2d!important;border-color:#444!important;color:#888!important}.engine-toggle.on{background:#2a2a4a!important;border-color:#4a4a8a!important;color:#aac!important}.engine-info{font-size:11px;color:#888;font-family:Consolas,monospace}.engine-overwrite{font-size:11px;color:#888;cursor:pointer;display:flex;align-items:center;gap:3px}.playlist-section{border-top:1px solid var(--border-color, #444);padding-top:8px;margin-top:8px}.playlist-section-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px}.playlist-section-title{font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#999}.playlist-add-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.1em;padding:2px 6px;border-radius:4px}.playlist-add-btn:hover{background:#ffffff1a;color:#fff}.playlist-create-form{display:flex;gap:4px;padding:4px 8px;align-items:center}.playlist-create-form input{flex:1;padding:4px 8px;border:1px solid #555;border-radius:4px;background:#2a2a2a;color:#ddd;font-size:.85em;box-sizing:border-box}.playlist-create-buttons{display:flex;gap:4px}.playlist-create-form button{padding:4px 10px;border:1px solid #555;border-radius:4px;background:#3a3a3a;color:#ddd;cursor:pointer;font-size:.85em}.playlist-create-form button:hover:not(:disabled){background:#4a4a4a}.playlist-create-form button:disabled{opacity:.5;cursor:default}.playlist-cancel-btn{background:none!important;border-color:transparent!important;color:#999!important}.playlist-cancel-btn:hover{color:#ddd!important}.playlist-empty{padding:8px 12px;color:#777;font-size:.85em;font-style:italic}.playlist-item{display:flex;align-items:center;gap:6px;padding:6px 12px;cursor:pointer;border-radius:4px;font-size:.9em}.playlist-item:hover{background:#ffffff0f}.playlist-item.active{background:#6495ed33}.playlist-icon{font-size:.9em}.playlist-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-count{color:#888;font-size:.85em}.playlist-rename-input{flex:1;padding:2px 6px;border:1px solid #666;border-radius:3px;background:#2a2a2a;color:#ddd;font-size:.9em}.game-library{display:flex;flex-direction:column;height:100%;background:#1a1a1a;color:#ddd;font-family:Segoe UI,sans-serif;overflow-y:auto}.library-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px;border-bottom:1px solid #333}.library-header h2{font-size:15px;font-weight:600;margin:0}.library-actions{display:flex;gap:4px}.library-actions button{background:none;border:1px solid #444;color:#ddd;font-size:14px;padding:2px 8px;border-radius:3px;cursor:pointer}.library-actions button:hover{background:#333}.library-breadcrumb{padding:6px 12px;font-size:12px;color:#888;border-bottom:1px solid #2a2a2a}.breadcrumb-item{cursor:pointer;color:#888}.breadcrumb-item:hover{color:#ccc}.breadcrumb-item.active{color:#ddd;font-weight:500}.breadcrumb-sep{color:#555}.new-folder-row{display:flex;gap:4px;padding:6px 12px;border-bottom:1px solid #2a2a2a}.breadcrumb-item.drag-over{background:#2a3a4a;border-radius:3px;padding:1px 4px}.new-folder-row input{flex:1;background:#111;border:1px solid #444;color:#ddd;padding:4px 8px;border-radius:3px;font-size:12px}.new-folder-row button{background:#2d2d2d;border:1px solid #444;color:#ddd;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:12px}.library-folder{display:flex;align-items:center;gap:6px;padding:6px 12px;cursor:pointer;border-bottom:1px solid #1e1e1e;transition:background .1s}.library-folder:hover{background:#252525}.library-folder.drag-over{background:#2a3a4a;outline:1px dashed #4a6fa5}.folder-icon{font-size:14px;flex-shrink:0}.folder-name{flex:1;font-size:13px;font-weight:500}.folder-count{font-size:11px;color:#666;background:#252525;padding:1px 6px;border-radius:8px}.library-game{display:flex;align-items:center;gap:6px;padding:8px 12px;cursor:pointer;border-bottom:1px solid #1e1e1e;transition:background .1s}.library-game:hover{background:#252525}.library-game.active{background:#1e2e42;border-left:3px solid #4a6fa5;padding-left:9px}.game-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.game-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-meta{font-size:11px;color:#777}.game-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}.library-game:hover .game-actions{opacity:1}.game-actions button{background:none;border:none;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:3px}.game-actions button:hover{background:#333}.rename-input{width:100%;background:#111;border:1px solid #4a6fa5;color:#ddd;padding:4px 6px;border-radius:3px;font-size:13px}.library-empty{padding:20px 12px;text-align:center;color:#555;font-size:13px}.folder-context-menu{position:fixed;background:#2a2a2a;border:1px solid #555;border-radius:4px;box-shadow:0 4px 12px #00000080;z-index:200;padding:2px}.folder-context-menu button{display:block;width:100%;background:none;border:none;color:#ddd;padding:6px 14px;font-size:13px;cursor:pointer;text-align:left;white-space:nowrap;border-radius:3px}.folder-context-menu button:hover{background:#4a6fa5;color:#fff}.context-menu-item-with-submenu{position:relative}.context-submenu-trigger{display:flex;justify-content:space-between;width:100%}.context-submenu{display:none;position:absolute;top:0;left:100%;background:#2a2a2a;border:1px solid #555;border-radius:4px;box-shadow:0 4px 12px #00000080;padding:2px;min-width:140px;z-index:201}.context-menu-item-with-submenu:hover>.context-submenu{display:block}.context-submenu button{display:block;width:100%;background:none;border:none;color:#ddd;padding:6px 14px;font-size:13px;cursor:pointer;text-align:left;white-space:nowrap;border-radius:3px}.context-submenu button:hover{background:#4a6fa5;color:#fff}.game-selector{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#1a1a1a;border-bottom:1px solid #2a2a2a;flex-shrink:0}.game-selector-label{font-size:11px;color:#888;white-space:nowrap}.game-selector select{flex:1;background:#111;border:1px solid #444;color:#ddd;padding:4px 8px;border-radius:3px;font-size:12px;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-selector select:focus{border-color:#4a6fa5;outline:none}.add-game-btn{background:#2a3a2a;border:1px solid #4a7a4a;color:#aad4aa;padding:4px 10px;border-radius:3px;font-size:12px;cursor:pointer;white-space:nowrap;flex-shrink:0}.add-game-btn:hover{background:#3a4a3a}.edit-game-btn{background:none;border:1px solid #444;padding:3px 6px;border-radius:3px;font-size:12px;cursor:pointer;flex-shrink:0}.edit-game-btn:hover{background:#333}.delete-game-btn{background:none;border:1px solid #444;padding:3px 6px;border-radius:3px;font-size:12px;cursor:pointer;flex-shrink:0}.delete-game-btn:hover{background:#3a2020;border-color:#844}.board-editor{margin-top:8px}.board-editor-layout{display:flex;gap:12px;align-items:flex-start}.board-editor-board{width:240px;height:240px;flex-shrink:0}.board-editor-board .cg-wrap{width:240px;height:240px}.board-editor-controls{display:flex;flex-direction:column;gap:8px;min-width:180px}.palette-section{display:flex;flex-direction:column;gap:4px}.palette-row{display:flex;gap:4px}.palette-btn{width:32px;height:32px;font-size:20px;line-height:1;padding:0;border:2px solid transparent;border-radius:4px;background:#3a3a3a;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.palette-btn:hover{border-color:#888}.palette-btn.active{border-color:#4a9eff;background:#2a4a6a}.eraser-btn{font-size:16px}.editor-option{display:flex;flex-direction:column;gap:4px}.editor-option>label{font-size:12px;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.side-toggle{display:flex;gap:4px}.side-toggle button{flex:1;padding:4px 8px;border:1px solid #555;border-radius:4px;background:#2a2a2a;color:#ccc;cursor:pointer;font-size:12px}.side-toggle button.active{background:#4a9eff;color:#fff;border-color:#4a9eff}.castling-checks{display:flex;gap:8px}.castling-label{display:flex;align-items:center;gap:2px;font-size:13px;color:#ccc;cursor:pointer}.castling-label input[type=checkbox]{margin:0}.editor-presets{display:flex;flex-wrap:wrap;gap:4px}.editor-presets button{padding:4px 8px;border:1px solid #555;border-radius:4px;background:#2a2a2a;color:#ccc;cursor:pointer;font-size:12px}.editor-presets button:hover{background:#3a3a3a}.fen-input-row{display:flex;gap:4px}.fen-input-row input{flex:1;padding:4px 6px;border:1px solid #555;border-radius:4px;background:#1a1a1a;color:#eee;font-size:12px;font-family:monospace}.fen-input-row button{padding:4px 8px;border:1px solid #555;border-radius:4px;background:#2a2a2a;color:#ccc;cursor:pointer;font-size:12px}.editor-fen-display{margin-top:8px;padding:4px 8px;background:#1a1a1a;border-radius:4px;overflow-x:auto}.editor-fen-display code{font-size:11px;color:#aaa;word-break:break-all}.editor-error{color:#ff6b6b;font-size:12px;margin-top:4px}.editor-valid{color:#51cf66;font-size:12px;margin-top:4px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.dialog{background:#1e1e1e;border:1px solid #444;border-radius:8px;padding:20px;min-width:380px;max-width:500px;box-shadow:0 8px 32px #00000080}.dialog h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#ddd}.dialog-hint{font-size:13px;color:#888;margin-bottom:14px;line-height:1.4}.dialog-field{margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.dialog-field label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px}.dialog-checkbox{display:flex;flex-direction:row;align-items:center;gap:6px;cursor:pointer;text-transform:none}.dialog-checkbox input[type=checkbox]{width:auto;margin:0}.dialog-field input,.dialog-field select{background:#111;border:1px solid #444;color:#ddd;padding:8px 10px;border-radius:4px;font-size:13px}.dialog-field input:focus,.dialog-field select:focus{border-color:#4a6fa5;outline:none}.dialog-field select{cursor:pointer}.new-folder-toggle{background:none;border:none;color:#4a6fa5;font-size:12px;cursor:pointer;padding:4px 0;text-align:left}.new-folder-toggle:hover{color:#6a8fc5}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.dialog-field.dialog-field-inline{display:flex;flex-direction:row;gap:8px;align-items:flex-end}.dialog-field-grow{flex:1;display:flex;flex-direction:column;gap:4px}.dialog-field-small,.dialog-field-elo{width:70px;flex-shrink:0;display:flex;flex-direction:column;gap:4px}.dialog-field-elo input,.dialog-field-small input{width:100%}.dialog-field-elo input[type=number]::-webkit-inner-spin-button,.dialog-field-elo input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dialog-field-elo input[type=number]{-moz-appearance:textfield}.dialog-field-readonly{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#aaa;padding:4px 0}.dialog-tabs{display:flex;gap:0;margin-bottom:12px;border-bottom:2px solid #444}.dialog-tab{flex:1;padding:8px 12px;border:none;background:transparent;color:#888;cursor:pointer;font-size:13px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.dialog-tab:hover{color:#ccc}.dialog-tab.active{color:#4a9eff;border-bottom-color:#4a9eff}.dialog-tab-content{min-height:200px}.dialog-wide{max-width:520px}.dialog-cancel{background:#2d2d2d;border:1px solid #444;color:#ddd;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px}.dialog-cancel:hover{background:#3d3d3d}.dialog-submit{background:#4a6fa5;border:none;color:#fff;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.dialog-submit:hover{background:#5a7fb5}.dialog-submit:disabled{opacity:.4;cursor:default}.import-url-display{font-size:12px;color:#aaa;background:#111;padding:6px 10px;border-radius:4px;border:1px solid #333;word-break:break-all;font-family:Consolas,monospace}.import-url-error{color:#e04040;font-size:13px;padding:8px 10px;background:#2a1515;border:1px solid #4a2020;border-radius:4px}.peer-share-dialog{max-width:400px;min-width:320px}.peer-share-body{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0}.peer-share-desc{font-size:13px;color:var(--text-muted);text-align:center;line-height:1.5}.peer-share-code{display:flex;align-items:center;gap:12px}.peer-code-label{font-size:14px;color:var(--text-muted)}.peer-code-value{font-size:36px;font-weight:700;font-family:Consolas,monospace;letter-spacing:8px;color:var(--accent);background:#1a2535;padding:8px 20px;border-radius:8px;border:2px solid var(--accent)}.peer-share-game-name{font-size:13px;color:var(--text-muted)}.peer-share-start{background:var(--accent);border:none;color:#fff;padding:10px 24px;border-radius:6px;font-size:14px;cursor:pointer;font-weight:500}.peer-share-start:hover{opacity:.9}.peer-share-start:disabled{opacity:.4;cursor:default}.peer-share-waiting{color:var(--text-muted);font-size:13px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.peer-share-success{font-size:16px;color:#4caf50;font-weight:500}.peer-share-error{font-size:13px;color:#e04040;padding:8px 12px;background:#2a1515;border:1px solid #4a2020;border-radius:4px;text-align:center}.peer-share-sending{font-size:14px;color:var(--accent)}.peer-receive-input{display:flex;gap:12px;align-items:center}.peer-code-input{width:120px;font-size:28px;font-family:Consolas,monospace;letter-spacing:6px;text-align:center;padding:8px 12px;background:#111;border:2px solid var(--border);border-radius:8px;color:var(--text)}.peer-code-input:focus{border-color:var(--accent);outline:none}.peer-code-input::placeholder{color:#444;letter-spacing:6px}[data-board-theme=brown] cg-board{background-color:#f0d9b5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cg id='a'%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg id='d'%3E%3Crect width='1' height='1' fill='%23f0d9b5'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23f0d9b5'/%3E%3Crect y='1' width='1' height='1' fill='%23b58863'/%3E%3Crect x='1' width='1' height='1' fill='%23b58863'/%3E%3C/g%3E%3Cuse x='2' href='%23d'/%3E%3C/g%3E%3Cuse x='4' href='%23c'/%3E%3C/g%3E%3Cuse y='2' href='%23b'/%3E%3C/g%3E%3Cuse y='4' href='%23a'/%3E%3C/svg%3E")}[data-board-theme=blue] cg-board{background-color:#dee3e6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cg id='a'%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg id='d'%3E%3Crect width='1' height='1' fill='%23dee3e6'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23dee3e6'/%3E%3Crect y='1' width='1' height='1' fill='%238ca2ad'/%3E%3Crect x='1' width='1' height='1' fill='%238ca2ad'/%3E%3C/g%3E%3Cuse x='2' href='%23d'/%3E%3C/g%3E%3Cuse x='4' href='%23c'/%3E%3C/g%3E%3Cuse y='2' href='%23b'/%3E%3C/g%3E%3Cuse y='4' href='%23a'/%3E%3C/svg%3E")}[data-board-theme=blue] cg-board square.last-move{background-color:#9bc70069}[data-board-theme=blue] cg-board square.selected{background-color:#14551e80}[data-board-theme=green] cg-board{background-color:#ffd;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cg id='a'%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg id='d'%3E%3Crect width='1' height='1' fill='%23ffffdd'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23ffffdd'/%3E%3Crect y='1' width='1' height='1' fill='%2386a666'/%3E%3Crect x='1' width='1' height='1' fill='%2386a666'/%3E%3C/g%3E%3Cuse x='2' href='%23d'/%3E%3C/g%3E%3Cuse x='4' href='%23c'/%3E%3C/g%3E%3Cuse y='2' href='%23b'/%3E%3C/g%3E%3Cuse y='4' href='%23a'/%3E%3C/svg%3E")}[data-board-theme=green] cg-board square.last-move{background-color:#9bc70069}[data-board-theme=green] cg-board square.selected{background-color:#14551e80}[data-board-theme=purple] cg-board{background-color:#e8daf0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cg id='a'%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg id='d'%3E%3Crect width='1' height='1' fill='%23e8daf0'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23e8daf0'/%3E%3Crect y='1' width='1' height='1' fill='%239070a0'/%3E%3Crect x='1' width='1' height='1' fill='%239070a0'/%3E%3C/g%3E%3Cuse x='2' href='%23d'/%3E%3C/g%3E%3Cuse x='4' href='%23c'/%3E%3C/g%3E%3Cuse y='2' href='%23b'/%3E%3C/g%3E%3Cuse y='4' href='%23a'/%3E%3C/svg%3E")}[data-board-theme=purple] cg-board square.last-move{background-color:#9bc70069}[data-board-theme=purple] cg-board square.selected{background-color:#14551e80}[data-board-theme=ic] cg-board{background-color:#ececec;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cg id='a'%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg id='d'%3E%3Crect width='1' height='1' fill='%23ececec'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23ececec'/%3E%3Crect y='1' width='1' height='1' fill='%23c1c18e'/%3E%3Crect x='1' width='1' height='1' fill='%23c1c18e'/%3E%3C/g%3E%3Cuse x='2' href='%23d'/%3E%3C/g%3E%3Cuse x='4' href='%23c'/%3E%3C/g%3E%3Cuse y='2' href='%23b'/%3E%3C/g%3E%3Cuse y='4' href='%23a'/%3E%3C/svg%3E")}[data-board-theme=ic] cg-board square.last-move{background-color:#9bc70069}[data-board-theme=ic] cg-board square.selected{background-color:#14551e80}[data-board-theme=brown] .cg-wrap.orientation-white coords.ranks coord:nth-child(odd),[data-board-theme=brown] .cg-wrap.orientation-white coords.files coord:nth-child(2n),[data-board-theme=brown] .cg-wrap.orientation-black coords.ranks coord:nth-child(2n),[data-board-theme=brown] .cg-wrap.orientation-black coords.files coord:nth-child(odd){color:#946f51!important}[data-board-theme=brown] .cg-wrap.orientation-white coords.ranks coord:nth-child(2n),[data-board-theme=brown] .cg-wrap.orientation-white coords.files coord:nth-child(odd),[data-board-theme=brown] .cg-wrap.orientation-black coords.ranks coord:nth-child(odd),[data-board-theme=brown] .cg-wrap.orientation-black coords.files coord:nth-child(2n){color:#f0d9b5!important}[data-board-theme=brown] .cg-wrap coords{text-shadow:none}[data-board-theme=blue] .cg-wrap.orientation-white coords.ranks coord:nth-child(odd),[data-board-theme=blue] .cg-wrap.orientation-white coords.files coord:nth-child(2n),[data-board-theme=blue] .cg-wrap.orientation-black coords.ranks coord:nth-child(2n),[data-board-theme=blue] .cg-wrap.orientation-black coords.files coord:nth-child(odd){color:#788a94!important}[data-board-theme=blue] .cg-wrap.orientation-white coords.ranks coord:nth-child(2n),[data-board-theme=blue] .cg-wrap.orientation-white coords.files coord:nth-child(odd),[data-board-theme=blue] .cg-wrap.orientation-black coords.ranks coord:nth-child(odd),[data-board-theme=blue] .cg-wrap.orientation-black coords.files coord:nth-child(2n){color:#dee3e6!important}[data-board-theme=blue] .cg-wrap coords{text-shadow:none}[data-board-theme=green] .cg-wrap.orientation-white coords.ranks coord:nth-child(odd),[data-board-theme=green] .cg-wrap.orientation-white coords.files coord:nth-child(2n),[data-board-theme=green] .cg-wrap.orientation-black coords.ranks coord:nth-child(2n),[data-board-theme=green] .cg-wrap.orientation-black coords.files coord:nth-child(odd){color:#6d8753!important}[data-board-theme=green] .cg-wrap.orientation-white coords.ranks coord:nth-child(2n),[data-board-theme=green] .cg-wrap.orientation-white coords.files coord:nth-child(odd),[data-board-theme=green] .cg-wrap.orientation-black coords.ranks coord:nth-child(odd),[data-board-theme=green] .cg-wrap.orientation-black coords.files coord:nth-child(2n){color:#ffd!important}[data-board-theme=green] .cg-wrap coords{text-shadow:none}[data-board-theme=purple] .cg-wrap.orientation-white coords.ranks coord:nth-child(odd),[data-board-theme=purple] .cg-wrap.orientation-white coords.files coord:nth-child(2n),[data-board-theme=purple] .cg-wrap.orientation-black coords.ranks coord:nth-child(2n),[data-board-theme=purple] .cg-wrap.orientation-black coords.files coord:nth-child(odd){color:#7a5a8a!important}[data-board-theme=purple] .cg-wrap.orientation-white coords.ranks coord:nth-child(2n),[data-board-theme=purple] .cg-wrap.orientation-white coords.files coord:nth-child(odd),[data-board-theme=purple] .cg-wrap.orientation-black coords.ranks coord:nth-child(odd),[data-board-theme=purple] .cg-wrap.orientation-black coords.files coord:nth-child(2n){color:#e8daf0!important}[data-board-theme=purple] .cg-wrap coords{text-shadow:none}[data-board-theme=ic] .cg-wrap.orientation-white coords.ranks coord:nth-child(odd),[data-board-theme=ic] .cg-wrap.orientation-white coords.files coord:nth-child(2n),[data-board-theme=ic] .cg-wrap.orientation-black coords.ranks coord:nth-child(2n),[data-board-theme=ic] .cg-wrap.orientation-black coords.files coord:nth-child(odd){color:#a0a070!important}[data-board-theme=ic] .cg-wrap.orientation-white coords.ranks coord:nth-child(2n),[data-board-theme=ic] .cg-wrap.orientation-white coords.files coord:nth-child(odd),[data-board-theme=ic] .cg-wrap.orientation-black coords.ranks coord:nth-child(odd),[data-board-theme=ic] .cg-wrap.orientation-black coords.files coord:nth-child(2n){color:#ececec!important}[data-board-theme=ic] .cg-wrap coords{text-shadow:none}.theme-swatch{display:inline-flex;width:32px;height:32px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s}.theme-swatch:hover{border-color:#888}.theme-swatch.active{border-color:#4a9eff}.theme-swatch-light,.theme-swatch-dark{width:50%;height:100%}.now-playing-bar{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#1a1a2e;border-top:1px solid #333;font-size:.85em;min-height:32px}.now-playing-icon{font-size:.9em}.now-playing-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ccc}.now-playing-position{color:#8ab4f8;font-weight:700;font-size:.9em}.now-playing-controls{display:flex;gap:4px}.now-playing-btn{background:none;border:1px solid #444;color:#ccc;cursor:pointer;padding:2px 8px;border-radius:4px;font-size:.85em}.now-playing-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.now-playing-btn:disabled{opacity:.3;cursor:default}.now-playing-btn.exit{color:#e74c3c;border-color:transparent}.now-playing-btn.exit:hover{background:#e74c3c26}.now-playing-auto-advance{display:flex;align-items:center;gap:4px;color:#f0ad4e;font-size:.85em;animation:auto-advance-pulse 1s ease-in-out infinite}.cancel-auto-advance{font-size:.75em!important;padding:1px 5px!important;color:#f0ad4e!important;border-color:#f0ad4e!important}@keyframes auto-advance-pulse{0%,to{opacity:1}50%{opacity:.6}}.playlist-view{display:flex;flex-direction:column;height:100%;overflow-y:auto}.playlist-back-btn{background:none;border:none;color:#8ab4f8;cursor:pointer;padding:8px 12px;text-align:left;font-size:.9em}.playlist-back-btn:hover{text-decoration:underline}.playlist-view-header{padding:8px 12px}.playlist-view-title{margin:0 0 4px;font-size:1.1em}.playlist-view-desc{margin:0;color:#999;font-size:.85em;font-style:italic}.playlist-empty-view{padding:24px 12px;text-align:center;color:#888}.playlist-game-list{flex:1;overflow-y:auto}.playlist-game-item{display:flex;align-items:center;gap:6px;padding:6px 12px;cursor:pointer;font-size:.9em;border-left:3px solid transparent;transition:background .15s}.playlist-game-item:hover{background:#ffffff0f}.playlist-game-item.now-playing{background:#6495ed26;border-left-color:#6495ed}.playlist-game-item.dragging{opacity:.4}.playlist-game-item.drag-over{border-top:2px solid #6495ed}.playlist-drag-handle{cursor:grab;color:#666;font-size:1em;-webkit-user-select:none;user-select:none}.playlist-game-number{color:#888;min-width:24px;text-align:right;font-size:.85em}.playlist-game-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-game-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}.playlist-game-item:hover .playlist-game-actions{opacity:1}.playlist-remove-btn,.playlist-move-btn{background:none;border:none;color:#888;cursor:pointer;padding:2px 4px;font-size:.8em;border-radius:3px}.playlist-remove-btn:hover{color:#e74c3c;background:#e74c3c26}.playlist-move-btn:hover{color:#fff;background:#ffffff1a}.playlist-move-btn:disabled{opacity:.3;cursor:default}.playlist-view-actions{display:flex;gap:8px;padding:12px;flex-wrap:wrap}.playlist-action-btn{padding:6px 14px;border:1px solid #555;border-radius:4px;background:#3a3a3a;color:#ddd;cursor:pointer;font-size:.85em}.playlist-action-btn:hover{background:#4a4a4a}.playlist-action-btn.primary{background:#2a5db0;border-color:#3a6dc0}.playlist-action-btn.primary:hover{background:#3a6dc0}.game-picker-dialog{max-width:480px;width:90vw}.game-picker-filter{width:100%;padding:6px 10px;border:1px solid #555;border-radius:4px;background:#2a2a2a;color:#ddd;font-size:.9em;margin-bottom:8px;box-sizing:border-box}.game-picker-list{max-height:300px;overflow-y:auto;border:1px solid #444;border-radius:4px;margin-bottom:12px}.game-picker-item{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;font-size:.9em}.game-picker-item:hover{background:#ffffff0f}.game-picker-item input[type=checkbox]{margin:0}.game-picker-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-picker-video{font-size:.85em}.game-picker-empty{padding:16px;text-align:center;color:#888;font-style:italic}.game-picker-dialog .dialog-buttons{display:flex;justify-content:flex-end;gap:12px}:root{--bg: #121212;--surface: #1e1e1e;--text: #e0e0e0;--text-muted: #888;--accent: #4a6fa5;--border: #333}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.header-left{display:flex;align-items:center;gap:10px}.library-toggle{background:none;border:1px solid var(--border);color:var(--text);font-size:14px;padding:4px 8px;border-radius:3px;cursor:pointer}.library-toggle:hover{background:#2a2a2a}.app-header h1{font-size:16px;font-weight:600;color:var(--text);cursor:pointer;transition:color .15s}.app-header h1:hover{color:var(--accent)}.app-version{font-size:10px;color:#666;background:#2a2a2a;padding:1px 6px;border-radius:8px;font-family:Consolas,monospace}.current-game-name{font-size:13px;color:var(--text-muted);border-left:1px solid var(--border);padding-left:10px;display:flex;align-items:center;gap:6px}.close-game-btn{background:none;border:none;color:#666;font-size:12px;cursor:pointer;padding:0 2px;line-height:1}.close-game-btn:hover{color:#e04040}.header-actions{display:flex;gap:4px;align-items:center}.header-btn{background:#2d2d2d;border:1px solid #444;color:#ddd;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap}.header-btn:hover:not(:disabled){background:#3d3d3d}.header-btn:disabled{opacity:.35;cursor:default}.import-label{display:inline-flex;align-items:center}.lang-toggle{background:none;border:1px solid #555;padding:3px 6px;border-radius:4px;cursor:pointer;font-size:14px;line-height:1;color:#ccc}.lang-toggle:hover{background:#333;border-color:#888}.settings-btn{background:var(--accent);border:none;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}.settings-btn:hover{opacity:.9}.github-link{display:flex;align-items:center;color:#888;padding:4px;border-radius:4px;transition:color .15s}.github-link:hover{color:#ddd}.settings-panel{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 16px;flex-shrink:0}.settings-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.settings-row label{font-size:13px;color:var(--text-muted);min-width:90px}.settings-row input{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:4px;font-size:13px}.settings-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;min-width:0}.settings-checkbox input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:0}.settings-row textarea{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text-muted);padding:6px 10px;border-radius:4px;font-size:12px;font-family:Consolas,Courier New,monospace;resize:vertical;cursor:default}.settings-row button{background:var(--accent);border:none;color:#fff;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap}.storage-row{flex-direction:column;align-items:flex-start!important;gap:4px!important}.storage-usage{width:100%;display:flex;flex-direction:column;gap:3px}.storage-bar{width:100%;height:8px;background:#1a1a1a;border-radius:4px;overflow:hidden;border:1px solid #333}.storage-bar-fill{height:100%;background:#4a8a4a;border-radius:3px;transition:width .3s ease;min-width:2px}.storage-bar-fill.warning{background:#b8860b}.storage-bar-fill.critical{background:#c0392b}.storage-text{font-size:12px;color:#aaa;font-family:Consolas,monospace}.storage-breakdown{font-size:11px;color:#777}.lang-option-btn{background:#2d2d2d;border:1px solid #444;color:#ccc;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px}.lang-option-btn:hover{background:#3d3d3d;color:#fff}.lang-option-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.settings-checkbox{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer;text-transform:none;color:#ccc;font-size:13px}.settings-checkbox input[type=checkbox]{width:auto;margin:0}.pgn-row{align-items:flex-start}.pgn-row label{padding-top:6px}.library-row{align-items:center}.library-row button,.library-row .import-label{background:#2d2d2d;border:1px solid #444;color:#ddd;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.welcome-screen{display:flex;align-items:flex-start;justify-content:center;flex:1;grid-column:1 / -1;overflow-y:auto}.welcome-content{text-align:center;max-width:600px;padding:40px 20px}.welcome-content h2{font-size:24px;font-weight:600;color:var(--text);margin-bottom:8px}.welcome-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:32px}.welcome-actions{display:flex;gap:16px;justify-content:center}.welcome-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px 20px;width:240px;cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.welcome-card:hover{border-color:var(--accent);background:#1a2535}.welcome-card-label{display:block;cursor:pointer}.welcome-icon{font-size:32px;display:block;margin-bottom:12px}.welcome-card h3{font-size:15px;font-weight:600;color:var(--text);margin:0 0 8px}.welcome-card p{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0}.welcome-hint{margin-top:24px;font-size:13px;color:#666}.welcome-tease{margin-top:24px;font-size:12px;color:#556;font-style:italic;text-align:center;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}.welcome-tutorial{margin-top:32px;text-align:left;max-width:500px;margin-left:auto;margin-right:auto}.welcome-tutorial h3{font-size:15px;font-weight:600;color:var(--text-muted);margin-bottom:16px;text-align:center}.tutorial-steps{display:flex;flex-direction:column;gap:12px}.tutorial-step{display:flex;gap:12px;align-items:flex-start}.step-number{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.tutorial-step strong{font-size:13px;color:var(--text)}.tutorial-step p{font-size:12px;color:var(--text-muted);margin:2px 0 0;line-height:1.4}.tutorial-step em{color:#8cb4d8;font-style:normal}.shortcuts-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:center}.shortcuts-grid kbd{display:inline-block;padding:2px 8px;font-size:12px;font-family:monospace;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text);min-width:28px;text-align:center;box-shadow:0 1px #0003}.shortcuts-grid span{font-size:13px;color:var(--text-muted)}.sample-games{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.sample-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:border-color .15s,background .15s}.sample-btn:hover{border-color:var(--accent);background:#1a2535}.sidebar-backdrop{display:none}.library-sidebar{width:260px;flex-shrink:0;border-right:1px solid var(--border);overflow:hidden}.app-main{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;min-height:0;overflow:hidden}.left-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border)}.left-panel .board-panel{flex:1;min-height:0}.comment-panel{display:flex;align-items:flex-start;gap:6px;padding:8px 12px;margin:0 8px;background:#1a2a1a;border:1px solid #2a3a2a;border-radius:4px;font-size:13px;line-height:1.5;color:#cda;max-height:80px;overflow-y:auto;flex-shrink:0}.comment-icon{flex-shrink:0;font-size:14px}.comment-text{white-space:pre-wrap;word-break:break-word;cursor:pointer}.comment-panel:hover .comment-text{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.comment-empty{background:transparent;border:1px dashed #333;padding:4px 12px}.comment-add-btn{background:none;border:none;color:#666;font-size:12px;cursor:pointer;padding:2px 0}.comment-add-btn:hover{color:#aaa}.comment-editing{flex-direction:column;gap:4px}.comment-input{width:100%;background:#111;border:1px solid #4a6fa5;color:#ddd;padding:6px 8px;border-radius:3px;font-size:13px;font-family:Segoe UI,sans-serif;resize:vertical;line-height:1.4}.comment-input:focus{outline:none;border-color:#6a8fc5}.comment-edit-actions{display:flex;gap:4px;justify-content:flex-end}.comment-edit-actions button{background:#2d2d2d;border:1px solid #444;color:#ddd;padding:3px 10px;border-radius:3px;font-size:12px;cursor:pointer}.comment-edit-actions button:first-child{background:#4a6fa5;border-color:#4a6fa5;color:#fff}.comment-edit-actions button:hover{opacity:.9}.right-panel{display:grid;grid-template-rows:1fr 4px 1fr;min-height:0;overflow:hidden}.right-upper{min-height:0;overflow:hidden;display:flex;flex-direction:column}.right-lower{display:flex;flex-direction:column;min-height:0;overflow:hidden}.horizontal-splitter{height:4px;cursor:row-resize;background:var(--border);transition:background .15s}.horizontal-splitter:hover,.horizontal-splitter:active{background:var(--accent, #4a6fa5)}.video-panel{position:relative;flex:1;min-height:0}.video-container{width:100%;height:100%}.video-container iframe{width:100%;height:100%;border:none}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-muted);font-size:14px}.no-video{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;background:var(--surface);color:var(--text-muted);font-size:14px;gap:4px}.move-list-panel,.move-tree-panel{flex:1;min-height:0;overflow-y:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.app-header{padding:4px 8px;gap:4px}.app-header h1{font-size:14px}.app-version,.current-game-name{display:none}.header-btn{padding:4px 6px;font-size:11px}.header-btn .btn-label{display:none}.sidebar-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.library-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1000;border-right:1px solid var(--border);background:var(--surface)}.app-main{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.right-panel{display:contents}.right-upper{order:-1;flex-shrink:0}.right-lower{order:3;min-height:200px}.left-panel{order:1;border-right:none;flex-shrink:0}.horizontal-splitter{display:none}.video-container{aspect-ratio:16 / 9;height:auto}.no-video{aspect-ratio:16 / 9;flex:none}.move-tree-panel{min-height:150px;max-height:40vh}.nav-controls{padding:4px;gap:4px}.nav-row{width:100%}.nav-controls button{font-size:16px;padding:6px 12px;flex:1}.welcome-screen{overflow-y:auto;align-items:flex-start}.welcome-content{padding:16px 12px;max-width:100%}.welcome-content h2{font-size:18px}.welcome-subtitle{font-size:13px;margin-bottom:20px}.welcome-actions{flex-direction:column;align-items:stretch;gap:12px}.welcome-card{width:auto;padding:16px 14px}.welcome-icon{font-size:24px;margin-bottom:8px}.welcome-tutorial{margin-top:20px;max-width:100%}.welcome-tutorial h3{font-size:14px;margin-bottom:12px}.shortcuts-grid{gap:6px 12px}}.inline-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid #444;border-radius:4px;background:#2d2d2d;color:#ddd;font-size:14px;cursor:pointer;flex-shrink:0}.inline-icon-btn:hover:not(:disabled){background:#4a4a4a}.inline-icon-btn:disabled{opacity:.35;cursor:default}.inline-icon-btn.confirm:hover:not(:disabled){background:#2a6b3a;color:#8f8;border-color:#3a7b4a}.inline-icon-btn.cancel:hover{background:#6b2a2a;color:#f88;border-color:#7b3a3a}@media(max-width:768px){.settings-row{flex-wrap:wrap}.settings-row label{min-width:unset;width:100%}.save-dialog-content,.edit-game-dialog-content{min-width:unset;width:90vw;max-width:90vw}}@media(max-width:768px){.app-body{position:relative}}@media(max-width:480px){.app-header h1{font-size:12px}.header-actions .header-btn{padding:3px 5px;font-size:10px}.nav-controls button{font-size:14px;padding:5px 10px}.game-selector{flex-wrap:wrap}.game-selector select{font-size:11px}}@media(max-height:500px)and (orientation:landscape){.app-main{display:flex;flex-direction:row;overflow:hidden}.right-panel{display:flex!important;flex-direction:column;width:50%;flex-shrink:0;min-height:0}.right-upper{order:0;flex:3;min-height:0}.right-lower{order:0;flex:1;min-height:0;overflow:hidden}.left-panel{order:0;width:50%;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto}.horizontal-splitter{display:none}.board-row{width:min(100%,calc(100vh - 130px));margin:0 auto}.video-container{width:100%;height:100%}.no-video{flex:1}.nav-controls{padding:2px;gap:2px}.nav-row{width:min(100%,calc(100vh - 130px))}.nav-controls button{font-size:14px;padding:4px 8px;flex:1}.move-tree-panel{max-height:none;min-height:0;flex:1}.sidebar-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.library-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1000;border-right:1px solid var(--border);background:var(--surface)}}