.mcts-visualizer-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:1.5rem;padding:1.5rem;box-shadow:0 4px 20px -2px #0f172a14,0 2px 6px -1px #0f172a0a}.mcts-header{flex-direction:column;gap:1rem;margin-bottom:1.25rem;display:flex}@media (min-width:768px){.mcts-header{flex-direction:row;justify-content:space-between;align-items:center}}.mcts-title-group{align-items:center;gap:.75rem;display:flex}.mcts-title-group .panel-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.mcts-live-badge{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;animation:2s infinite pulse-badge;display:inline-flex}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.mcts-turn-tag{color:#334155;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.25rem .65rem;font-size:.8125rem;font-weight:600}.mcts-stats-summary{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}@media (min-width:640px){.mcts-stats-summary{grid-template-columns:repeat(4,1fr);gap:.75rem}}.stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:flex-start;padding:.5rem .75rem;transition:transform .15s,border-color .15s;display:flex}.stat-card:hover{border-color:#cbd5e1;transform:translateY(-1px)}.stat-value{color:#0f172a;font-family:SF Mono,Consolas,Monaco,monospace;font-size:1.125rem;font-weight:800;line-height:1.2}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:600}.mcts-toolbar{border-bottom:1px solid #e2e8f0;flex-direction:column;gap:.875rem;margin-bottom:1.25rem;padding-bottom:1.125rem;display:flex}@media (min-width:768px){.mcts-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.mcts-tab-buttons{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:3px;display:flex}.mcts-tab-btn{color:#64748b;cursor:pointer;background-color:#0000;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.8125rem;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.mcts-tab-btn:hover{color:#0f172a}.mcts-tab-btn.active{color:#0f172a;background-color:#fff;box-shadow:0 1px 3px #0000001a}.tab-icon{font-size:.9rem}.mcts-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.mcts-search-box{align-items:center;width:100%;max-width:240px;display:flex;position:relative}.search-icon{color:#94a3b8;pointer-events:none;width:.875rem;height:.875rem;position:absolute;left:.6rem}.mcts-search-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:.4rem 1.75rem .4rem 1.8rem;font-size:.8125rem;transition:border-color .15s,box-shadow .15s}.mcts-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1rem;position:absolute;right:.4rem}.clear-search-btn:hover{color:#475569}.mcts-toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:inline-flex}.mcts-toggle-switch input{display:none}.toggle-slider{background-color:#cbd5e1;border-radius:999px;width:32px;height:18px;transition:background-color .2s;position:relative}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.mcts-toggle-switch input:checked+.toggle-slider{background-color:#2563eb}.mcts-toggle-switch input:checked+.toggle-slider:before{transform:translate(14px)}.toggle-label{color:#475569;font-size:.8125rem;font-weight:500}.mcts-empty-state,.mcts-loading-state{text-align:center;background:#fafafa;border:1px dashed #e2e8f0;border-radius:8px;padding:3rem 1.5rem}.empty-icon{margin-bottom:.5rem;font-size:2.5rem}.empty-title,.loading-title{color:#0f172a;margin-bottom:.25rem;font-size:1rem;font-weight:700}.empty-subtitle,.loading-subtitle{color:#64748b;max-width:440px;margin:0 auto;font-size:.84rem}.mcts-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:2.25rem;height:2.25rem;margin:0 auto 1rem;animation:.7s cubic-bezier(.55,.15,.45,.85) infinite mcts-spin}@keyframes mcts-spin{to{transform:rotate(360deg)}}.mcts-tree-container{flex-direction:column;gap:.75rem;font-family:SF Mono,Consolas,Monaco,monospace;display:flex}.root-node-card{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex;box-shadow:0 2px 8px #0f172a26}@media (min-width:640px){.root-node-card{flex-direction:row;justify-content:space-between;align-items:center}}.root-node-main{align-items:center;gap:.6rem;display:flex}.root-icon{font-size:1.1rem}.root-title{letter-spacing:-.01em;font-size:.9375rem;font-weight:700}.root-visits-pill{color:#93c5fd;background:#ffffff1f;border:1px solid #ffffff1a;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.root-fen-container{color:#94a3b8;align-items:center;gap:.4rem;font-size:.75rem;display:flex;overflow:hidden}.fen-label{color:#cbd5e1;font-weight:600}.root-fen-badge{text-overflow:ellipsis;white-space:nowrap;background:#00000040;border-radius:4px;max-width:320px;padding:.2rem .5rem;overflow:hidden}.tree-root-children{flex-direction:column;gap:.35rem;display:flex}.no-moves-matched{text-align:center;color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;padding:1.5rem;font-size:.85rem}.mcts-tree-node{flex-direction:column;display:flex}.mcts-tree-node.unvisited{opacity:.6}.node-row{-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #f1f5f9;border-radius:6px;align-items:center;gap:.6rem;padding:.45rem .65rem;font-size:.8125rem;transition:all .15s;display:flex}.node-row.has-children{cursor:pointer}.node-row:hover{background-color:#f8fafc;border-color:#cbd5e1}.node-row.is-expanded{background-color:#f1f5f9;border-color:#cbd5e1}.mcts-tree-node.best-move-node>.node-row{background-color:#f0fdf4;border-left:3px solid #10b981}.mcts-tree-node.best-move-node>.node-row:hover{background-color:#dcfce7}.expand-icon{color:#64748b;justify-content:center;align-items:center;width:1.1rem;height:1.1rem;display:flex}.chevron-icon{width:.875rem;height:.875rem;transition:transform .15s}.chevron-icon.open{transform:rotate(90deg)}.node-bullet{background-color:#cbd5e1;border-radius:50%;width:5px;height:5px}.node-rank-badge{color:#94a3b8;min-width:1.4rem;font-size:.7rem;font-weight:700}.move-badge-group{align-items:center;gap:.35rem;display:flex}.move-san{color:#0f172a;font-size:.875rem;font-weight:800}.move-uci{color:#64748b;font-size:.72rem}.top-choice-tag{color:#fff;letter-spacing:.02em;background-color:#10b981;border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.visit-bar-wrapper{background-color:#e2e8f0;border-radius:999px;width:90px;height:.45rem;margin-left:.2rem;overflow:hidden}.visit-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);border-radius:999px;height:100%;transition:width .3s}.best-move-node .visit-bar-fill{background:linear-gradient(90deg,#10b981 0%,#059669 100%)}.visit-metrics{align-items:center;gap:.3rem;font-size:.75rem;display:flex}.visit-count{color:#334155;font-weight:600}.visit-count small{color:#64748b;font-weight:400}.visit-share-pct{color:#64748b;font-size:.72rem}.eval-badge{border-radius:4px;padding:.1rem .45rem;font-size:.72rem;font-weight:700}.eval-badge.positive{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.eval-badge.negative{color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca}.eval-badge.neutral{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.prior-badge{color:#2563eb;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:4px;margin-left:auto;padding:.1rem .45rem;font-size:.72rem;font-weight:600}.unvisited-tag{color:#94a3b8;font-size:.72rem;font-style:italic}.node-children{border-left:2px solid #cbd5e1;flex-direction:column;gap:.3rem;margin-top:.3rem;margin-left:1.1rem;padding-left:.65rem;display:flex}.mcts-probability-chart{flex-direction:column;gap:1rem;display:flex}.chart-legend{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.5rem .85rem;font-size:.78125rem;font-weight:600;display:flex}.legend-item{align-items:center;gap:.4rem;display:flex}.legend-color{border-radius:3px;width:.75rem;height:.75rem}.prior-color{background-color:#3b82f6}.share-color{background-color:#10b981}.legend-info{color:#94a3b8;margin-left:auto;font-size:.72rem;font-weight:500}.chart-bars-list{flex-direction:column;gap:.75rem;display:flex}.chart-move-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem .9rem;transition:border-color .15s,box-shadow .15s;display:flex}.chart-move-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.chart-move-card.is-best-move{background-color:#fafdfb;border-color:#6ee7b7}.chart-move-card.is-unvisited{opacity:.65}.chart-move-header{align-items:center;gap:.5rem;font-family:SF Mono,Consolas,Monaco,monospace;display:flex}.chart-rank{color:#94a3b8;min-width:1.5rem;font-size:.75rem;font-weight:800}.chart-move-name{align-items:center;gap:.35rem;display:flex}.chart-move-san{color:#0f172a;font-size:.9375rem;font-weight:800}.chart-move-uci{color:#64748b;font-size:.75rem}.chart-best-badge{color:#fff;background-color:#10b981;border-radius:4px;padding:.1rem .45rem;font-size:.65rem;font-weight:700}.chart-move-right-meta{align-items:center;gap:.5rem;margin-left:auto;display:flex}.chart-visit-tag{color:#334155;font-size:.75rem;font-weight:600}.chart-visit-tag small{color:#64748b;font-weight:400}.chart-eval-badge{border-radius:4px;padding:.1rem .4rem;font-size:.75rem;font-weight:700}.chart-eval-badge.positive{color:#15803d;background-color:#dcfce7}.chart-eval-badge.negative{color:#b91c1c;background-color:#fee2e2}.chart-eval-badge.neutral{color:#475569;background-color:#f1f5f9}.chart-bars-container{flex-direction:column;gap:.35rem;margin-top:.1rem;display:flex}.bar-track-wrapper{grid-template-columns:80px 1fr;align-items:center;gap:.6rem;display:grid}.bar-track-label{color:#64748b;text-align:right;font-size:.7rem;font-weight:700}.prior-label{color:#2563eb}.share-label{color:#059669}.bar-track{background:#f1f5f9;border-radius:4px;align-items:center;height:1.15rem;display:flex;position:relative;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.prior-fill{background:linear-gradient(90deg,#60a5fa 0%,#2563eb 100%)}.share-fill{background:linear-gradient(90deg,#34d399 0%,#059669 100%)}.bar-value{color:#0f172a;font-family:SF Mono,Consolas,Monaco,monospace;font-size:.6875rem;font-weight:700;position:absolute;left:.5rem}.chart-delta-footer{color:#64748b;align-items:center;gap:.4rem;margin-top:.1rem;font-size:.72rem;font-weight:600;display:flex}.delta-label{font-weight:500}.delta-tag{border-radius:3px;padding:.05rem .35rem;font-family:SF Mono,Consolas,Monaco,monospace;font-weight:700}.delta-tag.up{color:#15803d;background-color:#dcfce7}.delta-tag.down{color:#b91c1c;background-color:#fee2e2}.delta-tag.neutral{color:#94a3b8;background-color:#f1f5f9}.graphical-tree-wrapper{flex-direction:column;gap:1rem;display:flex}.graphical-tree-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .85rem;display:flex}.graphical-tree-controls .control-group{align-items:center;gap:.5rem;display:flex}.tree-btn{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78125rem;font-weight:600;transition:all .15s;display:inline-flex}.tree-btn:hover{background-color:#f1f5f9;border-color:#94a3b8}.tree-btn.secondary{color:#64748b}.zoom-controls{align-items:center;gap:.4rem;font-size:.78125rem;display:flex}.zoom-label{color:#64748b;font-weight:600}.zoom-pct{color:#0f172a;text-align:center;min-width:2.5rem;font-family:SF Mono,Consolas,Monaco,monospace;font-size:.75rem;font-weight:700}.zoom-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.875rem;font-weight:700;display:inline-flex}.zoom-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-btn.reset{width:auto;padding:0 .5rem;font-size:.72rem;font-weight:600}.graphical-tree-canvas{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;min-height:420px;max-height:650px;padding:1.75rem 1.25rem;overflow:auto}.graphical-tree-viewport{min-width:100%;transition:transform .2s cubic-bezier(.4,0,.2,1);display:inline-block}.tree-root-group,.tree-children-group{flex-direction:column;align-items:flex-start;gap:.85rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.tree-children-group{margin-top:.6rem;margin-left:2rem;padding-left:1.5rem;position:relative}.tree-children-group:before{content:"";background-color:#cbd5e1;border-radius:2px;width:2px;position:absolute;top:0;bottom:1.75rem;left:0}.tree-branch-item{flex-direction:column;align-items:flex-start;list-style:none;display:flex;position:relative}.tree-children-group>.tree-branch-item:before{content:"";background-color:#cbd5e1;width:1.5rem;height:2px;position:absolute;top:1.85rem;left:-1.5rem}.tree-children-group>.tree-branch-item.is-best-branch:before{background-color:#10b981;height:3px;box-shadow:0 0 6px #10b98166}.tree-card-node{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-direction:column;gap:.45rem;width:230px;padding:.65rem .85rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #0f172a0a}.tree-card-node:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f624}.tree-card-node.best-move-card{background:linear-gradient(#fff 0%,#f0fdf4 100%);border-color:#10b981;box-shadow:0 0 0 2px #10b98126,0 4px 12px #10b98114}.tree-card-node.unvisited{opacity:.65;background:#fafafa}.card-node-header{align-items:center;gap:.4rem;font-family:SF Mono,Consolas,Monaco,monospace;display:flex}.card-rank-pill{color:#94a3b8;font-size:.72rem;font-weight:800}.card-move-san{color:#0f172a;letter-spacing:-.01em;font-size:1.05rem;font-weight:800}.card-best-star{color:#fff;background:#10b981;border-radius:4px;margin-left:auto;padding:.1rem .45rem;font-size:.65rem;font-weight:800;box-shadow:0 1px 4px #10b9814d}.card-node-body{flex-direction:column;gap:.3rem;display:flex}.card-visit-bar-track{background-color:#e2e8f0;border-radius:999px;width:100%;height:.45rem;overflow:hidden}.card-visit-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);border-radius:999px;height:100%;transition:width .3s}.best-move-card .card-visit-bar-fill{background:linear-gradient(90deg,#34d399 0%,#059669 100%)}.card-metrics-row{justify-content:space-between;align-items:center;font-family:SF Mono,Consolas,Monaco,monospace;font-size:.72rem;display:flex}.card-visits-count{color:#334155;font-weight:600}.card-visits-count small{color:#64748b;font-weight:400}.card-eval-badge{border-radius:4px;padding:.05rem .35rem;font-weight:700}.card-eval-badge.positive{color:#15803d;background:#dcfce7}.card-eval-badge.negative{color:#b91c1c;background:#fee2e2}.card-eval-badge.neutral{color:#475569;background:#f1f5f9}.card-unvisited-label{color:#94a3b8;font-size:.72rem;font-style:italic}.card-node-footer{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:.1rem;padding-top:.35rem;font-size:.7rem;display:flex}.card-prior-tag{color:#2563eb;font-family:SF Mono,Consolas,Monaco,monospace;font-weight:600}.card-expand-toggle{color:#0f172a;background:#f1f5f9;border-radius:4px;padding:.12rem .45rem;font-weight:700;transition:background .15s,color .15s}.tree-card-node:hover .card-expand-toggle{color:#fff;background:#2563eb}
.promotion-options{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:110px;padding:.6rem .75rem;box-shadow:0 4px 20px #0000004d}.promotion-options h3{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .4rem;font-size:.75rem;font-weight:600}.promotion-options .options{flex-direction:column;gap:.2rem;display:flex}.promotion-options .option{cursor:pointer;text-align:left;border:1px solid #0000;border-radius:4px;padding:.35rem .65rem;font-size:.875rem;font-weight:500;transition:all .15s}.promotion-options .option-w{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0}.promotion-options .option-w:hover{background:#e2e8f0;border-color:#cbd5e1}.promotion-options .option-b{color:#f8fafc;background:#1e293b;border-color:#334155}.promotion-options .option-b:hover{background:#334155}.pgn-viewer{background:#f8fafc;min-height:100vh;padding:1rem}@media (min-width:768px){.pgn-viewer{padding:2rem}}.pgn-container{max-width:1280px;margin:0 auto}.pgn-title{color:#1e293b;text-align:center;letter-spacing:-.025em;margin-bottom:2rem;font-size:2rem;font-weight:600}.mode-toggle{justify-content:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.btn-mode{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;padding:.55rem 1rem;font-weight:600;transition:all .2s}.btn-mode:hover{background:#f1f5f9}.btn-mode.active{color:#fff;background:#0f172a;border-color:#0f172a}.pgn-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.pgn-grid{grid-template-columns:repeat(3,1fr)}}.pgn-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.panel-title{color:#334155;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.pgn-textarea{color:#1e293b;resize:none;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:.375rem;width:100%;height:12rem;padding:.75rem;font-family:SF Mono,Consolas,Monaco,monospace;font-size:.875rem;line-height:1.5}.pgn-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.btn-load{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.375rem;width:100%;margin-top:1rem;padding:.625rem 1rem;font-size:.9375rem;font-weight:500;transition:all .2s}.btn-load:hover{background-color:#2563eb;box-shadow:0 2px 4px #3b82f633}.btn-load:active{transform:translateY(1px)}.btn-load:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-secondary{color:#334155;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:.375rem;width:100%;margin-top:1rem;padding:.625rem 1rem;font-size:.9375rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background-color:#e2e8f0}.manual-panel{margin-top:1rem}.manual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.manual-field{color:#475569;flex-direction:column;gap:.3rem;font-size:.78rem;display:flex}.manual-field input,.engine-select{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.375rem;padding:.45rem .55rem;font-size:.82rem}.manual-field input:focus,.engine-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61f}.manual-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.manual-actions .btn-load,.manual-actions .btn-secondary{margin-top:.75rem}.generated-pgn{height:10rem;margin-top:.75rem}.copy-status{color:#0369a1;margin-top:.5rem;font-size:.8rem}.manual-download{margin-top:.75rem}@media (max-width:480px){.manual-grid,.manual-actions{grid-template-columns:1fr}}.error-message{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;margin-top:1rem;padding:.75rem;font-size:.875rem}.game-info{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;margin-top:1.5rem;padding:1rem}.info-title{color:#475569;margin-bottom:.75rem;font-size:1rem;font-weight:600}.info-content{flex-direction:column;gap:.5rem;max-height:16rem;font-size:.875rem;display:flex;overflow-y:auto}.info-row{color:#64748b;line-height:1.5}.info-key{color:#334155;font-weight:500}.board-panel{flex-direction:column;display:flex}.board-container{aspect-ratio:1;width:100%;max-width:500px;margin:0 auto}.controls{justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.btn-nav{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:.375rem;min-width:2.5rem;padding:.5rem 1rem;font-size:1.125rem;font-weight:500;transition:all .2s}.btn-nav:hover{background-color:#e2e8f0;border-color:#cbd5e1}.btn-nav:active{transform:translateY(1px)}.btn-nav:disabled,.btn-play:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-play{cursor:pointer;color:#fff;background-color:#10b981;border:none;border-radius:.375rem;padding:.5rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .2s}.btn-play:hover{background-color:#059669;box-shadow:0 2px 4px #10b98133}.btn-play:active{transform:translateY(1px)}.btn-play.playing{background-color:#ef4444}.btn-play.playing:hover{background-color:#dc2626;box-shadow:0 2px 4px #ef444433}.board-options{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.speed-control{flex-direction:column;gap:.5rem;display:flex}.speed-label{color:#64748b;justify-content:space-between;font-size:.8125rem;font-weight:500;display:flex}.speed-slider{accent-color:#3b82f6;cursor:pointer;width:100%;height:.375rem}.speed-slider::-webkit-slider-thumb{cursor:pointer;background:#3b82f6;width:1rem;height:1rem}.btn-flip{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:.375rem;width:100%;padding:.625rem 1rem;font-size:.9375rem;font-weight:500;transition:all .2s}.btn-flip:hover{background-color:#e2e8f0;border-color:#cbd5e1}.btn-flip:active{transform:translateY(1px)}.moves-panel{flex-direction:column;height:35rem;display:flex}.moves-list{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;flex:1;padding:1rem;overflow-y:auto}.moves-list::-webkit-scrollbar{width:.5rem}.moves-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:.25rem}.moves-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:.25rem}.moves-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.moves-grid{grid-template-columns:repeat(2,1fr);gap:.375rem;display:grid}.move-item{cursor:pointer;color:#475569;border:1px solid #0000;border-radius:.375rem;gap:.5rem;padding:.5rem .75rem;font-family:SF Mono,Consolas,Monaco,monospace;font-size:.875rem;transition:all .15s;display:flex}.move-item:hover{background-color:#f1f5f9;border-color:#e2e8f0}.move-item.active-move{color:#fff;background-color:#3b82f6;border-color:#3b82f6;font-weight:500}.move-number{color:#94a3b8;width:1.75rem;font-weight:500}.move-item.active-move .move-number{color:#bfdbfe}