:root{--bg: #1f2125;--panel: #2a2d33;--card: #32363d;--line: #3d424b;--text: #e7e9ec;--muted: #9aa0a8;--accent: #6ea8fe;--light: #ebecd0;--dark: #779556;--sel: #f6f669;--last: #cdd26a;--check: #e57373;--best: #2ecc71;--board: min(78vh, 640px)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--line)}.topbar h1{font-size:18px;margin:0}.badge{font-size:11px;background:#444b55;color:#cfd4da;padding:2px 8px;border-radius:10px;vertical-align:middle;margin-left:6px}.engine-status{font-size:13px;color:var(--muted)}.engine-status.ok{color:var(--best)}.layout{display:grid;grid-template-columns:250px auto 320px;gap:18px;padding:18px;align-items:start}.panel{display:flex;flex-direction:column;gap:14px}.info.panel{min-height:0}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px}.card h2{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.card.grow{display:flex;flex-direction:column}.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:12px}.seg button{flex:1;background:transparent;color:var(--text);border:0;padding:8px;cursor:pointer;font-size:14px}.seg button.active{background:var(--accent);color:#11151c;font-weight:600}.field{display:block;margin:12px 0;font-size:13px;color:var(--muted)}.field span{display:block;margin-bottom:6px}.field strong{color:var(--text)}input[type=range]{width:100%;accent-color:var(--accent)}select{width:100%;padding:6px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px}.row{display:flex;gap:8px;margin-bottom:8px}.btn{flex:1;padding:9px;background:#3c4149;color:var(--text);border:1px solid var(--line);border-radius:7px;cursor:pointer;font-size:13px}.btn:hover{background:#464c55}.btn.primary{background:var(--accent);color:#11151c;border-color:var(--accent);font-weight:600}.paste{margin:8px 0;font-size:13px;color:var(--muted)}.paste summary{cursor:pointer;padding:4px 0}.paste textarea{width:100%;margin:8px 0;padding:8px;resize:vertical;box-sizing:border-box;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;font-family:inherit;font-size:13px}.paste-error{color:#e5707e;margin-bottom:8px;font-size:12px}.paste-hint{margin:8px 0 0;font-size:12px;color:var(--muted)}.paste-hint code{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:11px}.drop-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#11151cc7;border:3px dashed var(--accent);border-radius:12px;pointer-events:none}.drop-overlay span{font-size:22px;font-weight:600;color:var(--accent);padding:18px 28px;border:2px dashed var(--accent);border-radius:10px}.toggle{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:14px;cursor:pointer}.toggle input{width:16px;height:16px;accent-color:var(--accent)}.board-wrap{display:flex;align-items:flex-start;justify-content:center;gap:12px;position:relative}.eval-bar{width:22px;height:var(--board);background:#111316;border-radius:5px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.eval-fill{width:100%;background:#f5f5f5;height:50%;transition:height .25s ease}.eval-num{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:10px;font-weight:700;color:#111;mix-blend-mode:difference;color:#fff}.board{width:var(--board);height:var(--board);position:relative}.board-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:6px;overflow:hidden;box-shadow:0 8px 30px #0006}.sq{display:flex;align-items:center;justify-content:center;font-size:calc(var(--board) / 11);line-height:1;cursor:pointer;user-select:none;position:relative}.sq.light{background:var(--light)}.sq.dark{background:var(--dark)}.sq.white-piece{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55)}.sq.black-piece{color:#1a1a1a;text-shadow:0 1px 1px rgba(255,255,255,.25)}.sq.sel{box-shadow:inset 0 0 0 4px var(--sel)}.sq.last{background-image:linear-gradient(#cdd26a8c,#cdd26a8c)}.sq.check{background-image:radial-gradient(circle,rgba(229,115,115,.9),transparent 70%)}.sq.threat{outline:3px solid rgba(231,76,60,.9);outline-offset:-3px;border-radius:2px}.sq.target:after{content:"";position:absolute;width:30%;height:30%;background:#00000047;border-radius:50%}.sq.capture:after{content:"";position:absolute;inset:6%;border:5px solid rgba(0,0,0,.28);border-radius:50%}.piece{line-height:1;pointer-events:none}.coord{position:absolute;font-size:clamp(8px,calc(var(--board) / 52),12px);font-weight:700;line-height:1;pointer-events:none;user-select:none;text-shadow:none}.coord.rank{top:2px;left:3px}.coord.file{bottom:1px;right:3px}.sq.light>.coord{color:var(--dark)}.sq.dark>.coord{color:var(--light)}.arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:#ffaa00d9}.arrow-line{stroke:currentColor;stroke-width:.18;opacity:.9;stroke-linecap:round}.turn-indicator{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:14px;color:var(--muted)}.lines{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.lines li{display:flex;gap:8px;font-size:13px;align-items:baseline}.lines .ev{font-weight:700;min-width:48px;font-variant-numeric:tabular-nums}.lines .ev.pos{color:#7ec699}.lines .ev.neg{color:#e08585}.lines .ev.eq{color:var(--muted)}.lines .pv{color:var(--muted);line-height:1.7}.lines .pvnum{color:var(--muted);opacity:.65;margin-right:1px}.lines .pvm{cursor:pointer;padding:1px 3px;border-radius:4px;color:var(--text)}.lines .pvm:hover{background:var(--accent);color:#0b0d10}.muted{color:var(--muted);font-size:13px}.opening{font-size:14px;font-weight:600;color:var(--accent);line-height:1.4;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.opening .opening-name{flex:1;min-width:0}.eco-code{font-size:11px;font-weight:700;letter-spacing:.03em;background:#444b55;color:#cfd4da;padding:2px 6px;border-radius:6px;font-variant-numeric:tabular-nums;align-self:center}.explorer{margin-top:10px}.opening-search{width:100%;padding:7px 8px;font-size:13px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:7px}.opening-search::placeholder{color:var(--muted)}.explorer-list{list-style:none;padding:0;margin:8px 0 0;max-height:30vh;overflow-y:auto}.explorer-item{display:flex;gap:8px;align-items:baseline;justify-content:space-between;padding:5px 6px;border-radius:6px;cursor:pointer;font-size:13px}.explorer-item:hover{background:#6ea8fe29}.explorer-item .ex-move{font-weight:700;color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}.explorer-item .ex-name{color:var(--muted);text-align:right;line-height:1.3;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;justify-content:flex-end}.explorer-item.search-hit .ex-name{text-align:left;justify-content:flex-start;color:var(--text)}.explorer-empty{padding:6px;font-size:13px;color:var(--muted)}.movenav{display:flex;align-items:center;gap:4px;margin-bottom:10px}.navbtn{flex:1;padding:6px 0;background:#3c4149;color:var(--text);border:1px solid var(--line);border-radius:6px;cursor:pointer;font-size:13px;line-height:1}.navbtn:hover:not(:disabled){background:#464c55}.navbtn:disabled{opacity:.35;cursor:default}.movenav-hint{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.movelist{overflow-y:auto;max-height:40vh;font-size:14px}.move-row{display:grid;grid-template-columns:32px 1fr 1fr;gap:6px;padding:3px 4px;border-radius:4px}.move-row:nth-child(odd){background:#ffffff08}.num{color:var(--muted)}.mv{font-variant-numeric:tabular-nums;cursor:pointer;border-radius:3px;padding:0 3px}.mv:hover{background:#6ea8fe2e}.mv.active{background:var(--accent);color:#11151c}.anno{font-size:11px;margin-left:2px;font-weight:700}.anno.best{color:var(--best)}.anno.excellent{color:#5fd0d0}.anno.good{color:#9aa0a8}.anno.inaccuracy{color:#e5c07b}.anno.mistake{color:#e29a4b}.anno.blunder{color:#e06c75}.review-summary{margin-bottom:10px;font-size:13px}.rev-title{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.05em;margin-bottom:4px}.rev-row{display:grid;grid-template-columns:48px 56px 1fr;align-items:center;gap:6px;padding:3px 0}.rev-side{color:var(--muted)}.rev-acc{font-weight:700;font-variant-numeric:tabular-nums}.rev-chips{display:flex;flex-wrap:wrap;gap:4px}.rc{font-size:11px;font-weight:700;padding:1px 5px;border-radius:8px;background:#ffffff0f}.rc.best{color:var(--best)}.rc.excellent{color:#5fd0d0}.rc.good{color:#9aa0a8}.rc.inaccuracy{color:#e5c07b}.rc.mistake{color:#e29a4b}.rc.blunder{color:#e06c75}.result-banner{background:var(--accent);color:#11151c;font-weight:600;padding:12px;border-radius:8px;text-align:center}.hidden{display:none}@media (max-width: 1080px){.layout{grid-template-columns:1fr}.board-wrap{order:-1}}