.tour-root{z-index:1000;touch-action:none;position:fixed;inset:0;overflow:hidden}.tour-dim{background:#080c09ad;position:absolute;inset:0}.tour-spot{box-shadow:0 0 0 9999px #080c09ad, 0 0 0 3px var(--accent), 0 0 24px 4px color-mix(in srgb, var(--accent) 55%, transparent);pointer-events:none;border-radius:14px;transition:left .22s,top .22s,width .22s,height .22s;position:absolute}.tour-card{box-sizing:border-box;background:var(--surface);width:380px;max-width:calc(100vw - 24px);color:var(--text);border:1px solid var(--border);border-radius:18px;padding:18px 18px 14px;animation:.22s ease-out both tour-pop;position:absolute;box-shadow:0 18px 50px #00000073}@keyframes tour-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.tour-card.sheet{width:calc(100vw - 24px);padding-bottom:calc(14px + env(safe-area-inset-bottom))}.tour-x{width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:1.5rem;line-height:1;position:absolute;top:6px;right:8px}.tour-x:hover{background:var(--surface-2);color:var(--text)}.tour-visual{justify-content:center;gap:8px;margin:0 0 10px;display:flex}.tour-title{margin:0 28px 6px 0;font-size:1.1rem;line-height:1.3}.tour-body{color:var(--text-dim);margin:0 0 14px;font-size:.98rem;line-height:1.55}.tour-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tour-progress{align-items:center;gap:8px;display:inline-flex}.tour-dots{gap:5px;display:inline-flex}.tour-dot{background:var(--surface-3);border-radius:999px;width:7px;height:7px}.tour-dot.on{background:var(--accent);width:18px}.tour-count{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.8rem}.tour-actions{gap:6px;margin-left:auto;display:inline-flex}@media (max-width:719.98px){.tour-actions .btn{min-height:44px;padding-inline:14px}.tour-dot{width:6px;height:6px}.tour-dot.on{width:14px}}@media (prefers-reduced-motion:reduce){.tour-spot{transition:none}.tour-card{animation:none}}.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%)}.pieces-cburnett piece.pawn.white{background-image:url(/pieces/cburnett/wP.svg)}.pieces-cburnett piece.knight.white{background-image:url(/pieces/cburnett/wN.svg)}.pieces-cburnett piece.bishop.white{background-image:url(/pieces/cburnett/wB.svg)}.pieces-cburnett piece.rook.white{background-image:url(/pieces/cburnett/wR.svg)}.pieces-cburnett piece.queen.white{background-image:url(/pieces/cburnett/wQ.svg)}.pieces-cburnett piece.king.white{background-image:url(/pieces/cburnett/wK.svg)}.pieces-cburnett piece.pawn.black{background-image:url(/pieces/cburnett/bP.svg)}.pieces-cburnett piece.knight.black{background-image:url(/pieces/cburnett/bN.svg)}.pieces-cburnett piece.bishop.black{background-image:url(/pieces/cburnett/bB.svg)}.pieces-cburnett piece.rook.black{background-image:url(/pieces/cburnett/bR.svg)}.pieces-cburnett piece.queen.black{background-image:url(/pieces/cburnett/bQ.svg)}.pieces-cburnett piece.king.black{background-image:url(/pieces/cburnett/bK.svg)}.pieces-staunty piece.pawn.white{background-image:url(/pieces/staunty/wP.svg)}.pieces-staunty piece.knight.white{background-image:url(/pieces/staunty/wN.svg)}.pieces-staunty piece.bishop.white{background-image:url(/pieces/staunty/wB.svg)}.pieces-staunty piece.rook.white{background-image:url(/pieces/staunty/wR.svg)}.pieces-staunty piece.queen.white{background-image:url(/pieces/staunty/wQ.svg)}.pieces-staunty piece.king.white{background-image:url(/pieces/staunty/wK.svg)}.pieces-staunty piece.pawn.black{background-image:url(/pieces/staunty/bP.svg)}.pieces-staunty piece.knight.black{background-image:url(/pieces/staunty/bN.svg)}.pieces-staunty piece.bishop.black{background-image:url(/pieces/staunty/bB.svg)}.pieces-staunty piece.rook.black{background-image:url(/pieces/staunty/bR.svg)}.pieces-staunty piece.queen.black{background-image:url(/pieces/staunty/bQ.svg)}.pieces-staunty piece.king.black{background-image:url(/pieces/staunty/bK.svg)}.pieces-merida piece.pawn.white{background-image:url(/pieces/merida/wP.svg)}.pieces-merida piece.knight.white{background-image:url(/pieces/merida/wN.svg)}.pieces-merida piece.bishop.white{background-image:url(/pieces/merida/wB.svg)}.pieces-merida piece.rook.white{background-image:url(/pieces/merida/wR.svg)}.pieces-merida piece.queen.white{background-image:url(/pieces/merida/wQ.svg)}.pieces-merida piece.king.white{background-image:url(/pieces/merida/wK.svg)}.pieces-merida piece.pawn.black{background-image:url(/pieces/merida/bP.svg)}.pieces-merida piece.knight.black{background-image:url(/pieces/merida/bN.svg)}.pieces-merida piece.bishop.black{background-image:url(/pieces/merida/bB.svg)}.pieces-merida piece.rook.black{background-image:url(/pieces/merida/bR.svg)}.pieces-merida piece.queen.black{background-image:url(/pieces/merida/bQ.svg)}.pieces-merida piece.king.black{background-image:url(/pieces/merida/bK.svg)}.board-wrap{--sq-light:#eeeed2;--sq-dark:#769656;--coord-on-light:#46642de6;--coord-on-dark:#fffff0d9;width:100%;position:relative}.board-wrap.theme-green{--sq-light:#eeeed2;--sq-dark:#769656;--coord-on-light:#507034f2;--coord-on-dark:#f7f7dee6}.board-wrap.theme-wood{--sq-light:#f0d9b5;--sq-dark:#b58863;--coord-on-light:#966946f2;--coord-on-dark:#faebd2eb}.board-wrap.theme-blue{--sq-light:#dee3e6;--sq-dark:#8ca2ad;--coord-on-light:#5f7887f2;--coord-on-dark:#f0f6f8f2}.board{aspect-ratio:1;touch-action:manipulation;border-radius:8px;width:100%;position:relative;box-shadow:0 8px 28px #00000061,0 0 0 1px #00000040}.board cg-board{background:repeating-conic-gradient(var(--sq-dark) 0% 25%, var(--sq-light) 0% 50%) 0 0 / 25% 25%;border-radius:8px}.board.cg-wrap{box-sizing:border-box}.board cg-board square.last-move{background-color:#ffe95080}.board cg-board square.selected{background-color:#1e6e3280}.board cg-board square.move-dest{background:radial-gradient(#14551e80 19%,#0000 20%)}.board cg-board square.move-dest.oc{background:radial-gradient(#0000 0% 79%,#14551e4d 80%)}.board cg-board square.move-dest:hover{background:#14551e59}.board cg-board square.check{background:radial-gradient(red 0%,#e70000 25%,#a9000000 89%,#9e000000 100%)}.coords{pointer-events:none;z-index:3;position:absolute;inset:0}.coord{width:12.5%;height:12.5%;font-family:var(--font);-webkit-user-select:none;user-select:none;font-size:clamp(9px,1.8vw,13px);font-weight:800;line-height:1;position:absolute}.coord.rank{padding:3% 0 0 4%}.coord.file{justify-content:flex-end;align-items:flex-end;padding:0 4% 3% 0;display:flex}.coord.on-dark{color:var(--coord-on-dark)}.coord.on-light{color:var(--coord-on-light)}.board piece{filter:drop-shadow(0 1.5px 1.5px #00000047);background-position:50%;background-repeat:no-repeat;background-size:contain}.board piece.dragging{filter:drop-shadow(0 8px 8px #0006)}.sq-badge{pointer-events:none;z-index:12;width:12.5%;height:12.5%;position:absolute}.sq-badge>svg{width:62%;height:62%;animation:.38s cubic-bezier(.2,1.7,.4,1) both badge-pop;position:absolute;top:-22%;right:-22%}.sq-badge[data-label=brilliant]:before,.sq-badge[data-label=great]:before{content:"";border-radius:50%;animation:.9s ease-out both badge-ring;position:absolute;inset:4%}.sq-badge[data-label=brilliant]:before{box-shadow:0 0 #17c8bce6,inset 0 0 14px #78fff0bf}.sq-badge[data-label=great]:before{box-shadow:0 0 #5a8ce6d9,inset 0 0 12px #96beff99}@keyframes badge-pop{0%{opacity:0;transform:scale(.1)rotate(-25deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes badge-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.9);box-shadow:0 0 0 6px #fff0}}.evalbar{background:#403d39;border-radius:6px;flex:none;position:relative;overflow:hidden}.evalbar:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--text) 38%, transparent);pointer-events:none;position:absolute;inset:0}.evalbar.vertical{align-self:stretch;width:26px}.evalbar.horizontal{width:100%;height:14px}.evalbar-white{background:#f3f3ee;transition:height .5s cubic-bezier(.3,.7,.2,1),width .5s cubic-bezier(.3,.7,.2,1);position:absolute}.evalbar.vertical[data-orient=white] .evalbar-white{bottom:0;left:0;right:0}.evalbar.vertical[data-orient=black] .evalbar-white{top:0;left:0;right:0}.evalbar.horizontal[data-orient=white] .evalbar-white{top:0;bottom:0;left:0}.evalbar.horizontal[data-orient=black] .evalbar-white{top:0;bottom:0;right:0}.evalbar-mid{background:#808080b3;position:absolute}.evalbar.vertical .evalbar-mid{height:2px;top:50%;left:0;right:0;transform:translateY(-1px)}.evalbar.horizontal .evalbar-mid{width:2px;top:0;bottom:0;left:50%;transform:translate(-1px)}.winchart-wrap{position:relative}.winchart{touch-action:none;cursor:pointer;background:#403d39;border-radius:10px;width:100%;display:block}.winchart-black{fill:#403d39}.winchart-white{fill:#ecece6}.winchart-mid{stroke:#808080a6;stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.winchart-mark{box-sizing:border-box;pointer-events:none;border:1.5px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;transform:translate(-50%,-50%)}.winchart-cursor{stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.guide{max-width:980px;margin:0 auto}.guide h1,.guide-sec h2{margin:0}.guide-steps,.guide-notes{gap:12px;margin:0;padding:0;list-style:none;display:grid}.guide-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-steps li,.guide-notes li{align-items:flex-start;gap:12px;min-width:0;display:flex}.guide-steps li{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.guide-steps p,.guide-notes p{margin:4px 0 0}.guide-num{background:var(--accent);color:#10200a;border-radius:999px;flex:none;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.guide-num.sm{width:26px;height:26px;font-size:.85rem}.guide-legend{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.guide-legend li{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px;display:grid}.guide-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:14px}.guide-card.wide{grid-column:1/-1}.guide-card p{margin:0}.guide-ring{place-items:center;display:grid}.guide-review{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.guide-board{width:100%;max-width:420px;position:relative}.guide-pin{z-index:14;color:#10200a;border:2px solid var(--accent);pointer-events:none;background:#fff;border-radius:999px;place-items:center;width:24px;height:24px;margin:-12px 0 0 -12px;font-size:.8rem;font-weight:800;display:grid;position:absolute;box-shadow:0 2px 8px #0006}.guide-keys{border-collapse:collapse}.guide-keys th,.guide-keys td{text-align:left;padding:4px 10px 4px 0;font-weight:600}kbd{border:1px solid var(--border);background:var(--surface-2);font:inherit;border-bottom-width:2px;border-radius:7px;padding:2px 8px;font-size:.85rem;font-weight:700;display:inline-block}@media (max-width:720px){.guide-steps,.guide-review{grid-template-columns:minmax(0,1fr)}.guide-board{max-width:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1f1c;--surface:#252a27;--surface-2:#2e3430;--surface-3:#384039;--border:#3c4540;--text:#eef1ec;--text-dim:#a9b3aa;--accent:#7fc34b;--accent-hover:#92d35e;--on-accent:#0f200a;--focus:#b4e682;--danger:#ef6a62;--warn:#f2bf3a;--shadow:0 6px 24px #00000059;--lb-brilliant:#17a79d;--lb-great:#4d7fd1;--lb-best:#67b236;--lb-excellent:#2fa86b;--lb-good:#8fb85a;--lb-book:#a7794e;--lb-inaccuracy:#eab72c;--lb-mistake:#e5812c;--lb-miss:#d9507a;--lb-blunder:#d33f3b;--lb-forced:#7b8794;--radius:14px;--radius-sm:9px;--gutter:16px;--font:"Segoe UI", system-ui, -apple-system, "Noto Sans", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f5ef;--surface:#fff;--surface-2:#eef2e9;--surface-3:#e2e9dc;--border:#d3dccc;--text:#1a201a;--text-dim:#566254;--accent:#4a9a1f;--accent-hover:#3d8618;--on-accent:#fff;--focus:#2f7a0c;--danger:#c9372f;--warn:#b57d00;--shadow:0 6px 20px #283c1e24}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f5ef;--surface:#fff;--surface-2:#eef2e9;--surface-3:#e2e9dc;--border:#d3dccc;--text:#1a201a;--text-dim:#566254;--accent:#4a9a1f;--accent-hover:#3d8618;--on-accent:#fff;--focus:#2f7a0c;--danger:#c9372f;--warn:#b57d00;--shadow:0 6px 20px #283c1e24}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0 0 .5em;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .75em}a{color:var(--accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.dim{color:var(--text-dim)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.grow{flex:auto;min-width:0}.stack{flex-direction:column;gap:12px;display:flex}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;padding:calc(8px + env(safe-area-inset-top)) var(--gutter) 8px;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);align-items:center;gap:14px;display:flex;position:sticky;top:0}.brand{color:var(--text);letter-spacing:.2px;align-items:center;gap:9px;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #2e7d32);border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 -3px #0000002e}.topnav{gap:4px;margin-left:auto;display:flex}.navlink{color:var(--text-dim);border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none}.navlink:hover{background:var(--surface-2);color:var(--text)}.navlink[aria-current=page]{background:var(--surface-3);color:var(--text)}.page{width:100%;max-width:1180px;padding:18px var(--gutter) calc(28px + env(safe-area-inset-bottom));flex:auto;margin:0 auto}.bottomnav{display:none}@media (max-width:720px){.topnav{display:none}.bottomnav{z-index:20;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav .navlink{border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;font-size:.78rem;display:flex}.page{padding-bottom:calc(86px + env(safe-area-inset-bottom))}}.btn{background:var(--surface-3);min-height:44px;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:700;text-decoration:none;transition:transform 80ms,background .15s,box-shadow .15s;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--surface-3) 80%, var(--text) 20%)}.btn:active{transform:translateY(1px)scale(.99)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 3px 0 color-mix(in srgb, var(--accent) 55%, black)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{box-shadow:0 1px 0 color-mix(in srgb, var(--accent) 55%, black);transform:translateY(2px)}.btn-ghost{border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-lg{border-radius:14px;min-height:52px;padding:12px 26px;font-size:1.05rem}.btn-sm{border-radius:10px;min-height:36px;padding:6px 12px;font-size:.9rem}.btn-icon{min-width:44px;padding:0}.input,.textarea,.select{background:var(--surface-2);border:1px solid var(--border);width:100%;min-height:46px;color:var(--text);border-radius:12px;padding:10px 14px}.input::placeholder,.textarea::placeholder{color:var(--text-dim);opacity:.8}.input:focus,.textarea:focus,.select:focus{outline:3px solid var(--focus);outline-offset:0}.textarea{resize:vertical;min-height:220px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card.flat{background:var(--surface-2)}.chip{background:var(--surface-3);color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.chip.win{background:color-mix(in srgb, var(--lb-best) 22%, transparent);color:color-mix(in srgb, var(--accent) 55%, var(--text))}.chip.loss{background:color-mix(in srgb, var(--lb-blunder) 22%, transparent);color:color-mix(in srgb, var(--danger) 60%, var(--text))}.chip.draw{background:color-mix(in srgb, var(--lb-forced) 25%, transparent);color:color-mix(in srgb, var(--text-dim) 60%, var(--text))}.chip.new{background:var(--accent);color:var(--on-accent)}.notice{background:color-mix(in srgb, var(--warn) 16%, var(--surface));border:1px solid color-mix(in srgb, var(--warn) 45%, transparent);border-radius:12px;padding:10px 14px;font-size:.92rem}.notice.error{background:color-mix(in srgb, var(--danger) 14%, var(--surface));border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.badge{vertical-align:middle;filter:drop-shadow(0 1px 1px #00000059);flex:none;display:inline-block}.avatar{border-radius:50%;flex:none;display:block}.toaster{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:60;pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,460px);display:flex;position:fixed;transform:translate(-50%)}@media (max-width:720px){.toaster{bottom:calc(80px + env(safe-area-inset-bottom))}}.toast{pointer-events:auto;background:var(--surface-3);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:12px 16px;font-weight:600;animation:.2s ease-out toast-in}.toast.error{border-color:color-mix(in srgb, var(--danger) 60%, transparent)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.gallery-cell{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;font-size:.8rem;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.small{font-size:.85rem}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-dim);font-size:.9rem;font-weight:700}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, var(--surface)), var(--surface) 70%);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:24px;padding:28px;display:grid}.hero.compact{grid-template-columns:1fr;padding:18px}.hero h1{font-size:clamp(1.5rem,4.2vw,2.1rem)}.hero-art{height:210px;position:relative}.hero-coach{filter:drop-shadow(0 8px 14px #00000047);position:absolute}.hero-coach.c0{top:70px;left:4%}.hero-coach.c1{z-index:2;top:0;left:50%;transform:translate(-50%)}.hero-coach.c1 .avatar{width:112px;height:112px}.hero-coach.c2{top:70px;right:4%}@media (max-width:720px){.hero{grid-template-columns:1fr;gap:14px;padding:18px}.hero-art{order:-1;height:118px}.hero-coach .avatar{width:68px;height:68px}.hero-coach.c1 .avatar{width:84px;height:84px}.hero-coach.c0,.hero-coach.c2{top:36px}}.player-head{gap:14px}.player-avatar{object-fit:cover;background:var(--surface-3);border-radius:12px;flex:none;width:48px;height:48px}.player-avatar.placeholder{color:var(--text-dim);place-items:center;font-size:1.3rem;font-weight:800;display:grid}.player-name{margin:0;font-size:1.3rem}.filters .chip.filter{border:1px solid var(--border);cursor:pointer;background:0 0;min-height:36px;padding:6px 15px;font-size:.9rem}.filters .chip.filter:hover{background:var(--surface-2)}.filters .chip.filter[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.hint{margin:0}.game-list{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:10px;display:grid}.game-list>*{min-width:0}@media (max-width:420px){.game-list{grid-template-columns:minmax(0,1fr)}}.game-card{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--lb-forced);min-height:72px;color:inherit;-webkit-tap-highlight-color:transparent;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:transform .1s,background .15s;display:flex}.game-card:hover{background:var(--surface-2);transform:translateY(-1px)}.game-card:active{transform:scale(.99)}.game-card.res-win{border-left-color:var(--lb-best)}.game-card.res-loss{border-left-color:var(--lb-blunder)}.game-card.res-draw{border-left-color:var(--lb-forced)}.game-main{flex:auto;min-width:0}.game-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.game-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:.82rem;display:flex}.game-meta .opening{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.chip-dot{border:1px solid #808080cc;border-radius:50%;flex:none;width:12px;height:12px}.chip-dot[data-color=w]{background:#f3f3ee}.chip-dot[data-color=b]{background:#2b2b2b}.game-side{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.initial-avatar{color:#fff;text-shadow:0 1px 2px #0000004d;border-radius:50%;flex:none;place-items:center;font-weight:800;display:inline-grid}.game-card.skeleton{border-left-color:var(--border);background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.import{max-width:760px;margin:0 auto}.side-picker{border:0;gap:8px;margin:0;padding:0}.side-picker legend{margin-bottom:6px;padding:0}.radio-chip{cursor:pointer;position:relative}.radio-chip input{opacity:0;cursor:pointer;position:absolute;inset:0}.radio-chip span{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 16px;font-weight:700;display:inline-block}.radio-chip input:checked+span{background:var(--accent);color:var(--on-accent);border-color:#0000}.radio-chip input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.screen-head h1{margin:0;font-size:1.35rem}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.coach-bubble{align-items:flex-start;gap:14px;display:flex}.coach-side{flex-direction:column;flex:none;align-items:center;gap:4px;width:84px;display:flex}.coach-name{color:var(--text-dim);text-align:center;font-size:.75rem;font-weight:800}.bubble-col{flex:auto;min-width:0}.bubble{background:var(--surface-2);border:1px solid var(--border);white-space:pre-line;overflow-wrap:anywhere;border-radius:16px;padding:14px 16px;line-height:1.55;animation:.25s ease-out bubble-in;position:relative}.bubble:before{content:"";background:var(--surface-2);border-left:1px solid var(--border);border-bottom:1px solid var(--border);width:16px;height:16px;position:absolute;top:24px;left:-9px;transform:rotate(45deg)}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}.bubble-note{margin-top:6px;padding-left:6px}@media (max-width:520px){.coach-bubble{gap:10px}.coach-side{width:62px}.bubble{padding:12px 13px;font-size:.97rem}}.players{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:720px){.players{grid-template-columns:1fr}}.player-card{align-items:center;gap:12px;padding:12px 14px;display:flex}.player-card.mine{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.player-tag{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);font-size:.72rem;font-weight:800}.player-line{align-items:center;gap:6px;min-width:0;display:flex}.stats-table{border-collapse:collapse;width:100%}.stats-table th,.stats-table td{padding:8px 6px}.stats-table thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);width:22%;font-size:.75rem}.stats-table tbody tr+tr>*{border-top:1px solid var(--border)}.stats-table tbody th{text-align:left;font-weight:700}.stats-table td{text-align:center;font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:800}.stats-table .zero{opacity:.38}.phase-table td{line-height:0}.phase-table td>svg{vertical-align:middle}.phase-table td.zero{font-weight:700;line-height:normal}.stat-name{align-items:center;gap:10px;display:flex}.moments{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.moment{background:var(--surface-2);color:inherit;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.moment:hover{background:var(--surface-3)}.cta-bar{flex-wrap:wrap;gap:12px;display:flex}.cta-bar .btn{flex:220px}.level-note{margin:0}.analyzing .progress{background:var(--surface-3);border-radius:999px;height:10px;margin:14px 0 6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hover));border-radius:inherit;height:100%;transition:width .25s}.review{--board-max:calc(100dvh - 292px)}.review-grid{grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:start;gap:20px;display:grid}.board-col{width:100%;max-width:calc(max(var(--board-max), 320px) + 40px);flex-direction:column;gap:8px;margin:0 auto;display:flex}.board-row{touch-action:pan-y;align-items:stretch;gap:10px;display:flex}.board-box{flex:auto;min-width:0;scroll-margin-top:72px;scroll-margin-bottom:96px}.player-strip{align-items:center;gap:8px;min-height:38px;padding:2px 4px 2px 38px;display:flex}.player-strip .chip.you{background:color-mix(in srgb, var(--accent) 24%, transparent);color:var(--accent)}.clock{background:var(--surface-3);text-align:right;font-variant-numeric:tabular-nums;border-radius:8px;min-width:70px;padding:3px 10px;font-weight:800}.controls{justify-content:center;gap:8px;padding:4px 0 0 38px;display:flex}.controls .btn-icon{min-width:50px;min-height:48px}.side-col{min-width:0}.coach-card .bubble{min-height:74px}.bubble-label{align-items:center;gap:8px;margin-bottom:6px;display:flex}.result-line{margin-top:8px}.better{background:color-mix(in srgb, var(--lb-best) 14%, var(--surface-2));border:1px solid color-mix(in srgb, var(--lb-best) 38%, transparent);border-radius:12px;margin-top:10px;padding:8px 12px}.better .btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.refine-progress{min-width:170px}.progress.mini{background:var(--surface-3);border-radius:999px;height:6px;margin-top:4px;overflow:hidden}.movelist{scrollbar-width:thin;max-height:260px;overflow-y:auto}.mv-row{grid-template-columns:34px 1fr 1fr;align-items:center;gap:2px;display:grid}.mv-num{color:var(--text-dim);text-align:right;padding-right:6px;font-size:.85rem}.mv{min-height:36px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-weight:700;display:flex}.mv:hover{background:var(--surface-3)}.mv.on{background:var(--accent);color:var(--on-accent)}@media (max-width:980px){.review{--board-max:100vw}.review-grid{grid-template-columns:1fr;gap:14px}.board-col{max-width:none}.player-strip{padding-left:22px}.controls{padding-left:0}.evalbar.vertical{width:12px}.board-row{gap:8px}.movelist{max-height:200px}}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.settings-grid>section[data-testid=sec-gemini],.settings-grid>section[data-testid=sec-look]{grid-column:1/-1}@media (max-width:860px){.settings-grid{grid-template-columns:1fr}}.level-elo{font-variant-numeric:tabular-nums;font-size:2.2rem;line-height:1}.slider{width:100%;height:34px;accent-color:var(--accent);cursor:pointer}.slider-ticks{justify-content:space-between;display:flex}.coach-pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.coach-option{border:2px solid var(--border);text-align:center;cursor:pointer;background:var(--surface-2);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;display:flex;position:relative}.coach-option input{opacity:0;cursor:pointer;position:absolute;inset:0}.coach-option.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-2))}.coach-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}@media (max-width:420px){.coach-option .avatar{width:56px;height:56px}}.look-grid{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:20px;display:grid}@media (max-width:720px){.look-grid{grid-template-columns:1fr}.preview-board{max-width:260px}}.piece-option,.theme-option{border:2px solid var(--border);cursor:pointer;background:var(--surface-2);border-radius:12px;align-items:center;gap:4px;padding:6px 10px;display:flex;position:relative}.piece-option input,.theme-option input{opacity:0;cursor:pointer;position:absolute;inset:0}.piece-option.on,.theme-option.on{border-color:var(--accent)}:is(.piece-option:has(input:focus-visible),.theme-option:has(input:focus-visible)){outline:3px solid var(--focus);outline-offset:2px}.swatch{border:1px solid #00000040;border-radius:8px;width:32px;height:32px}.switch{cursor:pointer;gap:10px}.switch input{width:22px;height:22px;accent-color:var(--accent)}.keys{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.key-row{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.key-row code{font-family:ui-monospace,Consolas,monospace}.chip.key-status.ok{background:color-mix(in srgb, var(--lb-best) 22%, transparent);color:var(--lb-best)}.chip.key-status.cooldown,.chip.key-status.exhausted{background:color-mix(in srgb, var(--warn) 22%, transparent);color:var(--warn)}.chip.key-status.invalid{background:color-mix(in srgb, var(--danger) 22%, transparent);color:var(--danger)}.chip.add-model{border:1px dashed var(--border);cursor:pointer;background:0 0;min-height:32px}.chip.add-model:hover{background:var(--surface-2)}.update-banner{z-index:19;padding:8px var(--gutter);background:var(--accent);color:var(--on-accent);justify-content:center;align-items:center;gap:12px;font-weight:700;display:flex;position:sticky;top:57px}.update-banner .btn-primary{background:var(--on-accent);color:var(--accent);box-shadow:none}