*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-body,"Figtree", sans-serif);color:#1c241c;background:#e7ece4}#root{min-height:100vh}button,input{font:inherit}:root{--ink:#1c241c;--ink-soft:#4a5548;--paper:#e7ece4;--paper-2:#f4f7f1;--leaf:#2f6b4f;--leaf-deep:#1e4a36;--wood:#c4a574;--wood-deep:#8b6914;--danger:#b42318;--line:#1c241c1f;--shadow:0 18px 50px #1e32231f;--font-display:"Fraunces", Georgia, serif;--font-body:"Figtree", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}.layout{min-height:100vh;color:var(--ink);background:radial-gradient(80% 50% at 10% -10%,#2f6b4f2e,#0000 55%),radial-gradient(60% 40% at 100% 0,#c4a57438,#0000 50%),linear-gradient(165deg,#f2f5ee 0%,#e7ece4 45%,#dde6d8 100%);padding:1.25rem clamp(1rem,3vw,2.5rem) 2.5rem}.brand{animation:rise .6s var(--ease) both;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.25rem;display:flex}.brand h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1}.brand p{color:var(--ink-soft);margin:.35rem 0 0;font-size:.95rem}.game{animation:rise .7s var(--ease) 80ms both;grid-template-columns:minmax(0,560px) minmax(260px,340px);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}@media (width<=860px){.game{grid-template-columns:1fr}}.board-column{flex-direction:column;gap:.85rem;display:flex}.board-wrap{width:100%;max-width:560px;box-shadow:var(--shadow);transition:box-shadow .35s var(--ease);border-radius:4px;outline:1px solid #1c241c14;margin-inline:auto;overflow:hidden}.board-wrap.board-enter{animation:board-in .75s var(--ease) .12s both}.board-wrap.thinking{box-shadow:var(--shadow), 0 0 0 2px #2f6b4f59}.sq{width:100%;height:100%;position:relative}.move-dot{pointer-events:none;z-index:1;background:#0000002e;border-radius:50%;width:28%;height:28%;margin:auto;position:absolute;inset:0}.capture-ring{pointer-events:none;z-index:1;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 .42rem #00000029}.toolbar{flex-wrap:wrap;gap:.5rem;display:flex}.panel{flex-direction:column;gap:1.1rem;padding:.15rem 0;display:flex}.status-block{flex-direction:column;gap:.35rem;display:flex}.status{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1.45rem;font-weight:500}.status-meta{color:var(--ink-soft);margin:0;font-size:.9rem}.error{color:var(--danger);margin:0;font-size:.9rem}.insights{border:1px solid var(--line);background:#2f6b4f0f;border-radius:2px;flex-direction:column;gap:.55rem;padding:.75rem;display:flex}.eval-bar{background:#2a2e2a;border-radius:1px;width:100%;height:.55rem;position:relative;overflow:hidden}.eval-bar-fill{height:100%;transition:width .35s var(--ease);background:#f2f4f0}.insights-head{align-items:baseline;gap:.65rem;display:flex}.eval-score{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--leaf-deep);font-size:1.35rem;font-weight:600}.insights-depth{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.85rem}.badge{letter-spacing:.04em;text-transform:uppercase;color:var(--leaf-deep);background:#2f6b4f26;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.insights-stats{color:var(--ink-soft);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.75rem 1rem;font-size:.8rem;display:flex}.insights-pv{color:var(--ink);font-variant-numeric:tabular-nums;word-break:break-word;margin:0;font-size:.85rem;line-height:1.45}.pv-label{color:var(--leaf-deep);margin-right:.15rem;font-weight:700}.insights-candidates{font-variant-numeric:tabular-nums;flex-direction:column;gap:.35rem;margin:0;padding:0;font-size:.85rem;line-height:1.4;list-style:none;display:flex}.insights-candidates li{grid-template-columns:1.25rem 3.25rem minmax(0,1fr);align-items:baseline;gap:.35rem;display:grid}.cand-rank{color:var(--leaf-deep);font-weight:700}.cand-eval{color:var(--ink);font-weight:600}.cand-pv{color:var(--ink-soft);word-break:break-word}.insights-empty{color:var(--ink-soft);margin:0;font-size:.85rem}.mode-select{border:1px solid var(--line);background:var(--paper-2);width:100%;color:var(--ink);font-family:var(--font-body);border-radius:2px;margin-top:.25rem;padding:.45rem .55rem;font-size:.9rem}.mode-hint{color:var(--ink-soft);margin-top:.25rem;font-size:.75rem;display:block}.moves{background:var(--paper-2);border:1px solid var(--line);font-variant-numeric:tabular-nums;max-height:180px;color:var(--ink-soft);border-radius:2px;padding:.65rem .75rem;font-size:.88rem;line-height:1.55;overflow:auto}.moves:empty:before{content:"Moves will appear here.";opacity:.7}.moves ol{margin:0;padding-left:1.25rem}.moves li{padding:.1rem 0}.moves .san{color:var(--ink);font-weight:500}.settings{border-top:1px solid var(--line);flex-direction:column;gap:.85rem;padding-top:.35rem;display:flex}.settings h2{font-family:var(--font-display);margin:0;font-size:1.05rem;font-weight:500}label.field{color:var(--ink-soft);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}label.field span.value{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}label.field input[type=range]{width:100%;accent-color:var(--leaf)}label.check{color:var(--ink);cursor:pointer;align-items:center;gap:.55rem;font-size:.9rem;display:flex}label.check input{width:1rem;height:1rem;accent-color:var(--leaf)}.fen-field{flex-direction:column;gap:.45rem;display:flex}.fen-input{resize:vertical;border:1px solid var(--line);width:100%;min-height:2.75rem;color:var(--ink);background:#ffffff8c;border-radius:2px;padding:.5rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;line-height:1.35}.fen-input:disabled{opacity:.55}.fen-input:focus{outline-offset:1px;outline:2px solid #2f6b4f59}.fen-load-btn{align-self:flex-start}.btn{appearance:none;cursor:pointer;transition:transform .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease), opacity .18s var(--ease);border:1px solid #0000;border-radius:2px;padding:.55rem .9rem;font-size:.88rem;font-weight:600}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--leaf);color:#f7faf6}.btn-primary:hover:not(:disabled){background:var(--leaf-deep)}.btn-ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn-ghost:hover:not(:disabled){background:#1c241c0a;border-color:#1c241c38}.hint{color:var(--ink-soft);margin:0;font-size:.75rem}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes board-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}