:root{--bg:#1b1a17;--bg-glow:#2a2722;--panel:#262420;--panel-2:#2f2c27;--text:#ece6da;--muted:#a39e93;--accent:#c79b53;--accent-soft:#4b3f2a;--on-accent:#221c10;--border:#34302a;--evalbar-dark:#3a342d;--evalbar-light:#ece6da;--evalbar-edge:#ffffff38;--field:#1c1a16;--danger:#f0a0a0;--eval-pos:#b9d99a;--eval-neg:#f0a99f;--cap-strip-h:26px;--light-sq:#ebe1c8;--dark-sq:#9a7b4f;--sel:#c9a84b;--last:#d9c46a;--check:#d65a4a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-mode=light]{--bg:#f1ece2;--bg-glow:#fff;--panel:#fff;--panel-2:#f2ede3;--text:#2b2620;--muted:#6f685c;--accent:#9a6f23;--accent-soft:#e7dabb;--on-accent:#fff;--border:#ddd5c6;--evalbar-dark:#2b2825;--evalbar-light:#fff;--evalbar-edge:#00000073;--field:#f7f3ec;--danger:#b5462f;--eval-pos:#4a6e32;--eval-neg:#b5462f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:radial-gradient(1200px 800px at 50% -10%, var(--bg-glow), var(--bg));color:var(--text)}.app{max-width:1040px;margin:0 auto;padding:28px 20px 60px}.header{text-align:center;margin-bottom:24px}.header h1{letter-spacing:.5px;color:var(--accent);margin:0;font-size:2rem}.subtitle{color:var(--muted);margin:4px 0 0;font-size:.9rem}.subtitle.quote{max-width:34rem;min-height:2.6em;margin:8px auto 0;font-style:italic;line-height:1.4;animation:.6s quote-fade}.quote-attr{opacity:.75;font-style:normal}@keyframes quote-fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.subtitle.quote{animation:none}}.layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:28px;display:flex}.footer{text-align:center;color:var(--muted);margin-top:40px;font-size:.8rem;line-height:1.7}.footer p{margin:2px 0}.footer strong{color:var(--text);font-weight:600}.board-area{flex-direction:column;gap:6px;display:flex}.board-row{align-items:stretch;gap:10px;display:flex}.captured-strip{min-height:var(--cap-strip-h);align-items:center;gap:0;padding-left:24px;line-height:1;display:flex}.captured-piece{display:inline-flex}.cap-svg{width:22px;height:22px}.material-lead{color:var(--accent);margin-left:8px;font-size:.8rem;font-weight:700}.board-controls{gap:8px;margin-top:4px;padding-left:24px;display:flex}.ui-icon{vertical-align:-.2em;flex-shrink:0;width:1.15em;height:1.15em}.ctrl-btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:.85rem;display:inline-flex}.ctrl-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ctrl-btn:disabled{opacity:.4;cursor:default}.eval-bar{background:var(--evalbar-dark);border:1px solid var(--evalbar-edge);border-radius:7px;flex-shrink:0;width:14px;position:relative;overflow:hidden}.eval-bar-fill{background:var(--evalbar-light);transition:height .45s;position:absolute;bottom:0;left:0;right:0}.eval-bar-fill.top{top:0;bottom:auto}.board-wrap{position:relative}.board{border-radius:8px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:min(76vw,560px);height:min(76vw,560px);display:grid;overflow:hidden;box-shadow:0 18px 40px #00000073}.square{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;padding:0;font-size:clamp(28px,7vw,46px);line-height:1;display:flex;position:relative}.square.light{background:var(--light-sq)}.square.dark{background:var(--dark-sq)}.square.selected{box-shadow:inset 0 0 0 4px var(--sel)}.square.last-move:before{content:"";background:var(--last);opacity:.38;pointer-events:none;position:absolute;inset:0}.square.check:after{content:"";pointer-events:none;background:radial-gradient(circle,#d65a4ad9 0%,#d65a4a00 72%);position:absolute;inset:0}.piece{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.piece.draggable{cursor:grab}.piece.draggable:active{cursor:grabbing}.piece-svg{width:84%;height:84%}.chess-icon{paint-order:stroke}.white-piece{color:#f4efe3}.black-piece{color:#1b1a17}.white-piece .chess-icon{stroke:#2a2620;stroke-width:.7px}.black-piece .chess-icon{stroke:#d2cab8;stroke-width:.35px}.white-piece .piece-svg{filter:drop-shadow(0 1px 1px #0006)}.black-piece .piece-svg{filter:drop-shadow(0 1px 1px #0000004d)}.move-dot{z-index:1;background:#28282859;border-radius:50%;width:26%;height:26%;position:absolute}.capture-ring{z-index:1;border:5px solid #28282852;border-radius:50%;position:absolute;inset:8%}.coord{opacity:.6;z-index:3;color:#3a2f1d;font-size:11px;font-weight:700;position:absolute}.rank-coord{top:3px;left:4px}.file-coord{bottom:2px;right:5px}.promotion-overlay{background:#00000073;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.promotion-picker{background:var(--panel);border-radius:12px;align-items:center;gap:10px;padding:14px 18px;display:flex;box-shadow:0 10px 30px #00000080}.promotion-picker span{color:var(--muted);font-size:.9rem}.promo-btn{border:1px solid var(--accent-soft);background:var(--light-sq);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.promo-btn:hover{background:#fff}.promo-svg{width:40px;height:40px}.sidebar{flex-direction:column;gap:16px;width:280px;display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.panel h2{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 10px;font-size:.78rem}.status-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;display:flex}.status-text{flex:auto;min-width:7.5rem}.status-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.newgame-trigger{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:700}.newgame-trigger:hover{filter:brightness(1.08)}.status{font-size:1.05rem;font-weight:600}.status.gameover{align-items:center;gap:8px;font-size:1.2rem;font-weight:800;display:inline-flex}.status.gameover.win{color:var(--accent)}.status.gameover.draw{color:var(--eval-pos)}.gameover-icon{vertical-align:-.24em;width:1.3em;height:1.3em}.status-panel.is-over{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 26px #c79b532e}.status.review{color:var(--accent);justify-content:space-between;align-items:center;gap:10px;font-size:.95rem;display:flex}.live-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.live-btn:hover{background:var(--accent);color:var(--on-accent)}.board-wrap.reviewing .board{box-shadow:0 0 0 3px var(--accent), 0 18px 40px #00000073}.board-wrap.reviewing .square{cursor:default}.thinking{color:var(--muted);font-size:.9rem;font-weight:400}.error{color:var(--danger);margin-top:8px;font-size:.85rem}.difficulty-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.diff-btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:8px;padding:9px 6px;font-size:.86rem;transition:all .12s}.diff-btn:hover{border-color:var(--accent)}.diff-btn.active{color:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#c79b5329;font-weight:700}.diff-blurb{color:var(--muted);margin:10px 0 0;font-size:.8rem}.primary{border:1px solid var(--accent-soft);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:8px;padding:10px;font-weight:600}.primary:hover{border-color:var(--accent);color:var(--accent)}.primary.subtle{opacity:.85;font-weight:500}.primary.danger{color:var(--eval-neg);border-color:#6e3a34}.primary.danger:hover{color:#ff8d7c;border-color:#d65a4a}.review-badge{color:var(--accent);align-items:center;gap:6px;margin-bottom:8px;font-size:.78rem;font-weight:600;display:flex}.analysis-toggle{cursor:pointer;width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;justify-content:space-between;align-items:center;padding:2px 0;font-size:.78rem;font-weight:600;display:flex}.analysis-toggle:hover{color:var(--accent)}.at-right{align-items:center;gap:10px;display:flex}.eval-chip.mini{padding:1px 8px;font-size:.95rem;font-weight:800}.analysis-toggle .chevron{font-size:.7rem}.analysis-body{margin-top:10px}.analysis-empty{color:var(--muted);margin:10px 0 0;font-size:.85rem}.eval-row{align-items:baseline;gap:10px;margin-top:12px;display:flex}.eval-chip{font-variant-numeric:tabular-nums;border-radius:8px;padding:2px 10px;font-size:1.4rem;font-weight:800}.eval-chip.pos{color:var(--eval-pos);background:#78aa5a2e}.eval-chip.neg{color:var(--eval-neg);background:#d65a4a2e}.eval-meta{color:var(--muted);font-size:.78rem}.pv-line{flex-direction:column;gap:3px;margin-top:12px;display:flex}.pv-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:.68rem}.pv-moves{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.5}.candidates{flex-direction:column;gap:2px;margin:14px 0 0;padding:0;list-style:none;display:flex}.candidates li{font-variant-numeric:tabular-nums;border-radius:6px;justify-content:space-between;padding:4px 8px;font-size:.9rem;display:flex}.candidates li.played{background:var(--accent-soft);color:var(--accent);font-weight:700}.cand-san{align-items:baseline;gap:8px;display:inline-flex}.played-tag{text-transform:uppercase;letter-spacing:.5px;background:var(--accent);color:var(--on-accent);border-radius:999px;padding:1px 6px;font-size:.62rem;font-style:normal;font-weight:700}.cand-eval{color:var(--muted)}.candidates li.played .cand-eval{color:var(--accent)}.analysis-note{color:var(--muted);margin:12px 0 0;font-size:.72rem}.moves-panel{flex-direction:column;display:flex}.moves-header{justify-content:space-between;align-items:center;display:flex}.nav{gap:4px;display:flex}.nav button{border:1px solid var(--border);background:var(--panel-2);width:28px;height:26px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.nav button .ui-icon{vertical-align:0;width:16px;height:16px}.nav button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.nav button:disabled{opacity:.35;cursor:default}.moves{font-variant-numeric:tabular-nums;grid-template-columns:1fr 1fr;gap:2px 10px;max-height:220px;margin:10px 0 0;padding:0;font-size:.9rem;list-style:none;display:grid;overflow-y:auto}.moves li{align-items:baseline;gap:4px;padding:1px 0;display:flex}.moves .empty{color:var(--muted);grid-column:1/-1}.move-num{color:var(--muted);min-width:22px}.move-btn{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:1;padding:2px 6px;font-family:inherit;font-size:.9rem}.move-btn:hover{background:var(--panel-2)}.move-btn.active{background:var(--accent);color:var(--on-accent);font-weight:700}.moves-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;display:flex}.kbd-hint{color:var(--muted);font-size:.72rem}.pgn-btn{border:1px solid var(--accent-soft);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:7px;flex-shrink:0;padding:7px 12px;font-size:.82rem;font-weight:600}.pgn-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pgn-btn:disabled{opacity:.4;cursor:default}.pgn-overlay{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pgn-modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:min(560px,92vw);padding:18px;box-shadow:0 24px 60px #0000008c}.pgn-modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pgn-modal-head h2{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0;font-size:.85rem}.pgn-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1rem}.pgn-close:hover{color:var(--text)}.pgn-text{resize:vertical;background:var(--field);width:100%;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.5}.pgn-actions{gap:10px;margin-top:12px;display:flex}.pgn-actions .primary{flex:1}.pgn-hint-line{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:6px;margin:10px 0 0;font-size:.78rem;display:flex}.import-error{color:var(--danger);margin:10px 0 0;font-size:.85rem}.import-play{color:var(--text);cursor:pointer;align-items:center;gap:8px;margin-top:12px;font-size:.88rem;display:flex}.import-play input{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.modal-subhead{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:16px 0 8px;font-size:.75rem}.modal-subhead:first-of-type{margin-top:4px}.discard-warning{color:var(--eval-neg);background:#d65a4a24;border:1px solid #6e3a34;border-radius:8px;align-items:center;gap:8px;margin:4px 0 18px;padding:10px 12px;font-size:.84rem;display:flex}.side-list .diff-btn{padding:11px 6px;font-size:.95rem}.side-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.option-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-grid{grid-template-columns:repeat(3,1fr)}.mode-grid .option-card{justify-content:center}.option-card{border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;display:flex}.option-card:hover{border-color:var(--accent)}.option-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#c79b531f}.option-preview{flex-shrink:0;gap:2px;display:inline-flex}.preview-piece{width:30px;height:30px}.theme-swatch{border-radius:4px;flex-shrink:0;grid-template-rows:15px 15px;grid-template-columns:15px 15px;display:grid;overflow:hidden;box-shadow:0 0 0 1px #0000004d}.theme-swatch span{display:block}.option-name{font-weight:600}.newgame-actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.start-btn{background:var(--accent);border-color:var(--accent);color:var(--on-accent);padding:12px;font-size:1rem}.start-btn:hover{filter:brightness(1.08);color:var(--on-accent)}@media (width<=760px){.sidebar{width:min(76vw,560px)}}@media (width>=920px){.sidebar{margin-top:calc(var(--cap-strip-h) + 6px)}}