:root{--bg:#f3f4f8;--surface:#fff;--surface-2:#f1f2f7;--surface-3:#e4e6ee;--border:#e2e4ec;--border-strong:#cdd1dc;--text:#0e1117;--text-2:#3a4150;--text-3:#697082;--text-faint:#9aa0b0;--accent:#5b3df5;--accent-2:#8b5cf6;--accent-soft:#5b3df51a;--on-accent:#fff;--danger:#c62828;--danger-soft:#fde7e7;--good:#0c7a49;--good-soft:#def5e9;--warn:#b45309;--warn-soft:#fdefd2;--tip-bg:#10131a;--shadow:0 1px 2px #10131a0f, 0 8px 24px #10131a0f;--shadow-pop:0 12px 36px #10131a2e;--sq-light:#e9edf5;--sq-dark:#7b8fb5;--lab-inaccuracy:#b98900;--lab-mistake:#dd6b00;--lab-missed:#c0267a;--crit-opening:#1d5fe0;--crit-middlegame:#d92d2d;--crit-endgame:#138a43;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px}:root[data-theme=dark]{--bg:#0a0c11;--surface:#141821;--surface-2:#1b202b;--surface-3:#272d3b;--border:#232937;--border-strong:#353d4f;--text:#f3f5f9;--text-2:#c5cbd8;--text-3:#8c94a6;--text-faint:#5e6678;--accent:#7a5cff;--accent-2:#a78bfa;--accent-soft:#7a5cff2e;--on-accent:#fff;--danger:#ff6b6b;--danger-soft:#ff6b6b26;--good:#3ddc97;--good-soft:#3ddc9724;--warn:#ffb020;--warn-soft:#ffb02029;--tip-bg:#000;--shadow:0 1px 0 #ffffff08 inset;--shadow-pop:0 16px 44px #0000008c;--lab-inaccuracy:#f0c236;--lab-mistake:#ff9340;--lab-missed:#ff6eb4;--crit-opening:#6ea8ff;--crit-middlegame:#ff7a7a;--crit-endgame:#4fd68b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main{max-width:1720px;margin:0 auto;padding:0 20px 16px}header{z-index:40;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0 -20px 14px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:32px;height:32px;color:var(--on-accent);box-shadow:0 4px 14px var(--accent-soft);border-radius:10px;place-items:center;font-size:1.25rem;line-height:1;display:grid}h1{letter-spacing:-.03em;margin:0;font-family:Inter,Segoe UI Variable Display,Segoe UI,system-ui,sans-serif;font-size:1.2rem;font-weight:800}h2{letter-spacing:-.01em;margin:20px 0 8px;font-size:1.05rem;font-weight:700}nav{background:var(--surface-2);border-radius:12px;gap:2px;padding:3px;display:flex}nav a{color:var(--text-2);border-radius:9px;padding:6px 14px;font-weight:600;text-decoration:none;transition:background .12s,color .12s}nav a:hover{color:var(--text)}nav a.active{background:var(--accent);color:var(--on-accent);box-shadow:0 2px 10px var(--accent-soft)}.topbar-actions{align-items:center;gap:4px;margin-left:auto;display:flex}a{color:var(--accent)}button,select,input,textarea{font:inherit;color:var(--text);border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;padding:6px 12px}:where(button){font-weight:600}button{cursor:pointer;transition:background .12s,border-color .12s,transform 50ms}:where(button:hover:not(:disabled)){background:var(--surface-2)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.danger{color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.page{max-width:900px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.card h2{margin-top:0}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row input{flex:1;min-width:140px}.account-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.account-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.speeds{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.speed{background:var(--surface-2);border-radius:8px;align-items:center;gap:6px;padding:3px 9px;font-size:.85rem;display:flex}.small-button{padding:0 6px;font-size:.8rem}.small{font-size:.85rem}.error{color:var(--danger)}.good-text{color:var(--good)}.card.connect{margin-bottom:12px}.card.connect p{margin:8px 0 0}.button-link{background:var(--accent);color:var(--on-accent);white-space:nowrap;border-radius:10px;padding:6px 12px;font-weight:600;text-decoration:none}.filters{margin-bottom:12px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-bottom:12px;overflow-x:auto}table.games{border-collapse:collapse;width:100%;font-size:.9rem}table.games th,table.games td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px}table.games th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-size:.72rem}table.games tr:last-child td{border-bottom:none}table.games td.me{font-weight:700}.status{background:var(--surface-3);border-radius:999px;padding:2px 10px;font-size:.85rem}.status.good{background:var(--good-soft);color:var(--good)}.status.bad{background:var(--danger-soft);color:var(--danger)}.buttons{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.muted{color:var(--text-3)}.rep-layout{grid-template-columns:320px minmax(360px,1fr) minmax(390px,440px);grid-template-areas:".name.""side board notes";align-items:start;gap:8px 20px;display:grid}.rep-side{grid-area:side;gap:12px;display:grid}.rep-board,.opening-name{justify-self:center;width:100%;max-width:min(820px,100vh - 185px)}.rep-board{grid-area:board}.rep-notes{grid-area:notes;gap:12px;display:grid}@media (width<=1150px){.rep-layout{grid-template-columns:320px minmax(320px,1fr);grid-template-areas:".name""side board""notes notes"}.rep-notes{margin-top:12px}}@media (width<=700px){.rep-layout{grid-template-columns:1fr;grid-template-areas:"name""board""notes""side";row-gap:12px}}.rep-layout>section,.rep-side>*,.rep-notes>*{min-width:0}.rep-layout h3{margin:0;font-size:.95rem}.notation-card h3{margin-bottom:8px}.panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.card.empty{text-align:center;padding:40px 16px}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.count{background:var(--surface-2);color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:0 7px;font-size:.72rem;font-weight:500}.icon-btn{width:24px;height:24px;color:var(--text-3);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}.folders{padding:12px}.tree{gap:1px;margin:0;padding:0;list-style:none;display:grid}.tree-row{border-radius:7px;align-items:center;display:flex}.tree-row:hover{background:var(--surface-2)}.tree-main{text-align:left;min-width:0;color:inherit;background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:6px 8px;display:flex}.tree-main svg{color:var(--text-3);flex:none}.tree-name{overflow-wrap:anywhere;min-width:0}.tree-row.folder .tree-name{font-weight:600}.tree-actions{padding-right:4px;display:none}.tree-row:hover .tree-actions,.tree-row:focus-within .tree-actions{display:inline-flex}.tree-row.opening{font-size:.86rem}.tree-row.opening.active{background:var(--accent);color:var(--on-accent)}.tree-row.opening.active .count{background:var(--text-2);color:var(--on-accent)}.tree-row.opening.active .icon-btn:hover{background:var(--text-2);color:var(--on-accent)}.tree-children{border-left:2px solid var(--border);margin:4px 0 8px 14px;padding-left:10px}.tree-empty{margin:4px 8px}.tree-input{flex:1;min-width:0;padding:2px 6px;font-size:.86rem}.tree-add{width:100%;color:var(--text-2);text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;margin-top:2px;padding:5px 8px;font-size:.82rem;display:flex}.tree-add:hover{background:var(--surface-2);color:var(--text)}.segmented{background:var(--surface-2);border-radius:8px;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:6px;padding:2px;display:grid}.segmented button{color:var(--text-2);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:.82rem;display:flex}.segmented button.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px #0000001f}.segmented .count{background:0 0;padding:0}.dot{border:1px solid var(--text-2);border-radius:50%;width:10px;height:10px}.engine-where{margin:8px 0 0}.link-button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.engine-moves{gap:1px;margin:0;padding:0;list-style:none;display:grid}.engine-move{text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:1.2em 4.2em 1fr;align-items:center;column-gap:8px;width:100%;min-height:36px;padding:2px 6px;line-height:1.25;display:grid}.engine-move:disabled{opacity:1}.engine-move .rank{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.75rem}.engine-move .san{font-size:.95rem;font-weight:700}.engine-move .info{align-items:center;gap:8px;min-width:0;display:flex}.engine-move .info.unnamed{justify-content:center}.engine-move .name{min-width:0;color:var(--text-2);overflow-wrap:anywhere;flex:1;font-size:.8rem;line-height:1.3}.engine-move .score{color:var(--text);font-variant-numeric:tabular-nums;flex:none;font-size:.95rem;font-weight:600}.engine-move .badge{white-space:nowrap;flex:none}.unsaved-dot{color:var(--warn)}.save-buttons{flex:none;gap:6px;display:inline-flex}.notation{min-height:300px;max-height:calc(100vh - 220px);font-size:.92rem;line-height:1.8;overflow-y:auto}.nmove.draft{color:var(--text-faint);font-style:italic}.notes-row{align-items:stretch;gap:8px;display:flex}.notation-card{flex:1;min-width:0}.notation-card.fill{box-sizing:border-box;flex-direction:column;height:calc(100vh - 126px);min-height:440px;display:flex}.notation-card.fill .notation{flex:1;min-height:0;max-height:none}.notation-foot{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding-top:10px;font-size:.85rem;display:flex}.tool-strip{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;flex:none;align-self:flex-start;gap:4px;padding:5px;display:flex}.tool-strip hr{border:none;border-top:1px solid var(--border);width:100%;margin:2px 0}.tool-wrap{position:relative}.tool{width:36px;height:36px;color:var(--text-2);background:0 0;border-color:#0000;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.tool:hover:not(:disabled){background:var(--surface-2)}.tool.open{background:var(--accent);color:var(--on-accent)}.tool.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.tool-text{font-size:.95rem;font-weight:700}.tool-tip{z-index:20;background:var(--accent);width:max-content;max-width:240px;color:var(--on-accent);pointer-events:none;opacity:0;border-radius:6px;padding:5px 9px;font-size:.8rem;line-height:1.35;transition:opacity .1s;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.tool-wrap:hover>.tool-tip,.tool:focus-visible+.tool-tip{opacity:1}.tool-panel{z-index:30;width:250px;padding:10px;position:absolute;top:0;right:calc(100% + 8px);box-shadow:0 6px 24px #00000029}.tools-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin-top:4px;font-size:.7rem}.tools-grid{gap:3px;display:grid}.tools-grid.three{grid-template-columns:repeat(3,1fr)}.tools-grid.four{grid-template-columns:repeat(4,1fr)}.tools-grid .glyph{text-align:center;min-width:0;padding:2px 0}.tools-editor{gap:6px;display:grid}.tools-editor textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--border-strong);resize:vertical;border-radius:6px;padding:6px 8px}.tools-editor .buttons{margin-top:0}@media (width<=1150px){.notation-card.fill{height:auto;min-height:0}.notation-card.fill .notation{min-height:200px;max-height:60vh}}.nmove{background:0 0;border:none;border-radius:4px;padding:1px 4px}.nmove:hover{background:var(--surface-3)}.nmove.on-path{font-weight:700}.nmove.current{background:var(--accent);color:var(--on-accent);outline:2px solid var(--accent);outline-offset:1px}.neval{margin-left:2px;font-weight:600}.ntranspose{color:var(--text-3);margin-left:2px;font-size:.75rem}.ntools{align-items:center;gap:6px;margin-bottom:6px;font-size:.78rem;display:flex}.ntools button{padding:1px 7px;font-size:.75rem}.ntools .muted{margin-right:auto}.pgn{line-height:2.15}.pgn>.ntoken>.nmove,.pgn>.ntoken>.nbox>.nmove{font-weight:600}.nbox{border:1px solid var(--text-faint);background:var(--surface);border-radius:5px;align-items:stretch;line-height:1.45;display:inline-flex}.nbox .nmove{padding-right:1px}.nchev{color:var(--text-2);background:0 0;border:none;align-items:flex-end;padding:0 3px 2px 0;display:inline-flex}.nchev:hover{color:var(--text)}.nchev svg{width:8px;height:8px;transition:transform .12s}.nbox.open .nchev svg{transform:rotate(90deg)}.vars{border-left:2px solid var(--guide);margin:0 0 4px 6px;padding-left:10px;font-size:.88rem}.vars .vars{font-size:.85rem}.vline{color:var(--text-2);border-radius:0 5px 5px 0;padding-left:4px;line-height:2}.vline.active{background:color-mix(in srgb, var(--guide) 9%, transparent)}.vdepth-0{--guide:#2563eb}.vdepth-1{--guide:#d97706}.vdepth-2{--guide:#059669}.vdepth-3{--guide:#7c3aed}.vname{background:color-mix(in srgb, var(--guide) 14%, var(--surface));color:color-mix(in srgb, var(--guide) 70%, var(--text));border-radius:999px;margin-right:5px;padding:0 7px;font-size:.7rem;font-weight:600;line-height:1.6;display:inline-block}.opening-name{grid-area:name;min-height:1.5em;font-weight:600}.board-nav{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;width:fit-content;margin:10px auto 0;display:flex;overflow:hidden}.board-nav button{width:58px;height:38px;color:var(--text);background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex}.board-nav button:disabled{color:var(--text-faint);opacity:1}.board-note{text-align:center;margin:6px 0 0}.badge{background:var(--surface-2);color:var(--text-3);border-radius:999px;padding:1px 6px;font-size:.7rem}.badge.main{background:var(--accent);color:var(--on-accent)}.glyph{min-width:2.4em;padding:2px 6px}.glyph.active{background:var(--accent);color:var(--on-accent)}.tag{background:var(--warn-soft);border-radius:999px;align-items:center;gap:2px;padding:1px 4px 1px 8px;font-size:.8rem;display:inline-flex}.tag.small{padding:0 6px;font-size:.7rem}.settings-link{width:36px;height:36px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.settings-link:hover{background:var(--surface-3)}.page-title{margin:8px 0 16px;font-size:1.3rem}.section-title{margin:0 0 4px;font-size:1.05rem}.settings section>.page{margin-top:12px}table.games tr.clickable{cursor:pointer}table.games tr.clickable:hover,table.games tr.clickable:focus-visible{background:var(--surface-2);outline:none}.player-bar{align-items:center;gap:8px;padding:6px 2px;display:flex}.player-bar .me{text-underline-offset:3px;text-decoration:underline}.player-clock{background:var(--accent);color:var(--on-accent);font-variant-numeric:tabular-nums;text-align:center;border-radius:6px;min-width:3.2em;margin-left:auto;padding:1px 8px}.player-clock:empty{display:none}.game-links{justify-content:space-between;align-items:center;margin-top:0}.practice-bar{text-align:center;margin-top:10px}.practice-bar .buttons{justify-content:center;margin-top:8px}.practice-message{min-height:1.4em;margin:0;font-weight:600}.practice-message.wrong{color:var(--danger)}.practice-note{border-left:3px solid var(--good);color:var(--good);margin:10px 0 0;padding:6px 10px;font-size:.9rem}.stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px;display:grid}.stats dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);font-size:.72rem}.stats dd{margin:0;font-size:1.3rem;font-weight:700}.elo{justify-content:space-between;align-items:center;gap:8px;display:flex}.elo input{width:6em}.segmented.speeds-tabs{grid-template-columns:1fr 1fr}.kind-filter{width:100%;margin:4px 0 12px}.stats.two{grid-template-columns:repeat(2,1fr);margin-bottom:0}.analysis-line{margin:0 0 8px}.analysis-line:last-child{margin:8px 0 0}.practice-message.right{color:var(--good)}.solution-line{margin:0 0 8px;font-weight:600;line-height:1.6}.explore-hint{max-width:520px;margin:4px auto 0}.explore-card .notation{min-height:0}[hidden]{display:none!important}button.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--on-accent);box-shadow:0 4px 14px var(--accent-soft);border-color:#0000}button.primary:hover:not(:disabled){background:linear-gradient(135deg, var(--accent), var(--accent-2));filter:brightness(1.08)}.button-link.light{background:var(--surface);color:var(--text);border:1px solid var(--border-strong)}.button-link.light:hover{background:var(--surface-2)}.opening-name{letter-spacing:-.025em;font-family:Inter,Segoe UI Variable Display,Segoe UI,system-ui,sans-serif;font-size:1.3rem;font-weight:800;line-height:1.25}.opening-name .muted{letter-spacing:0;font-size:.9rem;font-weight:500}.rep-layout h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-size:.72rem;font-weight:800}.notation-card.fill h3{text-transform:none;letter-spacing:-.01em;color:var(--text);font-size:1.05rem}.board{box-shadow:var(--shadow-pop);border-radius:12px;overflow:hidden}.board-nav{border-color:var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:12px}.board-nav button{color:var(--text);border-radius:0}.board-nav button+button{border-left:1px solid var(--border)}.board-nav button:hover:not(:disabled){background:var(--surface-2)}.board-nav button:active:not(:disabled){background:var(--surface-3)}.board-nav button:disabled{color:var(--text-faint)}.segmented{border-radius:11px;padding:3px}.segmented button{border-radius:8px;padding:5px 9px;font-weight:600}.segmented button:hover:not(:disabled){color:var(--text);background:0 0}.segmented button.active,.segmented button.active:hover{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000002e}:root[data-theme=dark] .segmented button.active,:root[data-theme=dark] .segmented button.active:hover{background:var(--surface-3)}.dot{border-color:var(--text-3)}.dot.white{background:#fff}.dot.black{background:#14161c}.tree-row.opening.active{box-shadow:0 4px 14px var(--accent-soft)}.tree-row.opening.active .count,.tree-row.opening.active .icon-btn:hover{color:var(--on-accent);background:#fff3}.tree-row.opening.active .icon-btn{color:#ffffffbf}.tree-row.opening.active .tree-main svg{color:var(--on-accent)}.tree-main:hover,.tree-add:hover,.icon-btn:hover{background:0 0}.tree-row .icon-btn:hover{background:var(--surface-3)}.engine-move{color:var(--text);font-weight:400}.engine-move:hover:not(:disabled){background:var(--surface-2)}.engine-move.saved{border-color:var(--accent);background:var(--accent-soft)}.engine-move .score{color:var(--text);font-weight:700}.notation{color:var(--text)}.nmove{color:inherit;font-weight:inherit;transition:none}.nmove:hover:not(:disabled){background:var(--surface-3)}.nmove.current,.nmove.current:hover{background:var(--accent);color:var(--on-accent);box-shadow:0 2px 10px var(--accent-soft);outline:none}.nbox{border-color:var(--border-strong);background:var(--surface)}.nbox:hover,.nbox.open{border-color:var(--accent)}.nchev{color:var(--text-3)}.nchev:hover:not(:disabled){color:var(--accent);background:0 0}.vline{color:var(--text-2)}.ncomment{color:var(--good)}.tag{color:var(--warn);font-weight:600}.tool-strip{border-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.tool{color:var(--text-2);border-color:#0000}.tool:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.tool.lit{background:var(--accent-soft);color:var(--accent)}.tool.open,.tool.open:hover{background:var(--accent);color:var(--on-accent)}.tool.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger);border-color:#0000}.tool-tip{background:var(--tip-bg);color:#fff;font-weight:500}.tool-panel{box-shadow:var(--shadow-pop)}.glyph.active,.glyph.active:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.stats dd{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800}.stats dt{letter-spacing:.08em;font-weight:700}.practice-message{letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.practice-bar .buttons button{padding:8px 16px}.solution-line{font-size:1.05rem;font-weight:700}.player-bar strong{font-weight:700}.player-clock{background:var(--surface-3);color:var(--text);border-radius:8px;font-weight:700}.count{font-weight:700}.settings-link,.icon-link{width:36px;height:36px;color:var(--text-2);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;margin-left:0;padding:0;display:inline-flex}.settings-link:hover,.icon-link:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.settings-link.active{background:var(--accent);color:var(--on-accent)}.page-title{letter-spacing:-.03em;font-size:1.6rem;font-weight:800}table.games tr.clickable:hover,table.games tr.clickable:focus-visible{background:var(--surface-2)}.card.empty{color:var(--text-2)}::selection{background:var(--accent-soft)}.tree-main,.tree-add{font-weight:inherit}.nmove.crit-opening,.tool-text.crit-opening{color:var(--crit-opening)}.nmove.crit-middlegame,.tool-text.crit-middlegame{color:var(--crit-middlegame)}.nmove.crit-endgame,.tool-text.crit-endgame{color:var(--crit-endgame)}.nmove[class*=crit-]{font-weight:800}.nmove.current[class*=crit-]{color:var(--on-accent)}.tool.lit .tool-text[class*=crit-]{text-underline-offset:3px;text-decoration:underline}.analysis-home{max-width:1440px;margin:0 auto}.analysis-home .section-title{letter-spacing:-.01em;margin:22px 0 10px;font-weight:800}.card.report{margin-bottom:8px}.card.report h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin:0;font-size:.72rem;font-weight:800}.chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip{background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:3px 10px;font-size:.85rem}.chip strong{color:var(--text)}.chip.me{background:var(--warn-soft)}.chip.opponent{background:var(--accent-soft)}.chip.in_prep{background:var(--good-soft)}.table-wrap.flat{box-shadow:none;margin-bottom:8px}.notice{background:var(--warn-soft);color:var(--text);border-radius:10px;margin:0 0 10px;padding:8px 12px;font-size:.85rem}.dev-me{color:var(--warn)}.dev-opponent{color:var(--accent)}.prep-card .finding+.finding,.prep-card p+.finding{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.prep-card p{margin:0;line-height:1.5}.prep-card .buttons{gap:6px;margin-top:8px}.prep-card .buttons button,.prep-card .buttons .button-link{padding:4px 10px;font-size:.82rem}.prep-card .notice{margin:10px 0 0}.nbadge{vertical-align:middle;white-space:nowrap;border-radius:999px;margin-right:4px;padding:0 7px;font-size:.68rem;font-weight:700;line-height:1.7;display:inline-block}.nbadge.warn{background:var(--warn-soft);color:var(--warn)}.nbadge.info{background:var(--accent-soft);color:var(--accent)}.nbadge.muted{background:var(--surface-3);color:var(--text-3)}.lab-book,.lab-forced{color:var(--text-3)}.lab-best,.lab-excellent{color:var(--good)}.lab-good{color:color-mix(in srgb, var(--good) 65%, var(--text-3))}.lab-great{color:var(--accent)}.lab-inaccuracy{color:var(--lab-inaccuracy)}.lab-mistake{color:var(--lab-mistake)}.lab-missed_win{color:var(--lab-missed)}.lab-blunder{color:var(--danger)}.label-icon{align-items:center;font-weight:800;line-height:1;display:inline-flex}.ntoken>.label-icon{vertical-align:middle;margin:0 3px 0 1px;font-size:.86em}.label-chip{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:999px;align-items:center;gap:6px;padding:3px 11px;font-size:.85rem;font-weight:700;display:inline-flex}.label-chip.plain{background:var(--surface-3);color:var(--text-2);font-weight:600}.move-header{border-bottom:1px solid var(--border);flex:none;min-height:86px;margin-bottom:10px;padding-bottom:10px}.move-header-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.move-header-move{letter-spacing:-.025em;font-size:1.35rem;font-weight:800}.move-header-text{color:var(--text-2);margin:6px 0 0;font-size:.9rem;line-height:1.45}.move-header-text button{margin-left:4px;padding:3px 10px;font-size:.82rem}.move-header-prep{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 6px 6px 0;margin:6px 0 0;padding:4px 10px;font-size:.85rem}.analysis-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.analysis-heading .page-title{margin-bottom:5px}.analysis-heading p{margin:0}.analysis-heading>button{flex-shrink:0;padding:10px 16px}.library{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:22px;display:grid}.candidates{margin-bottom:22px}.candidates-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:10px;display:flex}.candidates-head h3{margin:0;font-size:1rem}.candidate-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.candidate{flex-direction:column;gap:8px;display:flex}.candidate-title{flex-wrap:wrap;align-items:center;gap:4px 10px;font-weight:650;display:flex}.candidate-title .muted{font-weight:400}.candidate ul{color:var(--text-2);margin:0;padding-left:18px;font-size:.9rem}.candidate p{margin:0}.candidate .buttons{margin-top:auto;padding-top:4px}.library-nav{box-shadow:none;gap:3px;padding:12px;display:grid}.library-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);padding:8px 10px;font-size:.7rem;font-weight:800}.library-section-head{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;display:flex}.library-section-head .icon-btn{font-size:1.25rem}.lib-item{width:100%;min-width:0;color:var(--text-2);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;padding:10px;font-weight:600;display:flex}.lib-item>svg{color:var(--text-3);flex-shrink:0}.lib-item:hover:not(:disabled),.lib-row:hover{background:var(--surface-2)}.lib-name{overflow-wrap:anywhere;flex:1;min-width:0}.lib-item.active,.lib-folder.active>.lib-row{background:var(--accent-soft);color:var(--accent)}.lib-item.active>svg,.lib-folder.active .lib-item,.lib-folder.active .lib-item>svg{color:var(--accent)}.lib-item.active:hover:not(:disabled){background:var(--accent-soft)}.lib-row{border-radius:9px;align-items:center;display:flex}.lib-row .lib-item:hover:not(:disabled){background:0 0}.lib-row .count{font-size:.72rem}.lib-row .lib-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-menu-toggle{color:var(--text-3);flex-shrink:0;margin-right:4px}.folder-actions{gap:2px;padding:4px 8px 7px;display:grid}.folder-actions button{text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;font-size:.82rem;display:flex}.lib-edit{background:var(--surface-2);border-radius:10px;gap:6px;margin:4px 0;padding:8px;display:grid}.lib-edit input{width:100%;min-width:0;padding:7px 9px}.lib-edit .buttons{gap:5px;margin:0}.lib-edit button{padding:5px 9px;font-size:.8rem}.lib-empty{margin:3px 10px 10px;line-height:1.5}.library-prep-link{border-top:1px solid var(--border);color:var(--text-3);justify-content:space-between;margin-top:18px;padding:14px 10px 4px;font-size:.8rem;text-decoration:none;display:flex}.library-prep-link:hover{color:var(--accent)}.library-main{min-width:0;padding:0;overflow:hidden}.library-heading{padding:22px 24px 14px}.library-heading h2{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:1.3rem;display:flex}.library-heading h2>svg{color:var(--accent)}.library-heading .count{letter-spacing:0;font-size:.78rem}.library-heading p{margin:5px 0 0}.library-main>.error,.library-main>.muted{margin:12px 24px}.library-main>.new-analysis{box-shadow:none;background:var(--surface-2);margin:0 24px 16px}.library-filters{flex-wrap:wrap;align-items:center;gap:8px;padding:0 24px 18px;display:flex}.library-filters select{max-width:100%;padding:7px 10px;font-size:.85rem}.library-game-count{margin-left:auto}.library-table{border:0;border-top:1px solid var(--border);box-shadow:none;border-radius:0;margin:0}table.analysis-games th{background:var(--surface-2);padding:11px 16px}table.analysis-games td{padding:14px 16px}table.analysis-games th:first-child,table.analysis-games td:first-child{padding-left:24px}.game-matchup{min-width:190px}.game-matchup>div{align-items:center;gap:8px;line-height:1.65;display:flex}.game-matchup .me{font-weight:750}.game-matchup .dot{flex:0 0 9px;width:9px;height:9px}.game-matchup .saved-analysis-label{padding-left:17px}.game-result{background:var(--surface-2);color:var(--text-2);border-radius:6px;padding:4px 9px;font-size:.78rem;font-weight:750;display:inline-block}.game-result.win{background:var(--good-soft);color:var(--good)}.game-result.loss{background:var(--danger-soft);color:var(--danger)}.game-result.unfinished{color:var(--text-3)}.library-empty{text-align:center;border-top:1px solid var(--border);justify-items:center;padding:48px 24px 64px;display:grid}.library-empty-symbol{color:var(--text-faint);font-size:2.4rem}.library-empty h3{margin:12px 0 6px;font-size:1rem}.library-empty p{max-width:360px;color:var(--text-3);margin:0;font-size:.88rem;line-height:1.6}.library-more{margin:14px 24px}.prep-report-details{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.prep-report-details>summary{cursor:pointer;color:var(--text-2)}.prep-report-details>summary>span{margin-left:12px;display:inline-block}.prep-report-details .card.report{box-shadow:none;border:0;border-radius:0;padding:12px 0 0}@media (width<=1000px){.library{grid-template-columns:208px minmax(0,1fr);gap:14px}.library-heading{padding:18px 18px 12px}.library-filters{padding-left:18px;padding-right:18px}}@media (width<=760px){.analysis-heading{align-items:flex-start;gap:12px}.analysis-heading p{font-size:.85rem}.analysis-heading>button{padding:8px 11px}.candidate-pair,.library{grid-template-columns:1fr}.library-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.library-section-label,.library-section-head,.lib-edit,.lib-empty,.library-prep-link,.lib-folder,.library-nav .review-later{grid-column:1/-1}.library-section-head{margin-top:5px}.library-prep-link{margin-top:6px}.library-game-count{margin-left:0}}@media (width<=400px){.library-nav{grid-template-columns:1fr}.analysis-heading{flex-wrap:wrap}}.filing{align-items:center;gap:6px;display:inline-flex}.flag-btn{color:var(--text-faint);background:0 0;border-color:#0000;align-items:center;gap:6px;padding:4px 7px;font-size:.85rem;display:inline-flex}.flag-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.flag-btn.on,.flag-btn.on:hover:not(:disabled){color:var(--lab-mistake)}.folder-select{max-width:150px;color:var(--text-2);padding:3px 6px;font-size:.82rem}.game-filing{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.game-filing .flag-btn{border-color:var(--border-strong);color:var(--text-2);padding:5px 11px}.game-filing .flag-btn.on{border-color:var(--lab-mistake);background:color-mix(in srgb, var(--lab-mistake) 12%, transparent);color:var(--lab-mistake)}.game-filing .flag-btn.reviewed.on{border-color:var(--good);background:var(--good-soft);color:var(--good)}.guided-entry{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.guided-entry p{margin:8px 0 0}.guided-list{gap:8px;margin:8px 0;padding-left:22px;display:grid}.guided-list.revealed{gap:14px}.guided-list.revealed li.on{outline:2px solid var(--accent-soft);outline-offset:4px;border-radius:6px}.guided-list textarea{box-sizing:border-box;resize:vertical;width:100%;margin-top:6px}.guided-head{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.guided-head button.link{color:var(--text);cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.guided-head .score{font-variant-numeric:tabular-nums;color:var(--text-2)}.guided-result p{margin:4px 0 0}.guided-end .card{margin-top:12px}.stats-page{max-width:1400px}.stats-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.stats-bar select{font-weight:600}.segmented.wide-seg{margin-bottom:0;display:flex}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.stat-card.wide{grid-column:1/-1}@media (width<=900px){.stats-grid{grid-template-columns:1fr}}.stat-card h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin:0;font-size:.72rem;font-weight:800}.stat-card .tools-label{margin:14px 0 6px}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px;display:grid}.tiles.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{background:var(--surface-2);border-radius:12px;padding:10px 12px}.tile-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-size:.7rem;font-weight:700}.tile-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800;line-height:1.25}.tile-value.good{color:var(--good)}.tile-value.bad{color:var(--danger)}.tile-sub{color:var(--text-3);font-size:.78rem;line-height:1.35}.wdl{background:var(--surface-3);border-radius:999px;min-width:60px;height:10px;display:flex;overflow:hidden}.wdl .w{background:var(--good)}.wdl .d{background:var(--text-faint)}.wdl .l{background:var(--danger)}.stat-table{border-collapse:collapse;width:100%;font-size:.9rem}.stat-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);text-align:left;white-space:nowrap;padding:4px 8px;font-size:.68rem;font-weight:700}.stat-table td{border-top:1px solid var(--border);padding:6px 8px}.stat-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.stat-table .strong{font-weight:700}.stat-table .up{color:var(--good)}.stat-table .down{color:var(--danger)}.stat-table .bar-cell{width:34%}.stat-table .stat-name{font-weight:600}.stat-table tr.thin td{color:var(--text-faint)}.stat-table tr.thin .wdl{opacity:.45}.stat-table tr.pick{cursor:pointer}.stat-table tr.pick:hover td{background:var(--surface-2)}.stat-sub{border-left:2px solid var(--accent);margin:4px 0 8px 12px;padding-left:12px}.notice.coverage{margin:12px 0 0}.notice.coverage button{margin-left:6px;padding:3px 10px;font-size:.82rem}.chip-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chip-btn{border-radius:999px;padding:3px 11px;font-size:.82rem}.chip-btn.active,.chip-btn.active:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip-btn.active .muted{color:#ffffffbf}.rating-chart svg{width:100%;height:170px;display:block}.rating-chart .line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.rating-chart .area{fill:var(--accent-soft);stroke:none}.rating-chart .dot-end{fill:var(--accent)}.chart-axis{color:var(--text-3);justify-content:space-between;font-size:.78rem;display:flex}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (width<=700px){.two-col{grid-template-columns:1fr}}.meter-row{grid-template-columns:110px 1fr 48px;align-items:center;gap:10px;padding:4px 0;font-size:.9rem;display:grid}.meter-row .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.meter{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.meter>span{background:var(--accent);border-radius:999px;height:100%;display:block}.bars{align-items:flex-end;gap:8px;height:130px;padding-top:18px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;min-width:0;height:100%;display:flex}.bar{background:linear-gradient(180deg, var(--accent-2), var(--accent));border-radius:6px 6px 2px 2px;width:100%;max-width:44px}.bar-value{font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.bar-key{color:var(--text-3);white-space:nowrap;font-size:.72rem}.label-bar{border-radius:999px;height:12px;margin:4px 0 8px;display:flex;overflow:hidden}.label-bar>span{background:currentColor}.label-legend{color:var(--text-2);flex-wrap:wrap;gap:4px 16px;font-size:.85rem;display:flex}.label-legend>span{align-items:center;gap:5px;display:inline-flex}.stat-foot{color:var(--text-2);margin:10px 0 0}.board{position:relative}.promotion{z-index:20;background:#00000059;place-items:center;display:grid;position:absolute;inset:0}.promotion-box{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-pop);justify-items:center;gap:8px;padding:12px 14px;display:grid}.promotion-choices{gap:6px;display:flex}.promotion-choices button{width:56px;height:56px;padding:0;font-size:2.2rem;line-height:1}.promotion-choices button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.puzzle-feedback{align-items:center;gap:6px;margin-top:10px;display:flex}.vote{color:var(--text-3);padding:5px 9px;display:inline-flex}.vote.up.on,.vote.up.on:hover{border-color:var(--good);background:var(--good-soft);color:var(--good)}.vote.down.on,.vote.down.on:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.player-accuracy{background:var(--accent-soft);color:var(--accent);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 8px;font-size:.82rem;font-weight:700}.nav-drop{display:flex;position:relative}.nav-menu{z-index:60;border:1px solid var(--border);background:var(--surface);min-width:180px;box-shadow:var(--shadow-pop);border-radius:12px;padding:5px;display:none;position:absolute;top:100%;left:0}.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{gap:2px;display:grid}.nav-menu a{white-space:nowrap}.nav-menu a:hover{background:var(--surface-2)}.practice-pick{gap:4px;margin-bottom:12px;display:grid}.practice-pick .panel-head h2{margin:0}.practice-pick .buttons{margin-top:0}.practice-opening{background:var(--surface-2);text-align:left;border-color:#0000;align-items:center;gap:10px;width:100%;padding:9px 12px;display:flex}.practice-opening:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.elo-ask{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.elo-ask input{width:6em}.elo-ask .muted{flex-basis:100%}.tablebase{margin:0 0 8px}.engine-move .tb{background:var(--surface-3);border-radius:4px;margin-right:6px;padding:0 5px;font-size:.7rem;font-weight:700}.engine-move .tb-win{color:var(--success,#22c55e)}.engine-move .tb-loss{color:var(--danger)}.tree-filing{align-items:center;gap:6px;margin:4px 0 6px;display:flex}.tree-filing select{flex:1;min-width:0}.tree-filing button{padding:3px 8px;font-size:.8rem}.puzzle-rating{margin:10px 0 0}.title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.new-analysis{gap:8px;margin-bottom:16px;display:grid}.new-analysis textarea{font:inherit;border:1px solid var(--border-strong);resize:vertical;border-radius:6px;padding:6px 8px}.new-analysis .row{justify-content:space-between;align-items:center;gap:8px;display:flex}.segmented.source-tabs{grid-template-columns:1fr 1fr;margin-bottom:8px}.play-setup{gap:12px;max-width:420px;display:grid}.play-setup p{margin:0}.segmented.play-color{grid-template-columns:1fr 1fr 1fr}.play-board-with-eval{grid-template-columns:minmax(0,1fr) 30px;align-items:stretch;gap:10px;display:grid}.play-board-surface{min-width:0}.evaluation-bar{background:#222630;border:1px solid #69717f;border-radius:7px;min-height:0;position:relative;overflow:hidden}.evaluation-white{background:#f2f3f5;width:100%;transition:height .45s;position:absolute}.evaluation-score{color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;background:#222630;border-radius:4px;padding:4px 6px;font-size:11px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.evaluation-unknown{opacity:.55}@media (prefers-reduced-motion:reduce){.evaluation-white{transition:none}}.endgames-library{max-width:1220px;margin:24px auto}.endgames-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.endgames-heading p{margin:8px 0 0}.endgame-progress{text-align:right;white-space:nowrap;font-size:1.6rem;font-weight:800}.endgame-progress>span{color:var(--text-3);font-size:.75rem;font-weight:500;display:block}.endgame-material{color:var(--text-3);letter-spacing:.055em;text-transform:uppercase;font-size:.76rem;font-weight:700;display:block}.endgame-layout{grid-template-columns:270px minmax(340px,1fr) minmax(260px,340px)}.endgame-back{margin-bottom:22px}.endgame-goal h2{margin:8px 0;font-size:1.35rem}.endgame-goal p{line-height:1.55}.endgame-tip{border-left:3px solid var(--accent);color:var(--text-2);padding-left:12px;font-size:.9rem}.endgame-guidance p{margin-bottom:0}.endgame-moves{min-height:260px}.endgame-result{border-color:var(--border-strong)}.endgame-result.success{border-color:var(--good);background:color-mix(in srgb, var(--good-soft) 35%, var(--surface))}.endgame-result h2{margin:8px 0;font-size:1.35rem}.endgame-result p{line-height:1.55}@media (width<=1180px){.endgame-layout{grid-template-columns:250px minmax(300px,1fr);grid-template-areas:".name""side board""notes notes"}}@media (width<=900px){main>header>nav{flex-wrap:wrap;flex-basis:100%;order:3;min-width:0}main>header>nav a{padding:6px 10px}}@media (width<=720px){.endgame-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"name""side""board""notes"}.endgame-layout .rep-board,.endgame-layout .opening-name{max-width:100%}.endgame-layout .rep-notes{margin-top:0}.endgames-heading{align-items:flex-start;gap:12px}.endgames-heading .page-title{font-size:1.6rem}.endgame-progress{font-size:1.1rem}.endgame-progress>span{white-space:normal;max-width:85px}}.builder-layout{grid-template-columns:min(var(--folder-width,360px), 38vw) minmax(330px, 1fr) minmax(340px, 400px)}.builder-side.card{flex-direction:column;gap:0;height:max(540px,100dvh - 170px);padding:0;display:flex;position:relative}.builder-side-tabs{border-bottom:1px solid var(--border);gap:12px;padding:8px 12px 0;display:flex}.builder-side-tabs button{color:var(--text-2);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:10px}.builder-side-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.builder-side-panel{flex:1;min-height:0;display:flex}.builder-side-panel[hidden]{display:none}.builder-engine-panel{padding:12px;overflow:auto}.builder-engine-panel>.card{box-shadow:none;border:0;padding:0}.builder-side-resize{cursor:col-resize;touch-action:none;background:0 0;border:0;width:9px;padding:0;position:absolute;top:0;bottom:0;right:-12px}.builder-side-resize:hover,.builder-side-resize:focus-visible{background:var(--accent-soft)}.repertoire-browser{flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;padding:14px 12px 10px;display:flex}.folder-browser-head,.folder-browser-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.folder-browser-head .icon-btn{width:28px;height:28px;font-size:24px}.folder-colors{background:var(--surface-2);border-radius:8px;gap:4px;padding:3px;display:flex}.folder-colors button{color:var(--text-2);background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.folder-colors button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0001}.folder-search{align-items:center;gap:4px;display:flex}.folder-search input{width:100%;min-width:0;font-size:.83rem}.folder-scroll{scrollbar-gutter:stable;flex:1;min-height:0;padding:0 2px 8px;overflow:auto}.repertoire-browser .tree-row{min-height:36px;margin-bottom:2px}.repertoire-browser .tree-main{gap:7px;padding:8px 4px}.repertoire-browser .tree-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.repertoire-browser .count{flex:none;margin-left:0}.folder-chevron{width:22px;color:var(--text-3);background:0 0;border:0;flex:none;padding:4px 0}.repertoire-browser .selected-folder{background:var(--accent-soft)}.folder-menu-wrap{flex:none;margin:0 3px;position:relative}.row-menu-button{color:var(--text-3);font-size:22px}.folder-row-menu{z-index:50;background:var(--surface);width:190px;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:5px;position:fixed;box-shadow:0 8px 24px #0002}.folder-row-menu button{text-align:left;background:0 0;border:0;width:100%;padding:8px;font-size:.8rem;display:block}.folder-row-menu button:hover{background:var(--surface-2)}.folder-row-menu button.danger{color:var(--danger)}.folder-add-opening{color:var(--text-3);background:0 0;border:0;padding:7px 4px;font-size:.77rem}.folder-editor{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;gap:8px;padding:10px;display:grid}.folder-editor label{overflow-wrap:anywhere;gap:7px;font-size:.77rem;display:grid}.folder-editor input,.folder-editor select{width:100%;min-width:0}.folder-editor .buttons{flex-wrap:wrap;gap:6px}.folder-editor button,.folder-browser-foot button{font-size:.78rem}.folder-browser-foot{border-top:1px solid var(--border);padding-top:10px}.folder-empty{padding:12px 4px}.new-opening-help{padding:4px 0 12px;line-height:1.6}@media (width<=1280px){.builder-layout{grid-template-columns:min(var(--folder-width,360px), 42vw) minmax(300px, 1fr);grid-template-areas:".name""side board""notes notes"}.builder-layout .rep-notes{margin-top:12px}}@media (width<=760px){.builder-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"name""board""side""notes"}.builder-side.card{height:480px}.builder-side-resize{display:none}.builder-layout .rep-notes{margin-top:0}}.repertoire-browser .opening-drag-source{cursor:grab}.repertoire-browser .opening-drag-source:active{cursor:grabbing}.repertoire-browser .opening-drag-source:disabled{cursor:default}.opening-grip{opacity:.45;flex:none}.repertoire-browser .tree-row:hover .opening-grip{opacity:.85}.repertoire-browser .dragging-opening{opacity:.45}.repertoire-browser .opening-drop-target{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)}.opening-drag-active .tree-row.folder{transition:background .12s}.repertoire-browser .opening-drag-source{touch-action:pan-y;-webkit-user-select:none;user-select:none}.opening-grip{touch-action:none}.opening-drag-preview{z-index:100;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:var(--surface);max-width:220px;color:var(--text);border:1px solid var(--accent);border-radius:7px;align-items:center;gap:8px;padding:9px 12px;font-size:.8rem;display:flex;position:fixed;overflow:hidden;box-shadow:0 6px 20px #0003}.opening-drag-preview .dot{flex:none}.game-accuracies{font-variant-numeric:tabular-nums;min-width:74px}.game-accuracies>div{align-items:center;gap:8px;line-height:1.65;display:flex}.game-accuracies .dot{flex:0 0 9px;width:9px;height:9px}.play-accuracy h3{margin-bottom:14px}.play-accuracy-sides{gap:12px;display:grid}.play-accuracy-sides>div{align-items:center;gap:8px;display:flex}.play-accuracy-sides strong{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.3rem}.play-accuracy p{margin:0 0 8px}@media (width<=700px){.play-layout.finished{grid-template-areas:"name""board""side""notes"}}.sign-in-page{place-items:center;min-height:100vh;padding:24px;display:grid}.sign-in{text-align:center;justify-items:center;gap:12px;width:min(420px,100%);display:grid}.sign-in h1{margin:0;font-size:1.4rem}.sign-in p{margin:0}.sign-in input{box-sizing:border-box;width:100%}.card.you{justify-content:space-between;align-items:center;gap:12px;display:flex}.people{gap:12px;display:grid}.people-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.people-list li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.people-add,.invite-row{gap:8px;display:flex}.people-add input,.invite-row input{flex:1;min-width:0}.invite{background:var(--surface-2);border-radius:10px;gap:8px;padding:12px;display:grid}.invite p{margin:0}.endgame-add-button{margin-top:4px}.endgame-add{gap:8px;max-width:640px;display:grid}.endgame-add .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.endgame-facts{gap:4px;margin:10px 0;display:grid}.endgame-facts>div{justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.endgame-facts dt{color:var(--text-3)}.endgame-facts dd{margin:0;font-weight:600}.endgame-goal .button-link,.endgame-remove{margin-top:10px;display:inline-block}.endgame-claim{background:color-mix(in srgb, var(--good-soft) 45%, var(--surface));border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:8px 0;padding:10px 12px;display:flex}.endgame-nav{margin-top:6px}.endgame-group{margin-bottom:26px}.endgame-group .section-title{margin-bottom:10px}.endgame-tiles{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.endgame-tile{text-align:left;cursor:pointer;align-items:center;gap:14px;margin:0;padding:12px 14px;display:flex}.endgame-tile:hover{border-color:var(--accent)}.endgame-tile.complete{border-color:color-mix(in srgb, var(--good) 55%, var(--border))}.endgame-tile-copy{flex:1;gap:5px;min-width:0;display:grid}.endgame-tile-copy strong{font-size:1rem;line-height:1.25}.piece-box{border:1px solid var(--border-strong);background:var(--sq-light);border-radius:14px;flex:0 0 68px;place-content:center;gap:1px;width:68px;height:68px;display:grid;overflow:hidden}.piece-row{flex-wrap:wrap;justify-content:center;max-width:64px;display:flex}.piece-box .piece{width:52px;height:52px;display:block}.piece-box.crowded .piece{width:30px;height:30px}.piece-box.packed .piece{width:21px;height:21px}.endgame-bar{background:var(--surface-2);border-radius:999px;height:5px;overflow:hidden}.endgame-bar>span{background:var(--good);height:100%;display:block}.endgame-pips{flex-wrap:wrap;gap:4px;max-height:88px;margin:8px 0 4px;padding:3px;display:flex;overflow-y:auto}.endgame-pips .pip{border:1px solid var(--border);background:var(--surface-2);min-width:24px;height:24px;color:var(--text-3);cursor:pointer;border-radius:6px;padding:0 4px;font-size:.72rem;font-weight:700;line-height:1}.endgame-pips .pip.assisted{background:var(--warn-soft);color:var(--text-2)}.endgame-pips .pip.complete{background:var(--good-soft);color:var(--good);border-color:color-mix(in srgb, var(--good) 45%, var(--border))}.endgame-pips .pip.current{outline:2px solid var(--accent);outline-offset:1px;color:var(--text)}.train-page{max-width:880px}.train-modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px;display:grid}.train-mode{color:var(--text);flex-direction:column;gap:6px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.train-mode:hover{border-color:var(--accent);transform:translateY(-1px)}.train-mode-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;display:flex}.train-mode .tag{background:var(--surface-2);color:var(--text-3);padding:1px 8px}.train-mode .tag.ranked{background:var(--accent-soft);color:var(--accent)}.train-mode-due{color:var(--accent);margin-top:auto;font-weight:650}@media (width<=860px){.train-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}.skill-overall{align-items:center;gap:18px;margin-bottom:22px;display:flex}.skill-overall .skill-rating{font-size:2.2rem}.skill-overall p{margin:4px 0 0}.skill-group{margin-bottom:20px}.skill-list{gap:8px;display:grid}.skill-row{grid-template-columns:minmax(0,1fr) auto 5ch;align-items:center;gap:14px;margin:0;padding:10px 14px;display:grid}.skill-rating{font-variant-numeric:tabular-nums;text-align:right;font-size:1.15rem;font-weight:800}.rating-changes{gap:6px;margin:10px 0;padding:0;list-style:none;display:grid}.rating-changes li{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.rating-changes em{font-style:normal;font-weight:700}.rating-changes em.up{color:var(--good)}.rating-changes em.down{color:var(--danger)}.account-controls{gap:20px;display:grid}.account-control-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.account-control-row p{max-width:660px;margin:6px 0 0}.account-control-row>button,.account-link{flex-shrink:0}.account-link{border:1px solid var(--border);color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:9px 16px;font-weight:700;text-decoration:none;display:inline-flex}.account-link:hover{background:var(--surface-2)}.account-link.primary{background:var(--accent);color:var(--on-accent,white);border-color:var(--accent)}.account-delete{border-top:1px solid var(--border);gap:12px;padding-top:16px;display:grid}.account-delete input{max-width:300px}.account-actions{gap:10px;display:flex}.invite-sign-in{width:100%}.invite-sign-in summary{cursor:pointer;color:var(--text-3);padding:10px 0}.invite-sign-in input{margin:8px 0 12px}@media (width<=650px){.account-control-row{flex-direction:column;align-items:flex-start;gap:12px}.account-actions{flex-wrap:wrap}}.account-link[aria-disabled=true]{pointer-events:none;opacity:.5}.native-sign-in,.credential-form{text-align:left;gap:14px;width:100%;display:grid}.native-sign-in label,.credential-form label,.chesscom-connect-form label{color:var(--text-2);gap:6px;font-weight:650;display:grid}.credential-form{max-width:520px;margin-top:16px}.credential-form input{box-sizing:border-box;width:100%}.native-sign-in button{width:100%}.account-text-button{color:var(--accent);background:0 0;border-color:#0000}.chesscom-connect-form{align-items:end;gap:12px;margin-top:16px;display:flex}.chesscom-connect-form label{flex:1}@media (width<=650px){.card.you{flex-wrap:wrap}.chesscom-connect-form{flex-direction:column;align-items:stretch}}.auth-switch{color:var(--text-2);margin:16px 0 4px}.auth-switch a{color:var(--accent);font-weight:750;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.topbar-auth{align-items:center;gap:12px;display:flex}.topbar-auth a{white-space:nowrap;font-weight:750;text-decoration:none}.auth-sign-in{color:var(--text-2)}.auth-sign-up{color:var(--on-accent,white);background:var(--accent);border-radius:8px;padding:9px 16px}.auth-sign-up:hover{filter:brightness(1.08)}