:root{--bg:#14161a;--panel:#1d2026;--panel-2:#252932;--border:#333845;--text:#e8eaed;--muted:#9aa3b2;--accent:#6ea8fe;--accent-strong:#3d7bf0;--ok:#5bd18b;--err:#ff7b72;--light-sq:#ebecd0;--dark-sq:#6f8c5a;--highlight:#f6f37155;--arrow:#f6b26be6;--radius:10px;--board-size:min(100vw - 5.5rem, 78vw, 520px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;line-height:1.5}.app{max-width:1080px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.app-header h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.7rem}.tagline{color:var(--muted);max-width:60ch;margin:0}.layout{grid-template-columns:auto 1fr;align-items:start;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width<=760px){.layout{grid-template-columns:1fr}}.board-wrap{align-items:stretch;gap:.6rem;display:flex}.board{width:var(--board-size);height:var(--board-size);border:2px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:6px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:relative;overflow:hidden}.board-arrows{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.board-arrow{stroke:var(--arrow);fill:var(--arrow);stroke-width:.16px;stroke-linecap:round}.square{justify-content:center;align-items:center;display:flex;position:relative}.square.light{background:var(--light-sq)}.square.dark{background:var(--dark-sq)}.square.highlight:after{content:"";background:var(--highlight);position:absolute;inset:0}.coord{font-size:max(calc(var(--board-size) / 40), 9px);pointer-events:none;z-index:1;font-weight:600;line-height:1;position:absolute}.coord-rank{top:4%;left:5%}.coord-file{bottom:4%;right:6%}.square.light .coord{color:var(--dark-sq)}.square.dark .coord{color:var(--light-sq)}.piece{font-size:calc(var(--board-size) / 11);z-index:1;line-height:1;position:relative}.piece.white{color:#fff;text-shadow:0 0 2px #000,0 1px 2px #00000080}.piece.black{color:#111;text-shadow:0 0 1px #ffffff4d}.evalbar{flex-direction:column;align-items:center;gap:.3rem;width:30px;display:flex}.evalbar-track{border:1px solid var(--border);background:#111;border-radius:9px;flex:1;width:18px;position:relative;overflow:hidden}.evalbar-white{background:linear-gradient(#f4f4f4,#cfcfcf);transition:height .25s;position:absolute;bottom:0;left:0;right:0}.evalbar-value{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.75rem;font-weight:600}.turn-indicator{color:var(--muted);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.9rem;display:flex}.turn-indicator .dot{border:1px solid var(--border);border-radius:50%;width:12px;height:12px}.board-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.dot.white{background:#f4f4f4}.dot.black{background:#111}.fen-input{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.fen-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.4rem;font-size:.8rem;display:block}.fen-textarea{resize:vertical;background:var(--panel-2);width:100%;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.6rem .7rem;font-family:SF Mono,ui-monospace,JetBrains Mono,Menlo,Consolas,monospace;font-size:.9rem}.fen-textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.fen-textarea.invalid{border-color:var(--err)}.fen-validation{min-height:1.4rem;margin:.4rem 0;font-size:.85rem}.fen-validation .ok{color:var(--ok)}.fen-validation .err{color:var(--err)}.fen-actions{flex-wrap:wrap;gap:.5rem;display:flex}.fen-notice{color:var(--accent);margin:.6rem 0 0;font-size:.85rem}button{font:inherit;background:var(--panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.45rem .85rem;transition:background .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent)}.examples{margin-top:1rem}.examples-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.8rem}.examples-row{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}button.chip{border-radius:999px;padding:.3rem .75rem;font-size:.85rem}.depth-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0;font-size:.9rem;display:flex}.depth-hint{font-size:.8rem}select{font:inherit;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.35rem .5rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.panel.muted{color:var(--muted)}.panel.error{border-color:var(--err);color:var(--err)}.panel-lead{margin:0}.panel-hint{color:var(--muted);margin:.7rem 0 0;font-size:.8rem}kbd{background:var(--panel-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:.05rem .35rem;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:.85em}.verdict{margin-bottom:.75rem;font-size:1.15rem;font-weight:600}.stats{grid-template-columns:repeat(2,1fr);gap:.5rem 1rem;margin:0 0 1rem;display:grid}.stats>div{flex-direction:column;display:flex}.stats dt{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.72rem}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.bestline-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.35rem;font-size:.72rem}.pv{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;list-style:none;display:flex}.pv li{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:.15rem .45rem}.muted{color:var(--muted)}.spinner{color:var(--muted);align-items:center;gap:.5rem;margin-top:.8rem;font-size:.85rem;display:flex}.spinner .dot{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.spinner .dot{animation:none}.evalbar-white{transition:none}}.app-footer{color:var(--muted);border-top:1px solid var(--border);margin-top:2rem;padding-top:1rem;font-size:.8rem}.app-footer p{max-width:72ch;margin:0 0 .5rem}.app-footer a{color:var(--accent)}@media (width<=480px){.app{padding:1rem .9rem 2rem}.app-header h1{font-size:1.35rem}}