.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,.cg-wrap .cg-shapes-below,.cg-wrap .cg-custom-below{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-shapes-below{z-index:1;overflow:hidden}.cg-wrap .cg-custom-below{z-index:1}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg,.cg-wrap .cg-custom-below svg{overflow:visible}.cg-wrap coords{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-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 0,#0000 0)}cg-board square.premove-dest{background:radial-gradient(#141e5580 22%,#203085 0,#0000004d 0,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(#0000 0% 80%,#1455004d 80%)}cg-board square.oc.premove-dest{background:radial-gradient(#0000 0% 80%,#141e5533 80%)}cg-board square.move-dest:hover,cg-board square.move-dest.hover{background:#14551e4d}cg-board square.premove-dest:hover,cg-board square.premove-dest.hover{background:#141e5533}cg-board square.last-move{background-color:#9bc70069}cg-board square.selected{background-color:#14551e80}cg-board square.check{background:radial-gradient(red 0%,#e70000 25%,#a9000000 89%,#9e000000 100%)}cg-board square.current-premove{background-color:#141e5580}.orientation-white .ranks :nth-child(odd),.orientation-white .files :nth-child(2n),.orientation-black .ranks :nth-child(2n),.orientation-black .files :nth-child(odd),coords.squares:nth-of-type(odd) :nth-child(2n),coords.squares:nth-of-type(2n) :nth-child(odd){color:#484848cc}.orientation-white .ranks :nth-child(2n),.orientation-white .files :nth-child(odd),.orientation-black .ranks :nth-child(odd),.orientation-black .files :nth-child(2n),coords.squares:nth-of-type(odd) :nth-child(odd),coords.squares:nth-of-type(2n) :nth-child(2n){color:#fffc}.cg-wrap piece.pawn.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.knight.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy0zdi00aDIxdjRIMTJ6bS0xLTIyVjloNHYyaDVWOWg1djJoNVY5aDR2NSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMzQgMTRsLTMgM0gxNGwtMy0zIi8+PHBhdGggZD0iTTMxIDE3djEyLjVIMTRWMTciIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMxIDI5LjVsMS41IDIuNWgtMjBsMS41LTIuNSIvPjxwYXRoIGQ9Ik0xMSAxNGgyMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04IDEyYTIgMiAwIDEgMS00IDAgMiAyIDAgMSAxIDQgMHptMTYuNS00LjVhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAwek00MSAxMmEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTE2IDguNWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTMzIDlhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAweiIvPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi0xMi03IDExVjExbC01LjUgMTMuNS0zLTE1LTMgMTUtNS41LTE0VjI1TDcgMTRsMiAxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6IiBzdHJva2UtbGluZWNhcD0iYnV0dCIvPjxwYXRoIGQ9Ik0xMS41IDMwYzMuNS0xIDE4LjUtMSAyMiAwTTEyIDMzLjVjNi0xIDE1LTEgMjEgMCIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.king.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjZNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTIyLjUgMjVzNC41LTcuNSAzLTEwLjVjMCAwLTEtMi41LTMtMi41cy0zIDIuNS0zIDIuNWMtMS41IDMgMyAxMC41IDMgMTAuNSIgZmlsbD0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTEuNSAzN2M1LjUgMy41IDE1LjUgMy41IDIxIDB2LTdzOS00LjUgNi0xMC41Yy00LTYuNS0xMy41LTMuNS0xNiA0VjI3di0zLjVjLTMuNS03LjUtMTMtMTAuNS0xNi00LTMgNiA1IDEwIDUgMTBWMzd6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDBtLTIxIDMuNWM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.pawn.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+)}.cg-wrap piece.knight.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjZWNlY2VjIiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMjQuNTUgMTAuNGwtLjQ1IDEuNDUuNS4xNWMzLjE1IDEgNS42NSAyLjQ5IDcuOSA2Ljc1UzM1Ljc1IDI5LjA2IDM1LjI1IDM5bC0uMDUuNWgyLjI1bC4wNS0uNWMuNS0xMC4wNi0uODgtMTYuODUtMy4yNS0yMS4zNC0yLjM3LTQuNDktNS43OS02LjY0LTkuMTktNy4xNmwtLjUxLS4xeiIgZmlsbD0iI2VjZWNlYyIgc3Ryb2tlPSJub25lIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy41LTdsMS41LTIuNWgxN2wxLjUgMi41aC0yMHptLS41IDR2LTRoMjF2NEgxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTE0IDI5LjV2LTEzaDE3djEzSDE0eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTQgMTYuNUwxMSAxNGgyM2wtMyAyLjVIMTR6TTExIDE0VjloNHYyaDVWOWg1djJoNVY5aDR2NUgxMXoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTEyIDM1LjVoMjFtLTIwLTRoMTltLTE4LTJoMTdtLTE3LTEzaDE3TTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi41LTEyLjVMMzEgMjVsLS4zLTE0LjEtNS4yIDEzLjYtMy0xNC41LTMgMTQuNS01LjItMTMuNkwxNCAyNSA2LjUgMTMuNSA5IDI2eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNOSAyNmMwIDIgMS41IDIgMi41IDQgMSAxLjUgMSAxIC41IDMuNS0xLjUgMS0xLjUgMi41LTEuNSAyLjUtMS41IDEuNS41IDIuNS41IDIuNSA2LjUgMSAxNi41IDEgMjMgMCAwIDAgMS41LTEgMC0yLjUgMCAwIC41LTEuNS0xLTIuNS0uNS0yLjUtLjUtMiAuNS0zLjUgMS0yIDIuNS0yIDIuNS00LTguNS0xLjUtMTguNS0xLjUtMjcgMHoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTExIDM4LjVhMzUgMzUgMSAwIDAgMjMgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMTEgMjlhMzUgMzUgMSAwIDEgMjMgMG0tMjEuNSAyLjVoMjBtLTIxIDNhMzUgMzUgMSAwIDAgMjIgMG0tMjMgM2EzNSAzNSAxIDAgMCAyNCAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiLz48L2c+PC9zdmc+)}.cg-wrap piece.king.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjYiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMjIuNSAyNXM0LjUtNy41IDMtMTAuNWMwIDAtMS0yLjUtMy0yLjVzLTMgMi41LTMgMi41Yy0xLjUgMyAzIDEwLjUgMyAxMC41IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Ik0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN3M5LTQuNSA2LTEwLjVjLTQtNi41LTEzLjUtMy41LTE2IDRWMjd2LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMFYzN3oiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMyIDI5LjVzOC41LTQgNi4wMy05LjY1QzM0LjE1IDE0IDI1IDE4IDIyLjUgMjQuNWwuMDEgMi4xLS4wMS0yLjFDMjAgMTggOS45MDYgMTQgNi45OTcgMTkuODVjLTIuNDk3IDUuNjUgNC44NTMgOSA0Ljg1MyA5IiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMTEuNSAzMGM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDAiIHN0cm9rZT0iI2VjZWNlYyIvPjwvZz48L3N2Zz4=)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f1ed;--surface:#fff;--surface-2:#f6f4f0;--border:#e0dcd4;--text:#1f1e1b;--text-2:#4d4a44;--muted:#77736b;--accent:#557a2e;--accent-ink:#fff;--accent-soft:#e6eedb;--info:#2a78d6;--ok:#3f7d20;--ok-soft:#e4f1da;--err:#c0392b;--err-soft:#f9e1de;--warn:#b7791f;--warn-soft:#fbf0d9;--series:#2a78d6;--board-light:#f0d9b5;--board-dark:#b58863;--shadow:0 1px 2px #0000000d, 0 4px 16px #0000000a;--radius:10px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--k-mistake:#c0392b;--k-opening:#2a78d6;--k-study:#7b5cc4;--k-puzzle:#b7791f;--k-trap:#c25a1f;--k-fundamental:#3f7d20;--k-mixed:#77736b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#161512;--surface:#262421;--surface-2:#2e2b28;--border:#3b3835;--text:#e8e5df;--text-2:#c9c5bd;--muted:#9b968d;--accent:#7fa650;--accent-ink:#111;--accent-soft:#2f3a22;--info:#5aa0ef;--ok:#8bc34a;--ok-soft:#26331b;--err:#ec6a5c;--err-soft:#3d2320;--warn:#e0a640;--warn-soft:#3a3020;--series:#3987e5;--shadow:0 1px 2px #0000004d;--k-mistake:#ec6a5c;--k-opening:#5aa0ef;--k-study:#a98ce8;--k-puzzle:#e0a640;--k-trap:#e8844c;--k-fundamental:#8bc34a}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#161512;--surface:#262421;--surface-2:#2e2b28;--border:#3b3835;--text:#e8e5df;--text-2:#c9c5bd;--muted:#9b968d;--accent:#7fa650;--accent-ink:#111;--accent-soft:#2f3a22;--info:#5aa0ef;--ok:#8bc34a;--ok-soft:#26331b;--err:#ec6a5c;--err-soft:#3d2320;--warn:#e0a640;--warn-soft:#3a3020;--series:#3987e5;--shadow:0 1px 2px #0000004d}*{box-sizing:border-box}html,body{margin:0;padding:0}body{padding-top:env(safe-area-inset-top);background:var(--bg);color:var(--text);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--info);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:1.6rem}h2{margin:0 0 8px;font-size:1.15rem}h3{margin:0 0 8px;font-size:1rem}h3.sub{margin-top:14px}p{margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:.85rem}.lead{color:var(--text-2);font-size:1.05rem}.mono{font-family:var(--mono);font-size:.92em}kbd{font:11px var(--mono);border:1px solid var(--border);color:var(--muted);border-bottom-width:2px;border-radius:4px;padding:1px 5px}input,select,textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:7px;min-width:0;padding:7px 10px}textarea{resize:vertical;width:100%;font-family:var(--mono);font-size:.9rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--info);outline-offset:2px}.boot{color:var(--muted);padding:40px}.icon{flex:none}.btn{font:600 .9rem var(--font);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;transition:background .12s,border-color .12s;display:inline-flex;text-decoration:none!important}.btn:hover{background:var(--surface-2)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default;pointer-events:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.07)}.btn.ghost{background:0 0}.btn.danger{color:var(--err)}.btn.small{padding:5px 10px;font-size:.82rem}.btn.big{padding:12px 20px;font-size:1rem}.linkish{color:var(--info);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.linkish:hover{text-decoration:underline}.seg{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg button{font:600 .8rem var(--font);background:var(--surface);color:var(--muted);cursor:pointer;border:0;padding:6px 11px}.seg button+button{border-left:1px solid var(--border)}.seg button.on{background:var(--accent-soft);color:var(--text)}.pill{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);border-radius:99px;padding:3px 10px;font-size:.8rem}.pill.ok{color:var(--ok)}.row{align-items:center;display:flex}.row.gap{gap:8px}.row.wrap,.wrap{flex-wrap:wrap}.grow{flex:1}.stack{flex-direction:column;gap:16px;display:flex}.shell{grid-template-columns:210px 1fr;min-height:100vh;display:grid}.nav{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:2px;height:100vh;padding:16px 10px;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:9px;padding:4px 10px 16px;font-weight:750;display:flex;text-decoration:none!important}.brand-mark svg{border-radius:4px;display:block}.nav-link{color:var(--text-2);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-weight:550;display:flex;text-decoration:none!important}.nav-link:hover{background:var(--surface-2)}.nav-link.active{background:var(--accent-soft);color:var(--text)}.nav-foot{margin-top:auto;padding:8px 6px}.main{min-width:0}.page{max-width:1180px;padding:28px 32px 60px}.page.narrow{max-width:760px}.center-block{padding-top:60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:18px 20px}.stack .card{margin-bottom:0}.card.hero{padding:26px 28px}.card.hero h2{font-size:1.35rem}.steps{margin:12px 0 18px;padding-left:20px}.steps li{margin-bottom:6px}.notice{background:var(--warn-soft);border:1px solid color-mix(in srgb, var(--warn) 40%, transparent);border-radius:8px;margin:8px 0 12px;padding:9px 12px;font-size:.9rem}.notice-card{border-left:4px solid var(--warn)}.tip{background:var(--surface-2);border-left:3px solid var(--info);border-radius:0 6px 6px 0;padding:8px 12px;font-size:.9rem}.log{font:.85rem var(--mono);color:var(--text-2);background:var(--surface-2);white-space:pre-wrap;border-radius:6px;margin-top:10px;padding:8px 10px}.inline-log{margin:0}.toasts{z-index:50;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--info);border-radius:8px;padding:10px 14px;font-size:.9rem;box-shadow:0 6px 24px #0000002e}.toast.ok{border-left-color:var(--ok)}.toast.err{border-left-color:var(--err)}.deck-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}.deck-row{border-top:1px solid var(--border);grid-template-columns:1fr 64px 64px 80px 80px 80px;align-items:center;gap:8px;padding:10px 16px;display:grid}.deck-row.head{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2);border-top:0;font-size:.78rem}.deck-name-cell{color:var(--text);align-items:center;gap:8px;min-width:0;font-weight:600;display:flex}.num{text-align:right;font-variant-numeric:tabular-nums}.due{color:var(--err);font-weight:700}.new{color:var(--info);font-weight:700}.kind-dot{background:var(--k-mixed);border-radius:50%;flex:none;width:9px;height:9px}.kind-mistake{--k:var(--k-mistake)}.kind-opening{--k:var(--k-opening)}.kind-study{--k:var(--k-study)}.kind-puzzle{--k:var(--k-puzzle)}.kind-trap{--k:var(--k-trap)}.kind-fundamental{--k:var(--k-fundamental)}.kind-dot[class*=kind-]{background:var(--k,var(--k-mixed))}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.deck-card{flex-direction:column;gap:10px;margin:0;display:flex}.deck-card-title{color:var(--text);align-items:center;gap:8px;font-weight:700;display:flex}.statline{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.85rem;display:flex}.statline b{color:var(--text)}.statline .due b{color:var(--err)}.statline .new b{color:var(--info)}.progress{background:var(--surface-2);border-radius:3px;height:6px;position:relative;overflow:hidden}.progress-seen,.progress-mature{border-radius:3px;position:absolute;top:0;bottom:0;left:0}.progress-seen{background:color-mix(in srgb, var(--accent) 35%, transparent)}.progress-mature{background:var(--accent)}.chips{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:99px;padding:5px 11px;font-size:.85rem;text-decoration:none!important}.chip b{color:var(--muted);margin-left:3px}.chip.on{background:var(--accent-soft);border-color:var(--accent)}.small-chips .chip{padding:3px 9px;font-size:.78rem}.browse{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:start;gap:18px;margin-top:16px;display:grid}.search{width:100%;margin-bottom:10px}.card-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:70vh;margin:0;padding:0;list-style:none;overflow:auto}.card-list li+li{border-top:1px solid var(--border)}.card-item{text-align:left;width:100%;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;justify-content:space-between;gap:10px;padding:9px 12px;display:flex}.card-item:hover{background:var(--surface-2)}.card-item.sel{background:var(--accent-soft)}.card-item.susp{opacity:.5}.ci-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.ci-meta{flex:none;gap:8px;font-size:.78rem;display:flex}.state{font-weight:600}.state.s0{color:var(--info)}.state.s1,.state.s3{color:var(--warn)}.state.s2{color:var(--ok)}.browse-preview{position:sticky;top:16px}.preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.preview-board{aspect-ratio:1;width:100%;margin-bottom:12px}.inline{color:var(--text-2);align-items:center;gap:8px;font-size:.88rem;display:inline-flex}.inline input{width:80px}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:9px 14px;font-weight:600;text-decoration:none!important}.tab.on{color:var(--text);border-bottom-color:var(--accent)}.form-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-items:start;gap:12px 16px;margin:12px 0 16px;display:grid}.form-grid label{color:var(--text-2);flex-direction:column;gap:5px;font-size:.85rem;font-weight:550;display:flex}.form-grid .hint{color:var(--muted);font-size:.8rem;font-weight:400}.checks{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;grid-column:span 2;gap:4px 14px;min-width:0;padding:8px 12px;display:flex}.checks legend{color:var(--muted);padding:0 4px;font-size:.8rem}label.check{cursor:pointer;align-items:center;display:flex;flex-direction:row!important;gap:7px!important;font-weight:450!important}label.check input{width:auto}details.opts{margin:10px 0}details.opts summary{cursor:pointer;color:var(--info);font-size:.9rem;font-weight:600}.accounts{margin:0 0 10px;padding:0;list-style:none}.accounts li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 0;display:flex}.opening-builder{grid-template-columns:300px 1fr;align-items:start;gap:20px;margin:12px 0;display:grid}.mini-board{flex-direction:column;gap:8px;display:flex}.mini-board .board{width:300px;height:300px}.lines{max-height:340px;margin:10px 0 14px;padding-left:22px;overflow:auto}.lines li{margin-bottom:3px}.chapter-list,.trap-list{margin:10px 0 14px;padding:0;list-style:none}.chapter-list li,.trap-list li{border-bottom:1px solid var(--border);padding:6px 0}.steps-list{margin:0;padding:0;list-style:none}.steps-list li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.steps-list li:first-child{border-top:0}.steps-list p{margin:2px 0 0}.table{border-collapse:collapse;width:100%;margin-top:12px;font-size:.9rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);padding:6px 8px;font-size:.75rem;font-weight:600}.table td{border-bottom:1px solid var(--border);padding:7px 8px}.table .num{text-align:right}.neg{color:var(--err);font-weight:600}.tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.tile-num{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.7rem;font-weight:750}.tile-label{color:var(--muted);font-size:.82rem}.chart-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;display:grid}.chart-grid .card{margin:0}.bars{flex-direction:column;gap:6px;margin:4px 0 8px;display:flex}.bar-row{color:var(--text);border-radius:6px;grid-template-columns:minmax(90px,38%) 1fr;align-items:center;gap:10px;padding:3px 4px;display:grid;position:relative;text-decoration:none!important}a.bar-row:hover,.bar-row:hover{background:var(--surface-2)}.bar-label{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.bar-track{align-items:center;gap:8px;min-width:0;display:flex}.bar{background:var(--series);border-radius:0 4px 4px 0;flex:none;max-width:calc(100% - 44px);height:14px}.bar.zero{width:0!important}.bar-value{font-variant-numeric:tabular-nums;color:var(--text);font-size:.82rem}.bar-row[data-tip]:hover:after{content:attr(data-tip);z-index:5;background:var(--text);color:var(--bg);white-space:nowrap;pointer-events:none;border-radius:6px;padding:5px 9px;font-size:.78rem;position:absolute;bottom:calc(100% + 4px);left:38%}.recs{margin:0 0 8px;padding:0;list-style:none}.recs li{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.recs li:first-child{border-top:0}.recs p{max-width:560px;margin:3px 0 0}.shell.is-review .main{display:flex}.review{flex:1;justify-content:center;padding:20px 24px;display:flex}.review-grid{grid-template-columns:auto minmax(300px,380px);justify-content:center;align-items:start;gap:24px;width:100%;max-width:1200px;display:grid}.board-col{flex-direction:column;gap:8px;display:flex;position:relative}.board-frame{aspect-ratio:1;width:min(100vh - 80px,100vw - 662px,760px);position:relative}.board.cg-wrap,.board{width:100%;height:100%}.preview-board .board,.mini-board .board{aspect-ratio:1}.timebar{background:var(--surface-2);border-radius:3px;height:5px;overflow:hidden}.timebar-fill{transform-origin:0;background:var(--ok);width:100%;height:100%;animation-name:timefill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes timefill{0%{background:var(--ok);transform:scaleX(0)}60%{background:var(--ok)}to{background:var(--warn);transform:scaleX(1)}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.panel-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel-top .seg{margin-left:auto}.kind{text-transform:uppercase;letter-spacing:.06em;color:var(--k,var(--muted));font-size:.72rem;font-weight:700}.card-title{margin:0;font-size:1.05rem}.deck-name{margin:-6px 0 0}.prompt{align-items:center;gap:9px;font-size:1.15rem;font-weight:650;display:flex}.side-dot{border:2px solid var(--muted);border-radius:50%;flex:none;width:14px;height:14px}.side-dot.white{background:#fff}.side-dot.black{background:#222}.context{color:var(--muted);margin:0}.played{flex-wrap:wrap;gap:6px;margin:0;display:flex}.mv{background:var(--surface-2);border-radius:5px;padding:2px 7px}.mv small{color:var(--muted);font-size:.75em}.mv.ok{background:var(--ok-soft)}.mv.bad{background:var(--err-soft)}.mv.opp{color:var(--muted)}.msg{border-radius:8px;padding:9px 12px;font-size:.92rem;font-weight:550}.msg.ok{background:var(--ok-soft);color:var(--ok)}.msg.err{background:var(--err-soft);color:var(--err)}.msg.info{background:var(--surface-2);color:var(--text-2)}.explain{flex-direction:column;gap:8px;font-size:.92rem;display:flex}.explain p{margin:0}.explain .note{border-left:3px solid var(--k-study);padding-left:10px}.src{align-items:center;gap:5px;font-size:.85rem;display:inline-flex}.src-row{gap:14px}.grades{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.grade{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;color:var(--text);font:inherit;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;display:flex;position:relative}.grade:hover{filter:brightness(1.06)}.grade-label{font-size:.9rem;font-weight:700}.grade-ivl{color:var(--muted);font-size:.75rem}.grade kbd{border:0;padding:0 3px;font-size:9px;position:absolute;top:3px;right:4px}.grade.again{border-bottom:3px solid var(--err)}.grade.hard{border-bottom:3px solid var(--warn)}.grade.good{border-bottom:3px solid var(--ok)}.grade.easy{border-bottom:3px solid var(--info)}.grade.suggested{outline:2px solid var(--text);outline-offset:1px}.promo{z-index:10;background:#00000073;border-radius:4px;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.promo-piece{aspect-ratio:1;background:var(--surface);cursor:pointer;border:0;border-radius:50%;width:18%;padding:6%;box-shadow:0 4px 14px #0006}.promo-piece img{width:100%;height:100%;display:block}.ton-calls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ton-calls .btn{justify-content:center}.modes{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.modes p{max-width:560px;margin:0}.card-meta{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}.card-meta .pill{margin-left:auto}.learn-link{color:var(--info)}.trap-list li{justify-content:space-between;align-items:center;gap:10px;display:flex}.learn-grid{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:start;gap:24px;margin-top:18px;display:grid}.learn-board{aspect-ratio:1;width:100%}.stepper{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.stepper .btn{justify-content:center;min-width:44px}.caption{background:var(--surface-2);border-radius:8px;min-height:3em;padding:8px 12px;font-weight:550}.caption.role-bait{background:var(--err-soft);color:var(--err)}.caption.role-punish{background:var(--ok-soft)}.move-chips{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.mchip{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:5px;padding:2px 7px;font-size:.85rem}.mchip.on{outline:2px solid var(--info)}.mchip.r-bait{background:var(--err-soft)}.mchip.r-punish{background:var(--ok-soft)}.mchip.r-reply,.mchip.r-forced{color:var(--muted)}.learn-side .card{margin-bottom:14px}.verdict{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;margin-right:6px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.v-sound{background:var(--ok-soft);color:var(--ok)}.v-slightly-risky{background:var(--warn-soft);color:var(--warn)}.v-risky{background:var(--err-soft);color:var(--err)}.risk-steps{flex-direction:column;gap:4px;margin:8px 0 12px;padding:0;list-style:none;display:flex}.risk-steps li{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;flex:none;width:9px;height:9px}.dot.ok{background:var(--ok)}.dot.meh{background:var(--warn)}.dot.bad{background:var(--err)}.practice{flex-direction:column;gap:8px;margin:10px 0 14px;display:flex}.practice .btn{justify-content:flex-start}.practice .btn.done{color:var(--ok)}@media (width<=900px){.learn-grid{grid-template-columns:1fr}}.why{flex-wrap:wrap;gap:8px;display:flex}.explore{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.explore .stepper{margin:0}.done-bar{flex-direction:column;gap:6px;display:flex}.done-bar p{margin:0}.explain-more summary{cursor:pointer;color:var(--muted);font-size:.88rem}.explain-more[open] summary{margin-bottom:6px}.step-caption{min-height:1.5em;margin:0;font-weight:600}.panel.is-done .done-bar{order:-4}.panel.is-done .msg{order:-3}.panel.is-done .why{order:-2}.panel.is-done .explore{order:-1}.clock-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.clock{font:700 1.25rem var(--mono);font-variant-numeric:tabular-nums;color:var(--text);align-items:center;gap:5px;min-width:5.5ch;display:inline-flex}.clock.over{color:var(--warn)}.clock-row .btn{margin-left:auto}.paused-overlay{z-index:12;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);color:var(--text);font:inherit;cursor:pointer;text-align:center;border:0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex;position:absolute;inset:0}.paused-title{font-size:1.6rem;font-weight:750}.cg-wrap coords{font-size:10px;font-weight:600}@media (width<=1100px){.browse{grid-template-columns:1fr}.browse-preview{position:static}}@media (width<=900px){.shell{grid-template-columns:1fr;padding-bottom:64px}.nav{height:60px;padding:4px 4px env(safe-area-inset-bottom);border-right:0;border-top:1px solid var(--border);z-index:20;flex-direction:row;justify-content:space-around;position:fixed;inset:auto 0 0}.brand,.nav-foot{display:none}.nav-link{text-align:center;flex-direction:column;flex:1;gap:2px;padding:6px 4px;font-size:.68rem}.page{padding:18px 16px 40px}.review{padding:10px 0 20px}.review-grid{grid-template-columns:1fr;gap:12px}.board-frame{width:min(100vw,100vh - 220px);max-width:100vw;margin:0 auto}.panel{margin:0 12px}.deck-row{grid-template-columns:1fr 44px 44px 70px;padding:10px 12px}.hide-sm{display:none}.opening-builder{grid-template-columns:1fr}.mini-board .board{width:min(300px,100vw - 72px);height:min(300px,100vw - 72px)}.checks{grid-column:auto}.chart-grid{grid-template-columns:1fr}.toasts{bottom:76px}}