:root{--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-s: 6px;--radius: 10px;--radius-l: 14px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .12);--shadow-md: 0 6px 18px -6px rgba(0, 0, 0, .35);--board-h: 514px;color-scheme:dark;--bg: #171614;--surface: #201e1b;--surface-2: #2a2824;--border: #36322d;--border-strong: #4a453e;--text: #ece7e0;--muted: #a69d90;--accent: #86b056;--accent-strong: #a7cc79;--light-sq: #8faa68;--dark-sq: #66794a;--color-best: #3fb950;--color-good: #56d364;--color-inaccuracy: #d29922;--color-mistake: #f0883e;--color-blunder: #f85149;--coord-on-light: #46522b;--coord-on-dark: #e2edc4;--hl-last: rgba(243, 193, 58, .85);--hl-move-dot: rgba(0, 0, 0, .4);--hl-arrow: rgba(0, 0, 0, .4)}:root[data-theme=dark]{color-scheme:dark;--bg: #171614;--surface: #201e1b;--surface-2: #2a2824;--border: #36322d;--border-strong: #4a453e;--text: #ece7e0;--muted: #a69d90;--accent: #86b056;--accent-strong: #a7cc79;--light-sq: #8faa68;--dark-sq: #66794a;--color-best: #3fb950;--color-good: #56d364;--color-inaccuracy: #d29922;--color-mistake: #f0883e;--color-blunder: #f85149;--coord-on-light: #46522b;--coord-on-dark: #e2edc4;--hl-last: rgba(243, 193, 58, .85);--hl-move-dot: rgba(0, 0, 0, .4);--hl-arrow: rgba(0, 0, 0, .4)}:root[data-theme=light]{color-scheme:light;--bg: #f4f2ec;--surface: #ffffff;--surface-2: #f0eee7;--border: #ddd9cd;--border-strong: #beb7a8;--text: #26241f;--muted: #6f685c;--accent: #4a7a26;--accent-strong: #3c651e;--light-sq: #f0d9b5;--dark-sq: #b58863;--color-best: #1a7f37;--color-good: #2da44e;--color-inaccuracy: #9a6700;--color-mistake: #bc4c00;--color-blunder: #cf222e;--coord-on-light: #6b4f2f;--coord-on-dark: #fff1dc;--hl-last: rgba(190, 130, 0, .65);--hl-move-dot: rgba(60, 45, 20, .45);--hl-arrow: rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: no-preference){*,*:before,*:after{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease}}#app{max-width:1000px;margin:0 auto;padding:24px 20px 40px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.brand-text h1{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}.brand-text p{margin:2px 0 0;font-size:13px;color:var(--muted)}.theme-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;cursor:pointer;background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle svg{width:20px;height:20px}.icon-sun{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.icon-moon{fill:currentColor}:root[data-theme=dark] .icon-sun{display:block}:root[data-theme=dark] .icon-moon{display:none}:root[data-theme=light] .icon-sun{display:none}:root[data-theme=light] .icon-moon{display:block}.controls{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-end;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:12px 16px;margin-bottom:18px}.controls .field{display:inline-flex;flex-direction:column;gap:5px}.field-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}select,button{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-s);padding:8px 12px;font-size:14px}select:hover,button:hover:not(:disabled){border-color:var(--accent)}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.controls button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.controls button.primary:hover{background:var(--accent-strong)}.toggle{flex-direction:row;align-items:center;gap:8px;cursor:pointer;user-select:none;font-size:14px;color:var(--text)}.toggle input{accent-color:var(--accent);width:15px;height:15px;margin:0}.main{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.board-wrap{display:flex;flex-direction:column;gap:10px}.side-panel{flex:1;min-width:300px;display:flex;flex-direction:column;gap:16px;height:var(--board-h);overflow:hidden}.board{display:grid;grid-template-columns:repeat(8,64px);grid-template-rows:repeat(8,64px);width:fit-content;position:relative;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md)}svg.arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.square{width:64px;height:64px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.square.light{background:var(--light-sq)}.square.dark{background:var(--dark-sq)}img.piece{width:76%;height:76%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.coord{position:absolute;font-size:11px;font-weight:700;line-height:1;pointer-events:none;user-select:none;opacity:.8}.coord-rank{top:3px;left:4px}.coord-file{bottom:3px;right:4px}.square.light .coord{color:var(--coord-on-light)}.square.dark .coord{color:var(--coord-on-dark)}.square.selected{box-shadow:inset 0 0 0 3px var(--accent)}.square.last-move{box-shadow:inset 0 0 0 3px var(--hl-last)}.square.move-target:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--hl-move-dot);pointer-events:none}.square.arrow-highlight{box-shadow:inset 0 0 0 4px var(--hl-arrow)}.material{display:flex;gap:16px;width:512px;min-height:30px;align-items:center}.material-tray{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:8px}.material-label{flex:none;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.material-icons{display:inline-flex;align-items:center;flex-wrap:wrap;min-height:22px;gap:2px}img.material-icon{width:22px;height:22px;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.status{color:var(--muted);min-height:20px;font-size:14px}.status.thinking{color:var(--accent);font-weight:600}@media (prefers-reduced-motion: no-preference){.status.thinking:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:8px;vertical-align:middle;animation:status-pulse 1s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 16px}.side-panel>.panel:first-child{flex:0 0 auto;max-height:45%;overflow-y:auto}.panel-moves{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.panel-moves .moves{flex:1;min-height:0}.opening{min-height:16px;font-size:12px;font-weight:600;color:var(--accent-strong);line-height:1.4;overflow-wrap:anywhere}.opening.is-open{color:var(--accent-strong)}.opening.is-left{font-style:italic;font-weight:500;color:var(--muted)}.panel h2{margin:0 0 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.feedback{margin:0;line-height:1.6;font-size:15px}.move-token{cursor:pointer;font-weight:600;padding:0 4px;border-radius:4px;white-space:nowrap}.move-token:hover{background:color-mix(in srgb,var(--text) 12%,transparent)}.eval-badge{font-size:.78em;font-weight:500;opacity:.75;margin-left:3px;font-variant-numeric:tabular-nums}.move-token.cat-best{color:var(--color-best)}.move-token.cat-good{color:var(--color-good)}.move-token.cat-inaccuracy{color:var(--color-inaccuracy)}.move-token.cat-mistake{color:var(--color-mistake)}.move-token.cat-blunder,.move-token.cat-allowed_mate,.move-token.cat-missed_mate{color:var(--color-blunder)}.moves{margin:4px 0 0;padding:0;list-style:none;font-size:14px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.move-row{display:flex;align-items:baseline;gap:10px;padding:2px 4px;border-radius:4px}.move-row:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.move-no{color:var(--muted);min-width:22px;text-align:right;flex:none;font-variant-numeric:tabular-nums;user-select:none}.move-san{cursor:pointer;border-radius:4px;padding:0 4px;font-variant-numeric:tabular-nums;font-weight:600}.move-san:hover{background:color-mix(in srgb,var(--text) 12%,transparent)}.move-san.cat-blunder,.move-san.cat-allowed_mate,.move-san.cat-missed_mate{color:var(--color-blunder)}.move-san.cat-mistake{color:var(--color-mistake)}.move-san.cat-inaccuracy{color:var(--color-inaccuracy)}.move-san.cat-good{color:var(--color-good)}.move-san.cat-best{color:var(--color-best)}.overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10}.overlay.hidden{display:none}.overlay-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-md);padding:28px 32px;text-align:center;min-width:280px}.overlay-card h2{margin:0 0 16px;font-size:20px}@media (prefers-reduced-motion: no-preference){.overlay-card{animation:overlay-in .16s ease-out}@keyframes overlay-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}}