.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.premove-dest{background:radial-gradient(#141e5580 22%,#203085 0,#0000004d 0,#0000 0)}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.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{--ink:#17133d;--muted:#5b5783;--cream:#fff8ee;--paper:#fff;--line:#f1ede4;--locked:#f1ede4;--locked-line:#d6d0c3;--locked-ink:#9c98ae;--sky:#4cc4ff;--tomato:#ff6b4a;--sun:#ffc933;--mint:#2fd89a;--pink:#ff85c8;--grape:#6b4ef6;--sky-50:#daf2ff;--tomato-50:#ffe1d8;--sun-50:#fff0c2;--mint-50:#d3f7e8;--pink-50:#ffe2f2;--grape-50:#e8e3ff;--good-ink:#137a52;--accent:var(--grape);--gold:var(--sun);--good:var(--mint);--bad:var(--tomato);--bw:2px;--press:0 4px 0 var(--ink);--press-sm:0 3px 0 var(--ink);--radius:18px;--display:"Bricolage Grotesque", ui-rounded, system-ui, sans-serif;font-family:Figtree,ui-rounded,-apple-system,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--cream);color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;min-height:100vh;font-weight:600}#app{z-index:1;max-width:1080px;margin:0 auto;padding:8px 16px 24px;position:relative}body.has-tabs #app{padding-bottom:calc(104px + env(safe-area-inset-bottom))}h1{font-family:var(--display);letter-spacing:-.3px;color:var(--ink);align-items:center;gap:10px;margin:.4rem 0;font-size:1.6rem;font-weight:800;display:flex}h2{font-family:var(--display);align-items:center;gap:8px;margin:.3rem 0;font-size:1.2rem;font-weight:800;display:flex}p{line-height:1.5}.icon{vertical-align:-4px;display:inline-flex}.glyph{font-family:Segoe UI Symbol,Apple Symbols,Arial Unicode MS,system-ui,sans-serif;font-size:1.5em;line-height:1}.starrow{gap:2px;display:inline-flex}.star-on{color:var(--sun)}.star-on svg{stroke:var(--ink);stroke-width:2px}.star-off{color:var(--locked-line)}button{font:inherit;cursor:pointer;background:var(--sun);min-height:44px;color:var(--ink);border:var(--bw) solid var(--ink);box-shadow:var(--press);touch-action:manipulation;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:1rem;font-weight:800;transition:transform 60ms,box-shadow 60ms;display:inline-flex}button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}button.secondary{background:var(--paper)}button.danger{background:var(--tomato)}button.ghost{box-shadow:none;background:0 0;border-radius:999px;padding:8px 16px}button.ghost:active{background:#17133d0f;transform:none}button:disabled{background:var(--locked);border-color:var(--locked-line);color:#8c88a0;box-shadow:none;cursor:default;transform:none}button.big{border-radius:18px;min-height:56px;padding:14px 22px;font-size:1.1rem}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--grape);outline-offset:3px}.card{background:var(--paper);border:var(--bw) solid var(--ink);box-shadow:var(--press);border-radius:24px;margin:10px 0;padding:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.chip{width:46px;height:46px;color:var(--hue-ink,var(--ink));background:var(--hue,var(--grape));border:var(--bw) solid var(--ink);border-radius:14px;flex:none;place-items:center;display:grid}.chip .glyph{font-size:1.7rem}.navcard{cursor:pointer;align-items:center;gap:14px;transition:transform .1s;display:flex}.navcard:active{transform:translateY(2px)}.navcard .title{font-size:1.08rem;font-weight:800}.navcard .sub{color:var(--muted);margin-top:2px;font-size:.88rem}.section-head{align-items:center;gap:14px;display:flex}.section-head.locked{opacity:.5}.section-head .sub{color:var(--muted);font-size:.9rem}.starcount{align-items:center;gap:4px;margin-left:auto;font-weight:800;display:flex}.acts{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.act{background:var(--paper);border:var(--bw) solid var(--ink);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:7px;width:122px;min-height:116px;padding:12px 6px 10px;display:flex}.act .chip{border-radius:12px;width:40px;height:40px}.act.done{background:var(--mint-50)}.act.locked{opacity:.45;cursor:default}.act.bossy{--hue:var(--tomato);background:var(--tomato-50)}.act .t{font-size:.84rem;font-weight:700;line-height:1.2}.board-page{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;display:flex}.board-col{align-items:stretch;gap:10px;display:flex}.board-wrap{width:var(--board-size,480px);height:var(--board-size,480px);box-shadow:0 0 0 3px var(--ink), 0 6px 0 3px var(--ink);border-radius:14px;position:relative;overflow:hidden}.side-col{width:var(--board-size,480px);flex-direction:column;gap:10px;max-width:94vw;display:flex}cg-board{background:repeating-conic-gradient(#a38cff 0% 25%,#f3eeff 0% 50%) 0 0/25% 25%}cg-board square.last-move{background-color:#ffd646db}cg-board square.selected{background-color:#2fd89ad1}cg-board square.move-dest{background:radial-gradient(#17133d52 20%,#0000 22%)}cg-board square.oc.move-dest{background:radial-gradient(#0000 0% 78%,#17133d59 80%)}cg-board square.move-dest:hover,cg-board square.premove-dest:hover{background:#2fd89a73}cg-board square.check{background:radial-gradient(#ff6b4a 0%,#ff6b4a99 35%,#ff6b4a00 75%)}.cg-wrap coords{text-shadow:none;font-family:Figtree,system-ui,sans-serif;font-weight:800;font-size:clamp(9px, calc(var(--board-size,480px) * .024), 13px)}.cg-wrap coords coord{color:#17133d9e!important}.evalbar{width:26px;height:var(--board-size,480px);background:var(--ink);border:var(--bw) solid var(--ink);border-radius:999px;position:relative;overflow:hidden}.evalbar .white{background:var(--paper);transition:height .5s;position:absolute;bottom:0;left:0;right:0}.evalbar .num{text-align:center;letter-spacing:-.3px;font-size:.56rem;font-weight:900;position:absolute;left:0;right:0}.evalbar.hidden{display:none}.movechip{gap:6px;padding:5px 13px;font-size:.92rem}.toolrow{flex-wrap:wrap;gap:10px;display:flex}.toolrow button{flex:1;min-width:90px}.statgrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat{background:var(--paper);border:var(--bw) solid var(--ink);text-align:center;border-radius:14px;padding:10px}.stat .v{font-family:var(--display);justify-content:center;align-items:center;gap:6px;font-size:1.3rem;font-weight:800;display:flex}.stat .k{color:var(--muted);margin-top:2px;font-size:.78rem}.progressdots{align-items:center;gap:6px;display:flex}.pdot{background:var(--locked);border:var(--bw) solid var(--locked-line);width:24px;height:24px;color:var(--ink);border-radius:50%;place-items:center;font-weight:900;display:grid}.pdot.ok{background:var(--mint);border-color:var(--ink)}.modal-back{z-index:50;background:#17133d8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border:3px solid var(--ink);text-align:center;width:100%;max-width:460px;box-shadow:0 7px 0 var(--ink);color:var(--ink);border-radius:28px;padding:26px 22px 22px;animation:.3s cubic-bezier(.2,1.4,.4,1) both celpop}.modal h2{justify-content:center;margin-top:0;font-size:1.6rem;line-height:1.1}.modal p{font-size:1.02rem}.modal .btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.modal .btns button{flex:160px}.promo{justify-content:center;gap:10px;display:flex}.promo button{background:var(--paper);min-width:64px;min-height:64px;padding:8px 14px;font-size:2rem}.confetti{z-index:100;pointer-events:none;border:2px solid var(--ink);border-radius:3px;width:10px;height:10px;animation:linear forwards fall;position:fixed;top:-20px}@keyframes fall{to{transform:translateY(112vh)rotate(720deg)}}.rowitem{border-bottom:var(--bw) solid var(--line);align-items:center;gap:12px;padding:12px 4px;display:flex}.rowitem:last-child{border-bottom:none}.rowitem .grow{flex:1}.rowitem .chip{color:var(--ink)}.tag{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:800}.tag.win{background:var(--mint)}.tag.loss{background:var(--tomato-50)}.hintline{color:var(--muted);font-size:.86rem;font-weight:600;line-height:1.4}input[type=text],input[type=number],input[type=email],input[type=password],select{font:inherit;border:var(--bw) solid var(--ink);background:var(--paper);width:100%;height:54px;color:var(--ink);-webkit-user-select:text;user-select:text;border-radius:16px;padding:0 16px;font-size:1rem;font-weight:700}input::placeholder{color:#8c88a0;font-weight:600}input:focus{outline:3px solid var(--grape);outline-offset:2px}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice-row button.pick{background:var(--paper);box-shadow:0 2px 0 var(--ink)}.choice-row button.pick.on{background:var(--sun);box-shadow:var(--press)}.grow{flex:1;min-width:0}.profilebar{cursor:pointer;align-items:center;gap:14px;display:flex}.profilebar .pname{font-size:1.15rem;font-weight:800}.avatarchip{border-radius:50%;width:54px;height:54px}.avatarchip .glyph{font-size:2rem}.avatarchip.sm{width:40px;height:40px}.avatarchip.sm .glyph{font-size:1.4rem}.lockedcard{opacity:.55;cursor:default}.hue-cyan{--hue:var(--sky);--hue-50:var(--sky-50)}.hue-gold{--hue:var(--sun);--hue-50:var(--sun-50)}.hue-rose{--hue:var(--tomato);--hue-50:var(--tomato-50)}.hue-violet{--hue:var(--grape);--hue-50:var(--grape-50);--hue-ink:#fff}.hue-emerald{--hue:var(--mint);--hue-50:var(--mint-50)}.hue-orange{--hue:var(--tomato);--hue-50:var(--tomato-50)}.hue-pink{--hue:var(--pink);--hue-50:var(--pink-50)}.quest{max-width:760px;margin:0 auto}@media (max-width:620px){.quest{max-width:520px}}.path{flex-direction:column;gap:16px;padding-top:4px;display:flex}.section-banner{background:var(--paper);width:100%;color:var(--ink);border:var(--bw) solid var(--ink);box-shadow:var(--press);isolation:isolate;border-radius:24px;flex-direction:column;gap:16px;padding:0 0 16px;display:flex;position:relative;overflow:hidden}.section-banner>:not(.bannerhead){width:auto;margin:0 14px}.bannerhead{background:var(--hue);color:var(--hue-ink,var(--ink));border-bottom:var(--bw) solid var(--ink);isolation:isolate;align-items:center;gap:12px;padding:14px 14px 14px 16px;display:flex;position:relative;overflow:hidden}.section-banner .title{font-family:var(--display);font-size:1.2rem;font-weight:800;line-height:1.15}.section-banner .sub{margin-top:2px;font-size:.86rem;font-weight:600}.section-banner .starcount{background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);border-radius:999px;flex:none;gap:4px;padding:4px 10px;font-size:.84rem}.section-banner .starcount .icon{color:var(--sun)}.section-banner .starcount svg{fill:currentColor;stroke:var(--ink)}.section-banner .bannerhead .chip{width:44px;height:44px;color:var(--ink);background:var(--paper)}.rankbadge{vertical-align:3px;background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;margin-left:8px;padding:2px 8px;font-family:Figtree,system-ui,sans-serif;font-size:.68rem;font-weight:800;display:inline-flex}.section-banner.dim{box-shadow:none;padding-bottom:0}.section-banner.dim>:not(.bannerhead){display:none}.section-banner.dim .bannerhead{background:var(--hue-50,var(--locked));color:var(--ink);border-bottom:none}.section-banner.dim .bannerhead .chip,.section-banner.dim .sub{color:var(--muted)}.section-banner.dim .starcount{display:none}.section-banner.fx-rim-silver{box-shadow:0 0 0 3px #d9dee8, var(--press)}.section-banner.fx-rim-gold{box-shadow:0 0 0 3px var(--sun), var(--press)}.section-banner.fx-rim-double{box-shadow:0 0 0 3px var(--sun), 0 0 0 5px var(--ink), 0 0 0 8px var(--sun), var(--press)}.section-banner.fx-rim-gold .rankbadge,.section-banner.fx-rim-double .rankbadge{background:var(--sun)}.section-banner.fx-rainbow{background:linear-gradient(var(--paper), var(--paper)) padding-box, conic-gradient(from var(--spin,0deg), #ff6b4a, #ffc933, #2fd89a, #4cc4ff, #6b4ef6, #ff85c8, #ff6b4a) border-box;border:3px solid #0000;animation:4s linear infinite rainbowspin}.section-banner.fx-rainbow .rankbadge{background:linear-gradient(90deg,#ffe1d8,#fff0c2,#d3f7e8,#daf2ff,#e8e3ff)}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rainbowspin{to{--spin:360deg}}.section-banner.fx-glow{box-shadow:0 0 0 3px var(--sun), 0 0 22px #ffc933bf, var(--press)}.section-banner.fx-dots .bannerhead:before,.section-banner.fx-stripes .bannerhead:before,.section-banner.fx-sparkle .bannerhead:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.section-banner.fx-dots .bannerhead:before{background:radial-gradient(#ffffff59 1.5px,#0000 2px) 0 0/14px 14px}.section-banner.fx-stripes .bannerhead:before{background:repeating-linear-gradient(-45deg,#fff3 0 10px,#0000 10px 22px)}.section-banner.fx-sparkle .bannerhead:before{background:radial-gradient(circle,#fff 1.2px,#0000 2.2px) 12% 22%/60px 60px,radial-gradient(circle,#fff 1.4px,#0000 2.4px) 58% 70%/84px 84px,radial-gradient(circle,#ffffffe6 1px,#0000 1.8px) 30%/38px 38px;animation:2.6s ease-in-out infinite alternate twinkle}@keyframes twinkle{0%{opacity:.35}to{opacity:.95}}.section-banner.fx-shine .bannerhead:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:45%;animation:4.5s ease-in-out infinite shine;position:absolute;top:0;bottom:0;left:-60%}@keyframes shine{0%,55%{transform:translate(0)skew(-12deg)}to{transform:translate(420%)skew(-12deg)}}@media (prefers-reduced-motion:reduce){.section-banner.fx-rainbow,.section-banner.fx-sparkle .bannerhead:before{animation:none}.section-banner.fx-shine .bannerhead:after{display:none}}.leveltabs{flex-wrap:wrap;gap:6px;display:flex}.ltab{background:var(--paper);min-height:30px;color:var(--ink);border:var(--bw) solid var(--ink);box-shadow:none;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:.76rem;font-weight:800;display:inline-flex}.ltab:active{box-shadow:none;transform:none}.ltab.on{background:var(--ink);color:#fff}.ltab.locked{background:var(--locked);border-color:var(--locked);color:var(--muted)}.track{--step:clamp(30px, 8.4vw, 44px);justify-content:space-between;align-items:flex-start;padding:4px 0 0;display:flex;position:relative}.trackline{top:calc(var(--step) / 2 + 4px);left:calc(var(--step) / 2);right:calc(var(--step) / 2);background:#e6e0d4;border-radius:999px;height:4px;margin-top:-2px;position:absolute}.trackline>div{background:var(--ink);border-radius:999px;height:100%;transition:width .4s}.tstep{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex;position:relative}.tstep .starrow{gap:0}.pnode{width:var(--step);height:var(--step);min-height:0;font-weight:800;font-size:calc(var(--step) * .4);background:var(--paper);border:var(--bw) solid var(--ink);color:var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.pnode:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.pnode.done{background:var(--hue);color:var(--hue-ink,var(--ink))}.pnode.current{background:var(--sun);color:var(--ink);box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--ink);animation:1.8s ease-in-out infinite nodebob}.pnode.locked{background:var(--locked);border-color:var(--locked-line);color:var(--locked-ink);box-shadow:none}.pnode.boss{border-radius:30%}.stepnum{background:var(--ink);color:#fff;border:var(--bw) solid var(--paper);border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.66rem;font-weight:900;line-height:1;display:grid;position:absolute;top:-6px;right:-7px}.stepnum:empty{display:none}.pnode.locked .stepnum{background:var(--locked-ink)}@keyframes nodebob{0%,to{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--ink)}50%{box-shadow:0 0 0 5px var(--paper), 0 0 0 7px var(--ink)}}@media (prefers-reduced-motion:reduce){.pnode.current{animation:none}}.startbubble{text-align:left;background:var(--sun);border-radius:18px;justify-content:flex-start;gap:12px;width:100%;padding:12px 14px}.startbubble .chip{width:40px;height:40px;color:var(--ink);background:var(--paper);border-radius:12px}.startbubble .btitle{font-family:var(--display);font-size:1.1rem;font-weight:800;line-height:1.15}.startbubble .bsub{margin-top:2px;font-size:.82rem;font-weight:600}.startbubble>.icon{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.startbubble>.icon svg{fill:currentColor}.tabbar{z-index:40;padding:10px 8px calc(12px + env(safe-area-inset-bottom));background:var(--paper);border-top:var(--bw) solid var(--ink);justify-content:center;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{max-width:110px;min-height:56px;box-shadow:none;color:var(--muted);background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:3px;padding:0 4px;font-size:.75rem;font-weight:700;display:flex}.tab:active{box-shadow:none;transform:none}.tab .icon{border:var(--bw) solid transparent;border-radius:999px;place-items:center;width:56px;height:32px;display:grid}.tab.active{color:var(--ink);font-weight:800}.tab.active .icon{background:var(--sun);border-color:var(--ink)}.tab.locked{color:var(--locked-ink)}.toast{bottom:calc(96px + env(safe-area-inset-bottom));background:var(--ink);color:#fff;z-index:60;opacity:0;text-align:center;border-radius:999px;max-width:86vw;padding:12px 20px;font-size:.95rem;font-weight:800;transition:opacity .25s,transform .25s;position:fixed;left:50%;transform:translate(-50%)translateY(12px);box-shadow:0 4px #17133d59}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.perf{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:18px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.perfside{flex-direction:column;gap:10px;display:flex}.perfside+.perfside{border-top:var(--bw) solid var(--line);padding-top:12px}.perfhead{align-items:center;gap:12px;min-width:0;display:flex}.perfname{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex;overflow:hidden}.perfname>span{text-overflow:ellipsis;overflow:hidden}.perflabel{white-space:nowrap;font-size:1rem;font-weight:900}.perfkicker{letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:800}.perfacc{color:var(--muted);font-size:.86rem;font-weight:800}.perfacc.good{color:var(--good-ink)}.perfacc.ok{color:#8a5a00}.perfacc.low{color:#b3321a}.perfring{--tone:var(--locked-line);background:radial-gradient(closest-side, #fff 72%, transparent 74%), conic-gradient(var(--tone) calc(var(--p) * 1%), var(--line) 0);border:var(--bw) solid var(--ink);width:52px;height:52px;font-family:var(--display);color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:1.05rem;font-weight:800;transition:background .4s;display:grid}.perfring.good{--tone:var(--mint)}.perfring.ok{--tone:var(--sun)}.perfring.low{--tone:var(--tomato)}.perfhead .movechip{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:50%;padding:3px 9px;font-size:.78rem;overflow:hidden}.perftrail{flex-wrap:wrap;gap:5px;display:flex}.perftrail:empty{display:none}:is(.tdot,.tkey,.tcount,.movechip).best{--g:var(--mint);--g-ink:var(--ink)}:is(.tdot,.tkey,.tcount,.movechip).good{--g:#cfefff;--g-ink:var(--ink)}:is(.tdot,.tkey,.tcount,.movechip).inaccuracy{--g:var(--sun);--g-ink:var(--ink)}:is(.tdot,.tkey,.tcount,.movechip).mistake{--g:var(--tomato);--g-ink:var(--ink)}:is(.tdot,.tkey,.tcount,.movechip).blunder{--g:var(--ink);--g-ink:#fff}.tdot{background:var(--g);min-width:26px;height:26px;color:var(--g-ink);border:var(--bw) solid var(--ink);border-radius:8px;place-items:center;padding:0 3px;font-size:.72rem;font-weight:900;line-height:1;display:grid}.tkey{background:var(--g);border:1.5px solid var(--ink);border-radius:3px;flex:none;width:10px;height:10px}.perfcounts{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.tcount{background:var(--cream);border-radius:12px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:6px 2px 5px;display:flex}.tcount .tn{font-family:var(--display);align-items:center;gap:5px;font-size:1.05rem;font-weight:800;line-height:1.1;display:inline-flex}.tcount .tl{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.68rem;font-weight:700;overflow:hidden}.tcount.zero .tn{color:var(--locked-ink)}.tcount.zero .tkey{opacity:.4}.perflast{justify-content:space-between;align-items:center;gap:8px;display:flex}.perflast .movechip{padding:3px 10px;font-size:.84rem}.perfgifts{background:var(--grape-50);border:var(--bw) solid var(--ink);border-radius:12px;align-items:center;gap:6px;padding:8px 10px;font-size:.86rem;font-weight:800;display:flex}.actions{align-items:stretch;gap:10px;display:flex}.helpbtns{flex:1;gap:10px;min-width:0;display:flex}button.tool{background:var(--paper);border-radius:16px;flex:auto;justify-content:flex-start;gap:10px;min-width:0;padding:8px 14px 8px 8px}.tool-chip{width:32px;height:32px;color:var(--hue-ink,var(--ink));background:var(--hue,var(--sun));border:var(--bw) solid var(--ink);border-radius:10px;flex:none;place-items:center;display:grid}.tool-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}button.giveup{box-shadow:none;background:0 0;border-radius:16px;flex:none;gap:6px;margin-left:auto;padding:8px 14px;font-size:.9rem}button.giveup:active{background:var(--tomato-50);transform:none}.homehead{justify-content:space-between;align-items:center;gap:12px;padding:12px 0 16px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:var(--grape);color:#fff;border:var(--bw) solid var(--ink);width:44px;height:44px;box-shadow:var(--press-sm);border-radius:13px;flex:none;place-items:center;display:grid}.brand-mark .glyph{font-size:1.9rem}.brand-name{font-family:var(--display);letter-spacing:-.5px;white-space:nowrap;font-size:1.85rem;font-weight:800;line-height:1}.playerbar{text-align:left;background:var(--paper);border-radius:18px;flex:0 auto;justify-content:flex-start;align-items:center;gap:10px;width:auto;min-width:0;max-width:240px;min-height:0;padding:6px 10px 6px 7px;display:flex}.playerbar .pb-avatar{width:40px;height:40px}.playerbar .pb-avatar .glyph{font-size:1.45rem}.playerbar .pb-level{min-width:19px;height:19px;padding:0 4px;font-size:.65rem;bottom:-5px;right:-6px}.playerbar .pb-main{gap:4px}.playerbar .pb-nametext{font-size:.95rem}.playerbar .pb-xpbar{height:7px}.playerbar .pb-pills{flex-wrap:nowrap;gap:4px}.playerbar .pb-pill{gap:3px;padding:2px 7px 2px 5px;font-size:.72rem}@media (max-width:420px){.brand{gap:8px}.brand-mark{border-radius:11px;width:36px;height:36px}.brand-mark .glyph{font-size:1.5rem}.brand-name{font-size:1.45rem}.playerbar .pb-name{display:none}}.pb-avatar{width:46px;height:46px;color:var(--ink);background:var(--sun);border:var(--bw) solid var(--ink);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.pb-avatar .glyph{font-size:1.6rem}.pb-face{border-radius:50%;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.pb-face img{object-fit:cover;width:100%;height:100%;display:block}button.avatar-edit{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}button.avatar-edit:active{box-shadow:none;transform:none}button.avatar-edit:active .pb-avatar{transform:translateY(2px)}.avatar-cam{background:var(--paper);width:26px;height:26px;color:var(--ink);border:var(--bw) solid var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-6px;left:-6px}.pb-level{background:var(--grape);color:#fff;border:var(--bw) solid var(--ink);border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 5px;font-size:.75rem;font-weight:900;display:grid;position:absolute;bottom:-6px;right:-7px}.pb-main{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.pb-name{flex-wrap:wrap;align-items:center;gap:3px 6px;min-width:0;display:flex}.pb-nametext{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;font-weight:800;overflow:hidden}.pb-xp{align-items:center;gap:8px;display:flex}.pb-xpbar{background:var(--grape-50);border:var(--bw) solid var(--ink);border-radius:999px;flex:1;min-width:30px;height:12px;overflow:hidden}.pb-xpbar>div{background:var(--grape);height:100%;transition:width .4s}.playerbar .pb-xpbar>div{background:var(--sun)}.pb-xptext{flex:none;font-size:.78rem;font-weight:800}.pb-pills{flex-wrap:wrap;gap:6px;display:flex}.pb-pill,.tpill,.movechip{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--paper);border:var(--bw) solid var(--ink);border-radius:999px;align-items:center;font-weight:800;display:inline-flex}.movechip{background:var(--g,var(--paper));color:var(--g-ink,var(--ink))}.pb-pill .icon,.tpill .icon{flex:none;place-items:center;display:grid}.pb-pill svg,.tpill svg{stroke:var(--ink);stroke-width:2px;fill:currentColor}.pb-pill.power,.tpill.power{color:var(--ink)}.pb-pill.power .icon,.tpill.power .icon{color:var(--grape)}.pb-pill.stars .icon{color:var(--sun)}.tpill.streak .icon{color:var(--tomato)}.tpill.miss{background:var(--tomato-50)}.tpill.miss svg{fill:none}.pb-pill{gap:4px;padding:4px 10px 4px 7px;font-size:.86rem;line-height:1}.tabpage{padding-top:8px}.hero{background:var(--hue,var(--grape));color:var(--hue-ink,var(--ink));border:var(--bw) solid var(--ink);box-shadow:var(--press);border-radius:24px;flex-direction:column;gap:14px;padding:18px;display:flex;position:relative;overflow:hidden}.hero-top{align-items:center;gap:14px;display:flex}.hero-icon{background:var(--paper);width:54px;height:54px;color:var(--ink);border:var(--bw) solid var(--ink);border-radius:16px;flex:none;place-items:center;display:grid}.hero-title{font-family:var(--display);letter-spacing:-.3px;font-size:1.75rem;font-weight:800;line-height:1.05}.hero-sub{margin-top:3px;font-size:.92rem;font-weight:700}.hero-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hstat{border:var(--bw) solid var(--ink);text-align:left;min-width:0;color:var(--ink);background:#ffffff80;border-radius:14px;padding:9px 8px}.hue-violet .hstat{color:#fff;background:#ffffff29;border-color:#fff6}.hstat .v{font-family:var(--display);align-items:center;gap:5px;font-size:1.35rem;font-weight:800;line-height:1.1;display:flex}.hstat .k{font-size:.74rem;font-weight:700}.hero-play{text-align:left;background:var(--sun);border-radius:16px;justify-content:flex-start;gap:12px;width:100%;padding:12px 14px}.hue-gold .hero-play{background:var(--paper)}.hero-play>.icon:first-child{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.hero-play>.icon:first-child svg{fill:currentColor}.hero-play .hp-title{font-size:1.05rem;font-weight:800}.hero-play .hp-sub{font-size:.82rem;font-weight:600}.hero .pb-avatar{width:62px;height:62px}.hero .pb-avatar .glyph{font-size:2.2rem}.hero .pb-xpbar{background:var(--paper);height:14px}.hero .pb-xptext{color:inherit}@media (max-width:420px){.hero{padding:16px}.hero-title{font-size:1.5rem}.hstat .v{font-size:1.15rem}.hstat .k{font-size:.68rem}}.shelf-head{font-family:var(--display);align-items:center;gap:10px;margin:24px 2px 12px;font-size:1.2rem;font-weight:800;display:flex}.shelf-head>.icon{background:var(--hue);width:28px;height:28px;color:var(--hue-ink,var(--ink));border:var(--bw) solid var(--ink);border-radius:9px;flex:none;place-items:center;display:grid}.shelf-head>.icon svg{width:16px;height:16px}.shelf-head .grow{flex:1}.shelf-note{color:var(--muted);font-family:Figtree,system-ui,sans-serif;font-size:.84rem;font-weight:700}.tiles{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;display:grid}.tiles.wide{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.tile{text-align:left;background:var(--paper);border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:14px;font-weight:600;display:flex}.tile.locked{border:var(--bw) dashed #bdb7aa;color:var(--muted);box-shadow:none;background:#f7f3ea}.tile.locked:active{transform:none}.tile.locked .chip{background:var(--locked);color:var(--locked-ink);border-color:#0000}.tile.on{outline:3px solid var(--grape);outline-offset:3px}.tile-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.tile .chip{border-radius:12px;width:40px;height:40px}.tile-title{font-size:1.05rem;font-weight:800;line-height:1.2}.tile-blurb{color:var(--muted);font-size:.84rem;font-weight:600;line-height:1.35}.tile-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:.84rem;font-weight:800;display:flex}.tile-progress{color:var(--muted);flex-direction:column;gap:5px;font-size:.76rem;font-weight:700;display:flex}.tile-bar{background:#efeae0;border-radius:999px;height:8px;overflow:hidden}.tile-bar>div{background:var(--ink);border-radius:999px;height:100%;transition:width .4s}.tile-foot{color:var(--muted);font-size:.74rem;font-weight:700}.tile-foot:empty{display:none}@media (max-width:420px){.tiles{grid-template-columns:1fr 1fr;gap:10px}.tile{padding:12px}}.good{color:var(--good-ink)}.bad{color:#b3321a}.muted{color:var(--muted)}.power{color:var(--grape);align-items:center;gap:2px;display:inline-flex}.newtag{color:var(--ink);background:var(--pink);border:var(--bw) solid var(--ink);border-radius:999px;padding:1px 8px;font-size:.74rem}.medal{border:var(--bw) solid var(--ink);color:var(--ink);border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:.74rem;font-weight:800;display:inline-flex}.medal.bronze{background:#f2b27a}.medal.silver{background:#d9dee8}.medal.gold{background:var(--sun)}.medal.diamond{background:#9fe3ff}.pill{background:var(--locked);color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.pill.win{background:var(--mint);border:var(--bw) solid var(--ink)}.pill.loss{background:var(--tomato-50);border:var(--bw) solid var(--ink)}.pill.draw{background:var(--sun-50);border:var(--bw) solid var(--ink)}.panel{background:var(--paper);border:var(--bw) solid var(--ink);color:var(--ink);border-radius:18px;padding:14px 16px}.panel .rowitem{padding:12px 2px}.panel .rowitem .grow{font-weight:800}.panel .rowitem .sub{color:var(--muted);font-size:.8rem;font-weight:700}.seg{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:18px;gap:6px;padding:5px;display:flex}.seg button{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000;border-radius:13px;flex:1;gap:8px;padding:10px 8px}.seg button:active{transform:none}.seg button.on{background:var(--sun);color:var(--ink);border-color:var(--ink)}.seg .glyph{font-size:1.25rem}.toggle{border-bottom:var(--bw) solid var(--line);cursor:pointer;align-items:center;gap:14px;padding:14px 2px;display:flex;position:relative}.toggle:last-of-type{border-bottom:none}.toggle .grow{font-size:1rem;font-weight:800}.toggle .hintline{margin-top:2px;font-weight:600}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle .knob{border:var(--bw) solid var(--ink);background:#e6e0d4;border-radius:999px;flex:none;width:54px;height:32px;transition:background .2s;position:relative}.toggle .knob:after{content:"";border:var(--bw) solid var(--ink);box-sizing:border-box;background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.knob{background:var(--mint)}.toggle input:checked+.knob:after{transform:translate(22px)}.toggle input:focus-visible+.knob{outline:3px solid var(--grape);outline-offset:3px}.field{flex-direction:column;gap:6px;padding:8px 2px;display:flex}.field>span{font-size:.92rem;font-weight:800}.field .hintline{margin-top:-2px}.topbar{color:var(--ink);align-items:center;gap:12px;margin:8px 0 6px;padding:6px 0;display:flex}.topbar h1{gap:10px;min-width:0;margin:0;font-size:1.35rem;line-height:1.1}.topbar h1 .icon{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.topbar h1 .icon svg{width:20px;height:20px}.back{background:var(--paper);width:46px;height:46px;min-height:0;box-shadow:var(--press-sm);border-radius:14px;flex:none;padding:0}.board-page .side-col .toolrow button{padding:12px 14px}.swatch{border:var(--bw) solid var(--ink);border-radius:50%;flex:none;width:18px;height:18px}.swatch.w{background:#fff}.swatch.b{background:var(--ink)}.swatch.r{background:linear-gradient(90deg, #fff 50%, var(--ink) 50%)}.sparkline{width:100%;height:110px;display:block}.celebrate-back{z-index:70;background:#6b4ef6f0}.celebrate{width:100%;max-width:420px;color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:0 7px 0 var(--ink);border-radius:28px;animation:.45s cubic-bezier(.2,1.4,.4,1) both celpop;overflow:hidden}@keyframes celpop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.cel-top{text-align:center;background:var(--hue);color:var(--hue-ink,var(--ink));border-bottom:3px solid var(--ink);padding:22px 20px 18px;position:relative}.cel-icon{background:var(--paper);width:76px;height:76px;color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:50%;place-items:center;margin:0 auto 10px;animation:.7s ease-out .1s both celspin;display:grid}@keyframes celspin{0%{opacity:0;transform:rotate(-30deg)scale(.4)}to{opacity:1;transform:none}}.cel-title{font-family:var(--display);letter-spacing:-.4px;font-size:1.9rem;font-weight:800;line-height:1.05}.cel-sub{margin-top:6px;font-size:.95rem;font-weight:700}.cel-stars{justify-content:center;align-items:flex-end;gap:6px;margin-top:12px;display:flex}.cel-stars .icon{animation:.5s cubic-bezier(.2,1.6,.4,1) both starpop}.cel-stars .icon:nth-child(2) svg{width:58px;height:58px}.cel-stars .on{color:var(--sun)}.cel-stars .on svg{stroke:var(--ink);stroke-width:1.6px}.cel-stars .off{color:#17133d4d}.hue-violet .cel-stars .off{color:#ffffff80}@keyframes starpop{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1;transform:none}}.cel-body{flex-direction:column;gap:14px;padding:18px 20px 20px;display:flex}.cel-xp{font-family:var(--display);color:var(--grape);justify-content:center;align-items:baseline;gap:6px;font-size:2.4rem;font-weight:800;display:flex}.cel-xp .icon{color:var(--pink);align-self:center}.cel-xp .icon svg{fill:currentColor;stroke:var(--ink)}.cel-xp small{color:var(--muted);font-size:1.05rem;font-weight:800}.cel-level{align-items:center;gap:10px;font-size:.88rem;font-weight:800;display:flex}.cel-lv{color:var(--grape)}.cel-into{color:var(--muted)}.cel-bar{background:var(--grape-50);border:var(--bw) solid var(--ink);border-radius:999px;flex:1;height:16px;overflow:hidden}.cel-bar>div{background:var(--grape);height:100%;transition:width 1.1s ease-out}.cel-levelup{background:var(--mint-50);border:var(--bw) solid var(--ink);border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-size:.95rem;font-weight:800;animation:.5s .9s both starpop;display:flex}.cel-levelup .icon{background:var(--mint);border:var(--bw) solid var(--ink);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.cel-details{flex-direction:column;padding:0 2px;display:flex}.cel-detail{color:var(--muted);border-bottom:var(--bw) solid var(--line);align-items:center;gap:8px;padding:9px 0;font-size:.95rem;font-weight:600;display:flex}.cel-detail:last-child{border-bottom:none}.cel-detail b{color:var(--ink);font-weight:800}.cel-btns{flex-direction:column;gap:10px;display:flex}.cel-btns button{width:100%}.xppop{z-index:65;pointer-events:none;color:var(--ink);background:var(--sun);border:var(--bw) solid var(--ink);box-shadow:var(--press);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:1.1rem;font-weight:900;animation:1.4s ease-out forwards xpfloat;display:inline-flex;position:fixed;top:38%;left:50%}@keyframes xpfloat{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}20%{opacity:1;transform:translate(-50%)scale(1.05)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-60px)scale(1)}}.gamepage{--gap:14px;--evalw:0px;--availw:calc(min(100vw, 1080px) - 38px);--reserve:256px;--board-size:min(calc(var(--availw) - var(--evalw)), calc(100dvh - var(--reserve)), 820px);width:100%;max-width:calc(var(--board-size) + var(--evalw));gap:var(--gap);flex-direction:column;margin:0 auto;display:flex}.gamepage>.topbar,.gamepage>.coach{margin:0}.gamepage:has(.evalbar:not(.hidden)){--evalw:34px}.gamepage:has(.perf:not([style*=none])){--reserve:384px}.gamepage .board-page{gap:calc(var(--gap) + 4px)}.gamepage .side-col{gap:var(--gap);width:100%;max-width:none}.gamepage .board-col{gap:12px}@media (orientation:landscape) and (min-aspect-ratio:5/4){:is(.gamepage,.gamepage:has(.perf:not([style*=none]))){--side:clamp(260px, 32vw, 400px);--reserve:110px;--board-size:min(calc(var(--availw) - var(--evalw) - var(--side) - 24px), calc(100dvh - var(--reserve)), 820px);max-width:calc(var(--board-size) + var(--evalw) + 24px + var(--side));grid-template-columns:auto var(--side);column-gap:24px;row-gap:var(--gap);grid-template-rows:auto auto 1fr;align-items:start;display:grid}.gamepage>.topbar{grid-column:1/-1}.gamepage .board-page{display:contents}.gamepage .board-col{grid-area:2/1/span 2}.gamepage>.coach{grid-area:2/2}.gamepage .side-col{grid-area:3/2}.gamepage .side-col .toolrow{flex-direction:column}.gamepage .side-col .toolrow button{width:100%}.gamepage .side-col{align-self:stretch}.gamepage .side-col .actions{flex-direction:column;margin-top:auto}.gamepage .side-col .giveup{margin-left:0}#app:has(>.gamepage){padding-bottom:16px}}.topbar{flex-wrap:wrap;row-gap:8px}.topbar h1{flex:auto}.topbar .ttext{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar .spacer{display:none}.topbar-right{align-items:center;min-width:0;margin-left:auto;display:flex}.topbar .progressdots{flex-wrap:wrap;justify-content:flex-end;gap:5px}.topbar .pdot{width:22px;height:22px;font-size:.68rem}.tpills{gap:6px;display:flex}.tpill{gap:4px;padding:4px 11px 4px 7px;font-size:.9rem}.tpill.miss{padding:3px 9px 3px 6px;font-size:.8rem}.coach{color:var(--ink);align-items:flex-start;gap:12px;margin:0 0 12px;display:flex}.coach .avatar{background:var(--paper);border:var(--bw) solid var(--ink);width:58px;height:58px;box-shadow:0 0 0 3px var(--grape);border-radius:50%;flex:none;transition:box-shadow .3s;overflow:hidden}.coach.praise .avatar{box-shadow:0 0 0 3px var(--mint)}.coach.alert .avatar{box-shadow:0 0 0 3px var(--sun)}.coach .avatar img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.coach .avatar.talking{animation:.9s ease-in-out infinite coachbob}@keyframes coachbob{0%,to{transform:none}50%{transform:translateY(-2px)rotate(-2deg)}}@media (prefers-reduced-motion:reduce){.coach .avatar.talking{animation:none}}.coach .bubble{background:var(--paper);border:var(--bw) solid var(--ink);cursor:pointer;border-radius:4px 20px 20px;flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:58px;padding:11px 15px;font-size:1rem;font-weight:600;line-height:1.42;animation:.28s ease-out bubblein;display:flex;position:relative}.coach.praise .bubble{background:var(--mint-50)}.coach.alert .bubble{background:var(--sun-50)}.coach p{margin:2px 0}@keyframes bubblein{0%{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width:420px){.coach .avatar{width:50px;height:50px}.coach .bubble{min-height:50px;padding:10px 13px;font-size:.94rem}}.toolrow button{white-space:nowrap}@media (max-width:420px){.gamepage:has(.perf:not([style*=none])){--reserve:352px}.perfcounts{display:none}.perf{gap:8px;padding:10px 12px}.perfring{width:46px;height:46px;font-size:.95rem}.toolrow button{gap:5px;min-width:0;padding:10px 8px;font-size:.92rem}.actions,.helpbtns{gap:8px}button.tool{border-radius:14px;gap:8px;padding:6px 10px 6px 6px;font-size:.92rem}.tool-chip{border-radius:9px;width:30px;height:30px}button.giveup{border-radius:14px;gap:5px;padding:8px 10px;font-size:.84rem}}@media (orientation:landscape) and (min-aspect-ratio:5/4) and (max-height:520px){:is(.gamepage,.gamepage:has(.perf:not([style*=none]))){--reserve:90px;--gap:8px}#app:has(>.gamepage){padding-top:6px;padding-bottom:8px}.gamepage>.topbar{padding:2px 0}.gamepage>.topbar .back{width:38px;height:38px}.gamepage>.topbar h1{font-size:1.05rem}.gamepage>.topbar h1 .icon{width:28px;height:28px}.coach .avatar{width:40px;height:40px}.coach .bubble{min-height:0;padding:7px 11px;font-size:.86rem}.perf{gap:6px;padding:7px 11px}.perfcounts,.perflast .perfkicker,.perfhead .perfacc{display:none}.perfring{width:38px;height:38px;font-size:.82rem}button{min-height:38px}button.tool{border-radius:12px;gap:6px;padding:4px 10px 4px 4px;font-size:.84rem}.tool-chip{border-radius:8px;width:28px;height:28px}button.giveup{border-radius:12px;padding:6px 10px;font-size:.82rem}.gamepage .side-col .toolrow{flex-direction:row}.gamepage .side-col .toolrow button{flex:1;gap:4px;width:auto;min-width:0;padding:8px 6px;font-size:.84rem}.gamepage .side-col .toolrow button .icon,.gamepage .side-col .toolrow button .tool-chip{display:none}}@media (max-width:420px){.topbar .progressdots{gap:4px}.topbar .pdot{width:16px;height:16px;font-size:0}}.login-wrap{min-height:92vh;place-items:center;min-height:92dvh;padding:24px 4px;display:grid}.login{flex-direction:column;gap:18px;width:100%;max-width:400px;display:flex}.login-mark{place-items:center;width:180px;height:110px;margin:0 auto;display:grid;position:relative}.login-mark .dot{border:var(--bw) solid var(--ink);position:absolute}.login-mark .d1{background:var(--sun);border-radius:50%;width:26px;height:26px;top:16px;left:14px}.login-mark .d2{background:var(--pink);border-radius:7px;width:22px;height:22px;top:6px;right:12px;transform:rotate(16deg)}.login-mark .d3{background:var(--mint);border-radius:50%;width:18px;height:18px;bottom:8px;right:22px}.login-mark .d4{background:var(--sky);border-radius:5px;width:18px;height:18px;bottom:6px;left:30px;transform:rotate(-12deg)}.login-mark .knight{background:var(--grape);color:#fff;border:3px solid var(--ink);width:92px;height:92px;box-shadow:0 5px 0 var(--ink);border-radius:28px;place-items:center;display:grid;transform:rotate(-4deg)}.login-mark .knight .glyph{font-size:3.7rem}.login-head{text-align:center}.login h2,.login-head h2{letter-spacing:-.6px;justify-content:center;margin:0;font-size:2.05rem;line-height:1.05}.login-head p{color:var(--muted);margin:6px 0 0;font-size:1rem}.login-field{flex-direction:column;gap:7px;display:flex}.login-field>span{font-size:.95rem;font-weight:800}.pw-wrap{display:flex;position:relative}.pw-wrap input{padding-right:76px}.pw-toggle{background:var(--locked);height:42px;min-height:0;box-shadow:none;border:none;border-radius:12px;padding:0 12px;font-size:.86rem;position:absolute;top:6px;right:6px}.pw-toggle:active{box-shadow:none;transform:none}.login-error{color:#b3321a;text-align:center;min-height:1.4em;margin:-6px 0 0;font-size:.92rem;font-weight:700}.login-error:empty{min-height:0;margin:0}.login-note{background:var(--grape-50);border:var(--bw) solid var(--ink);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-size:.88rem;font-weight:700;line-height:1.4;display:flex}.login-note .icon{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.login .card-plain{text-align:center}.levelpick{flex-direction:column;gap:10px;display:flex}.levelpick>span{font-size:.95rem;font-weight:800}.levelpick button{text-align:left;background:var(--paper);min-height:64px;box-shadow:0 2px 0 var(--ink);justify-content:flex-start;gap:12px;padding:10px 14px;font-size:1rem}.levelpick button[aria-checked=true]{background:var(--sun);box-shadow:var(--press)}.levelpick .lp-glyph{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.levelpick .lp-glyph .glyph{font-size:1.5rem}.levelpick .lp-label{flex:1}.levelpick .lp-check{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:none}.levelpick button[aria-checked=true] .lp-check{display:grid}.tier-bronze{--tier:#f2b27a;--tier-2:#c9793b}.tier-silver{--tier:#e6eaf2;--tier-2:#a3acc2}.tier-gold{--tier:var(--sun);--tier-2:#e39a00}.tier-diamond{--tier:#9fe3ff;--tier-2:#8b74ff}.badge-face{--badge-size:56px;width:var(--badge-size);height:var(--badge-size);color:var(--ink);background:radial-gradient(circle at 32% 28%, #ffffffd9 0 14%, transparent 42%), linear-gradient(145deg, var(--tier), var(--tier-2));border:var(--bw) solid var(--ink);box-shadow:inset 0 0 0 4px #ffffff73, 0 3px 0 var(--ink);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.badge-face .icon svg{stroke-width:1.9px}.badge-tag{white-space:nowrap;background:var(--ink);color:#fff;border:1.5px solid var(--paper);border-radius:999px;place-items:center;min-width:20px;height:16px;padding:0 5px;font-size:.62rem;font-weight:900;line-height:1;display:grid;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.badge-face.unearned .badge-tag{background:var(--locked-ink)}.badge-face.unearned{background:var(--locked);color:var(--locked-ink);border:var(--bw) dashed var(--locked-line);box-shadow:none}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.badge-card{text-align:center;border:var(--bw) dashed #d6d0c3;color:var(--muted);background:#f7f3ea;border-radius:18px;flex-direction:column;align-items:center;gap:7px;padding:14px 12px;display:flex}.badge-card.earned{background:var(--paper);border:var(--bw) solid var(--ink);box-shadow:var(--press-sm);color:var(--ink)}.bc-name{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;font-size:.98rem;font-weight:800;line-height:1.2;display:flex}.bc-desc{color:var(--muted);font-size:.8rem;font-weight:600;line-height:1.3}.bc-when{color:var(--good-ink);align-items:center;gap:4px;margin-top:auto;font-size:.74rem;font-weight:800;display:inline-flex}.badge-card .tile-progress{width:100%;margin-top:auto}@media (max-width:420px){.badge-grid{grid-template-columns:1fr 1fr;gap:10px}}button.badge-strip{text-align:left;width:100%;box-shadow:var(--press-sm);flex-direction:column;align-items:stretch;gap:14px;font-weight:700;display:flex}.badge-row{flex-wrap:wrap;gap:12px;padding-bottom:6px;display:flex}.badge-strip-foot{align-items:center;gap:8px;font-size:.9rem;display:flex}.badge-strip-go{align-items:center;gap:4px;font-weight:800;display:inline-flex}button.lb-link{flex-direction:row;align-items:center;gap:12px}.lb-link .chip{border-radius:12px;width:42px;height:42px}.lb-link b{font-size:1.05rem;display:block}.lb-link .sub{color:var(--muted);font-size:.82rem;display:block}.badgepop{top:calc(14px + env(safe-area-inset-top));z-index:120;text-align:left;background:var(--paper);width:min(420px,100vw - 32px);box-shadow:var(--press);border-radius:22px;align-items:center;gap:12px;padding:10px 16px 10px 10px;animation:.45s cubic-bezier(.2,1.4,.4,1) both badgein;display:flex;position:fixed;left:50%}.badgepop.out{animation:.28s ease-in forwards badgeout}.badgepop .grow{flex-direction:column;display:flex}.bp-kicker{text-transform:uppercase;letter-spacing:.6px;color:var(--grape);font-size:.72rem;font-weight:900}.bp-name{font-family:var(--display);font-size:1.2rem;font-weight:800;line-height:1.15}.bp-desc{color:var(--muted);font-size:.82rem;font-weight:600}@keyframes badgein{0%{transform:translate(-50%,-140%)}to{transform:translate(-50%)}}@keyframes badgeout{to{opacity:0;transform:translate(-50%,-140%)}}.lb-you{align-items:center;gap:6px;font-size:1rem;font-weight:800;display:flex}.lb-you span:last-child{font-family:var(--display);font-size:1.3rem}.lb-seg{flex-wrap:wrap;margin:16px 0 12px}.lb-seg button{flex:auto;gap:6px;font-size:.9rem}.lb-list{padding:6px 14px}.lb-note{margin:10px 2px;font-weight:700}.lb-row{gap:10px}.lb-row.you{background:var(--sun-50);margin:0 -14px;padding-left:16px;padding-right:16px}.lb-rank{min-width:34px;height:34px;color:var(--muted);border-radius:999px;flex:none;place-items:center;padding:0 6px;font-size:.95rem;font-weight:900;display:grid}.lb-rank.top1,.lb-rank.top2,.lb-rank.top3{color:var(--ink);border:var(--bw) solid var(--ink)}.lb-rank.top1{background:var(--sun)}.lb-rank.top2{background:#e6eaf2}.lb-rank.top3{background:#f2b27a}.lb-face{background:var(--sky-50);border:var(--bw) solid var(--ink);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;position:relative}.lb-face .glyph{font-size:1.35rem}.lb-level{background:var(--grape);color:#fff;border:var(--bw) solid var(--ink);border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.62rem;font-weight:900;display:grid;position:absolute;bottom:-5px;right:-6px}.lb-name{align-items:center;gap:6px;display:flex;overflow:hidden}.lb-youtag{background:var(--ink);color:#fff;border-radius:999px;padding:1px 7px;font-size:.7rem;font-weight:900}.lb-score{background:var(--paper);border:var(--bw) solid var(--ink);flex:none}.lb-gap{text-align:center;color:var(--muted);letter-spacing:2px;padding:4px 0;font-weight:900}@media (max-width:420px){.tab{padding:0 1px;font-size:.7rem}.tab .icon{width:44px}}