@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap";:root{--text:#a8a4b0;--text-h:#eae8ef;--bg:#0e0d11;--bg-raised:#16141c;--bg-inset:#0a090d;--border:#2a2733;--border-subtle:#1e1c25;--code-bg:#1a1820;--accent:#e85d5d;--accent-soft:#e85d5d1f;--accent-border:#e85d5d59;--glow:#e85d5d0f;--font-display:"DM Serif Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;font:15px/1.6 var(--font-body);letter-spacing:.01em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}#root{flex-direction:column;min-height:100svh;display:flex}body{margin:0}h1,h2,h3{font-family:var(--font-display);color:var(--text-h);font-weight:400}h1{letter-spacing:.02em;margin:0;font-size:1.5rem}h2{letter-spacing:.01em;margin:0 0 10px;font-size:1.1rem;line-height:1.3}p{margin:0}strong{color:var(--text-h);font-weight:500}em{color:var(--accent);font-style:italic}.app{background:radial-gradient(ellipse 80% 50% at 50% -10%, var(--glow), transparent), var(--bg);flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;padding:20px 36px;display:flex}.app-header .logo-mark{background:var(--accent);width:10px;height:10px;box-shadow:0 0 12px var(--accent-border);border-radius:2px}.app-header h1{letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-size:1.15rem}.app-header h1 span{color:var(--accent)}.app-main{flex:1;grid-template-columns:auto 6px 1fr;min-height:0;display:grid}.board-column{--board-size:520px;width:calc(var(--board-size) + 72px);flex-direction:column;align-items:center;min-width:392px;padding:36px;display:flex;position:relative}.resize-handle{cursor:col-resize;background:0 0;width:6px;transition:background .15s;position:relative}.resize-handle:hover,.resize-handle:active{background:var(--accent-border)}.resize-handle:after{content:"";background:var(--border);border-radius:2px;width:4px;height:32px;transition:background .15s;position:absolute;top:50%;left:1px;transform:translateY(-50%)}.resize-handle:hover:after{background:var(--accent)}.personality-picker{width:var(--board-size);margin-bottom:16px;position:relative}.side-pickers{gap:6px;display:flex}.side-picker{flex:1;position:relative}.side-picker.side-active .personality-trigger{border-color:var(--accent-border);box-shadow:0 0 8px var(--accent-soft)}.personality-trigger{width:100%;font-family:var(--font-body);border:1px solid var(--border);background:var(--bg-raised);color:var(--text-h);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:.82rem;font-weight:500;transition:border-color .15s,box-shadow .15s;display:flex}.personality-trigger:hover{border-color:var(--accent-border)}.side-badge{width:22px;height:22px;font-family:var(--mono);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.side-badge-sm{width:18px;height:18px;margin-right:4px;font-size:.65rem}.side-badge-white{color:#1a1816;background:#e8e5e0}.side-badge-black{color:#d4d0cb;background:#3a3632;border:1px solid #555}.personality-trigger-label{text-align:left;flex:1}.personality-trigger-arrow{color:var(--text);font-size:.6rem}.side-stats-row{width:var(--board-size);z-index:10;gap:6px;margin-top:8px;display:flex;position:relative;overflow:visible}.side-stats{background:var(--bg-inset);border:1px solid var(--border-subtle);opacity:.5;border-radius:6px;flex:1;padding:6px 10px;transition:opacity .2s,border-color .2s;position:relative;overflow:visible}.side-stats-active{opacity:1;border-color:var(--accent-border)}.side-stats-label{font-family:var(--mono);color:var(--text-h);align-items:center;margin-bottom:2px;font-size:.78rem;font-weight:600;display:flex}.side-stats-detail{font-family:var(--mono);color:var(--text);align-items:center;gap:6px;font-size:.7rem;display:flex;overflow:visible}.side-stats-warn{color:#facc15;background:#facc151a;border-radius:3px;padding:0 4px;font-size:.65rem}.side-stats-desc{color:var(--text);opacity:.6;margin:3px 0 0;font-size:.65rem;line-height:1.4}.personality-dropdown{width:var(--board-size);background:var(--bg-raised);border:1px solid var(--border);z-index:50;border-radius:8px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 24px #0006}.personality-search{width:100%;font-family:var(--font-body);border:none;border-bottom:1px solid var(--border-subtle);background:var(--bg-inset);color:var(--text-h);outline:none;padding:10px 14px;font-size:.85rem}.personality-search::placeholder{color:var(--text);opacity:.5}.personality-list{max-height:200px;margin:0;padding:4px;list-style:none;overflow-y:auto}.personality-option{cursor:pointer;color:var(--text);border-radius:5px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;transition:background .1s,color .1s;display:flex}.personality-option:hover{background:var(--bg-inset);color:var(--text-h)}.personality-option.active{color:var(--accent);background:var(--accent-soft)}.personality-option-name{font-weight:500}.personality-option-tc{font-family:var(--mono);letter-spacing:.03em;text-transform:uppercase;border-radius:3px;padding:1px 6px;font-size:.68rem;font-weight:600}.tc-classical{color:#4ade80;background:#4ade801a}.tc-blitz{color:#facc15;background:#facc151a}.tc-bullet{color:#f87171;background:#f871711a}.tc-rapid{color:#60a5fa;background:#60a5fa1a}.personality-option-acc{font-family:var(--mono);color:var(--text);opacity:.7;margin-left:auto;font-size:.72rem}.personality-empty{text-align:center;color:var(--text);opacity:.5;padding:12px;font-size:.84rem}.personality-stats{background:var(--bg-inset);border:1px solid var(--border-subtle);font-family:var(--mono);color:var(--text);border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:6px 12px;font-size:.75rem;display:flex}.stat-sep{background:var(--text);opacity:.3;border-radius:50%;width:3px;height:3px}.overfit-warning{width:var(--board-size);color:#facc15;text-align:center;background:#facc150f;border:1px solid #facc1526;border-radius:5px;margin-top:4px;padding:5px 12px;font-size:.72rem;font-style:italic}.personality-description{width:var(--board-size);color:var(--text);opacity:.7;background:var(--bg-inset);border:1px solid var(--border-subtle);text-align:center;border-radius:5px;margin-top:4px;padding:6px 12px;font-size:.72rem;line-height:1.5}.pytorch-pipeline{counter-reset:step;flex-direction:column;gap:8px;margin:10px 0 0;padding-left:20px;display:flex}.pytorch-pipeline li{color:var(--text);font-size:.87rem;line-height:1.55}.pytorch-pipeline li strong{font-family:var(--mono);color:var(--accent);font-size:.8rem;font-weight:500}.board-with-eval{z-index:1;gap:0;display:flex;position:relative}.eval-bar{width:24px;height:var(--board-size);cursor:default;border:1px solid var(--border);background:#3a3632;border-right:none;border-radius:4px 0 0 4px;flex-shrink:0;position:relative}.eval-bar-white{background:#e8e5e0;border-radius:0 0 0 3px;transition:height .4s;position:absolute;bottom:0;left:0;right:0}.eval-bar:before{content:"";z-index:0;border-radius:4px 0 0 4px;position:absolute;inset:0}.eval-bar-label{font-family:var(--mono);color:var(--accent);text-shadow:0 0 4px #000c;writing-mode:vertical-lr;text-orientation:mixed;white-space:nowrap;z-index:1;font-size:.6rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eval-bar-depth{font-family:var(--mono);color:var(--text);opacity:.5;z-index:1;font-size:.5rem;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.board-container{width:var(--board-size);height:var(--board-size);box-shadow:0 0 0 1px var(--border), 0 20px 60px -12px #0009, 0 0 80px -20px var(--accent-soft);border-radius:0 4px 4px 0;overflow:hidden}.stat-with-help{align-items:center;gap:3px;display:inline-flex}.help-icon{background:var(--border);width:13px;height:13px;color:var(--text-h);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:.55rem;font-weight:700;display:inline-flex;position:relative}.help-tooltip{border:1px solid var(--border);width:220px;color:var(--text);white-space:normal;z-index:9999;pointer-events:none;background:#2a2725;border-radius:6px;padding:10px 12px;font-size:.72rem;font-weight:400;line-height:1.5;display:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 4px 16px #0009}.help-icon:hover .help-tooltip{display:block}.controls{width:var(--board-size);justify-content:center;align-items:center;gap:8px;margin-top:20px;display:flex}.control-btn{font-family:var(--font-body);border:1px solid var(--border);background:var(--bg-raised);color:var(--text-h);cursor:pointer;white-space:nowrap;border-radius:5px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s}.control-btn:hover:not(:disabled){background:var(--bg-inset);border-color:var(--accent-border)}.control-btn:disabled{opacity:.3;cursor:default}.reset-btn{color:var(--accent);border-color:var(--accent-border);margin-left:auto}.move-counter{font-family:var(--mono);color:var(--text);text-align:center;min-width:56px;font-size:.8rem}.depth-switcher{width:var(--board-size);background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:8px;gap:4px;margin-top:12px;padding:3px;display:flex}.depth-btn{font-family:var(--font-body);color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:7px 0;font-size:.78rem;font-weight:500;transition:all .15s}.depth-btn:hover:not(.active){color:var(--text-h);background:var(--bg-raised)}.depth-btn.active{background:var(--bg-raised);color:var(--accent);border-color:var(--accent-border);box-shadow:0 1px 4px #0003}.depth-description{width:var(--board-size);color:var(--text);opacity:.7;text-align:center;margin-top:6px;font-size:.78rem;font-style:italic;line-height:1.4}.move-list{width:var(--board-size);background:var(--bg-raised);border:1px solid var(--border-subtle);max-height:120px;font-family:var(--mono);border-radius:6px;flex-wrap:wrap;align-content:flex-start;gap:2px 4px;margin-top:14px;padding:10px 12px;font-size:.82rem;line-height:1.8;display:flex;overflow-y:auto}.move-number{color:var(--text);opacity:.5;margin-right:2px}.move-san{font-family:inherit;font-size:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:1px 4px;transition:color .1s,background .1s}.move-san:hover{color:var(--text-h);background:var(--bg-inset)}.move-san.active{color:var(--accent);background:var(--accent-soft)}.sidebar{text-align:left;min-width:0;padding:36px 36px 36px 0;overflow-y:auto}.sidebar-inner{border:1px solid var(--border-subtle);background:var(--bg-raised);border-radius:8px;flex-direction:column;gap:24px;padding:28px;display:flex}.sidebar-section h2{margin-bottom:8px}.sidebar-section h2:before{content:"";background:var(--accent);vertical-align:middle;border-radius:1px;width:6px;height:6px;margin-right:10px;display:inline-block;position:relative;top:-1px}.sidebar-section p{margin:0 0 8px;font-size:.92rem;line-height:1.65}.sidebar-section p:last-child{margin-bottom:0}.training-badge{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);letter-spacing:.02em;border-radius:20px;align-items:center;margin-bottom:4px;padding:6px 12px;font-size:.76rem;font-weight:500;display:inline-flex}.brain-explainer{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.brain-explainer li{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:6px;gap:12px;padding:14px;display:flex}.brain-icon{flex-shrink:0;margin-top:2px;font-size:1.2rem;line-height:1}.brain-explainer li strong{font-family:var(--mono);letter-spacing:.03em;color:var(--accent);margin-bottom:4px;font-size:.8rem;font-weight:500;display:block}.brain-explainer li p{color:var(--text);margin:0;font-size:.87rem;line-height:1.55}.how-it-works{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.how-it-works li{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:6px;padding:12px 14px;font-size:.9rem;line-height:1.55}.how-it-works li strong{font-family:var(--mono);letter-spacing:.03em;color:var(--accent);font-size:.82rem;font-weight:500}.heatmap-legend{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.heatmap-legend li{align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.5;display:flex}.legend-swatch{border-radius:3px;flex-shrink:0;width:14px;height:14px;margin-top:3px}.legend-bright{background:#ff0000b3}.legend-faint{background:#ff000026}.legend-arrow{background:#0064ffb3}.technical-toggle{font-family:var(--font-body);border:1px solid var(--border);background:var(--bg-inset);width:100%;color:var(--text-h);cursor:pointer;border-radius:6px;padding:8px 14px;font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s}.technical-toggle:hover{background:var(--bg-raised);border-color:var(--accent-border)}.technical-details{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:6px;margin-top:12px;padding:14px;font-size:.85rem;line-height:1.6}.technical-details p{margin:0 0 10px}.technical-details p:last-child{margin-bottom:0}.technical-details code{font-family:var(--mono);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:3px;padding:1px 5px;font-size:.8rem}.sidebar-hint{background:var(--accent-soft);border-left:2px solid var(--accent);color:var(--text-h);border-radius:0 6px 6px 0;padding:14px 16px;font-size:.9rem;font-style:italic;line-height:1.55}.pgn-loader{width:var(--board-size);margin-top:14px}.pgn-input{width:100%;font-family:var(--mono);border:1px solid var(--border);background:var(--bg-inset);color:var(--text-h);resize:vertical;border-radius:6px;padding:12px;font-size:.82rem;line-height:1.5}.pgn-input::placeholder{color:var(--text);opacity:.5}.pgn-input:focus{border-color:var(--accent-border);outline:none}.pgn-error{color:var(--accent);margin-top:6px;font-size:.84rem}.load-pgn-btn{text-align:center;width:100%;margin-top:10px}.top-moves-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.top-move-item{background:var(--bg-inset);border:1px solid var(--border-subtle);cursor:pointer;border-radius:6px;grid-template-columns:28px 72px 1fr 40px;align-items:center;gap:8px;padding:10px 12px;transition:border-color .15s,background .15s;display:grid}.top-move-item:hover{border-color:var(--accent-border);background:var(--bg-raised)}.top-move-rank{font-family:var(--mono);color:var(--accent);font-size:.78rem;font-weight:600}.top-move-label{font-family:var(--mono);color:var(--text-h);white-space:nowrap;font-size:.85rem}.confidence-bar-track{background:var(--border-subtle);border-radius:3px;height:6px;overflow:hidden}.confidence-bar-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.top-move-pct{font-family:var(--mono);color:var(--text);text-align:right;font-size:.78rem}.sidebar-divider{background:var(--border-subtle);border:none;height:1px;margin:0}@media (width<=960px){.app-main{grid-template-columns:1fr;justify-items:center}.resize-handle{display:none}.board-column{width:100%;min-width:0;padding:16px}.board-with-eval{width:calc(var(--board-size) + 24px)}.eval-bar{height:var(--board-size)}.board-container{width:var(--board-size);height:var(--board-size)}.personality-picker,.side-stats-row,.controls,.depth-switcher,.depth-description,.move-list,.pgn-loader{width:calc(var(--board-size) + 24px)}.side-pickers{flex-direction:row;gap:4px}.personality-trigger{padding:6px 8px;font-size:.75rem}.side-badge{width:18px;height:18px;font-size:.65rem}.personality-dropdown{width:calc(100vw - 32px);left:0}.side-stats{padding:5px 8px}.side-stats-label{font-size:.7rem}.side-stats-detail{gap:4px;font-size:.62rem}.side-stats-desc{display:none}.controls{gap:4px}.control-btn{padding:6px 10px;font-size:.75rem}.depth-switcher{gap:2px}.depth-btn{padding:6px 0;font-size:.7rem}.depth-description{font-size:.7rem}.move-list{max-height:80px;font-size:.75rem}.sidebar{max-width:100%;padding:0 16px 24px}.sidebar-inner{gap:18px;padding:20px}.sidebar-section h2{font-size:.95rem}.sidebar-section p{font-size:.85rem}.app-header{padding:14px 16px}.app-header h1{font-size:1rem}}