body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:lightgrayscale;align-items:center;display:flex;flex-direction:column;float:left;font-family:inherit;justify-content:center;margin:0 0 50px 50px;.chess-table{display:flex;flex-direction:column;width:600px;.fen-layout{margin:5px;#horiz{#edit-string{width:485px}#edit-string,#submitFen{border-radius:5px;height:38px;margin:5px}#submitFen{background-color:#006400;color:#fff;font-size:12px}}}.ascii-layout{display:flex;margin:5px;#board{background-color:#add8e6;border-radius:5px;color:#000;font-size:15px;margin:5px;padding:10px;width:100%}}.moves-layout{display:flex;justify-content:space-between;margin:5px;.moves-forward{#move,#selectedMove{background-color:#fff;width:100px}#move,#selectedMove,#submitMove{border-radius:5px;height:35px;margin:5px}#submitMove{background-color:#006400;color:#fff;font-size:12px}}#undo{background-color:darkred;border-radius:5px;color:#fff;font-size:12px;height:35px;margin:5px}}}}.helper-select-container{display:inline-block;position:relative}.helper-select-container select.helper-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid #4e5d6c;border-radius:.375rem;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;min-width:200px;padding:.375rem 2.25rem .375rem .75rem;width:auto}.helper-select-container select.helper-select:focus{border-color:#8e9fad;box-shadow:0 0 0 .25rem #4e5d6c40;outline:0}.helper-select-container select.helper-select option{background-color:#4e5d6c;color:#fff}.App{text-align:left}.App .chess-container{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:0 20px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.title{padding-left:20px;text-align:left}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.display-options{display:flex;gap:8px;justify-content:center;margin:5px;margin:10px 0;padding:5px}.display-toggle{background-color:#4a5568;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .2s}.display-toggle:hover,.display-toggle:hover:not(:disabled){background-color:#2d3748}.display-toggle:disabled{background-color:#2b6cb0;box-shadow:0 0 0 2px #4299e1;cursor:default}.header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.chess-container{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:1200px;padding:1rem}.dropdowns-container{display:flex;gap:1rem;justify-content:flex-start;margin-bottom:1rem;padding:0}.dropdowns-container .selector-container{padding:0}.dropdowns-container .select-control{margin:0;min-width:180px}.move-controls{margin-bottom:50vh}.selector-label{color:#fff}.arc-view-container{align-items:center;background-color:#1f2937;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}.arc-view-controls{align-items:center;display:flex;gap:.5rem;justify-content:center}.arc-view-svg-container{display:flex;justify-content:center;max-width:800px;width:100%}.arc-view-svg{background-color:#374151;border:1px solid #4b5563;border-radius:.5rem;height:auto;width:100%}.board-display{display:flex;margin:0 auto;width:630px}.ascii-board{border-radius:5px;color:#000;font-family:monospace;font-size:31px;margin:5px;overflow-x:auto;padding:10px;white-space:pre;width:100%}.ascii-board,.ascii-board--cyborg{background-color:#2a9fd6}.ascii-board--vapor{background-color:#6f42c1}.ascii-board--journal{background-color:#eb6864}.ascii-board--solar{background-color:#b58900}.ascii-board--superhero{background-color:#df6919}.ascii-board--minty{background-color:#78c2ad}.selector-container{display:flex;justify-content:flex-start}.selector-wrapper{align-items:flex-start;display:flex;flex-direction:column}.selector-label{font-weight:500;margin-bottom:.5rem}.select-control{border-radius:.25rem;display:flex;gap:8px;justify-content:center;margin:10px 0;min-width:200px;padding:.5rem 1rem}.select-control:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e180;outline:none}.select-control:hover{background:#374151}.select-control option{background:#2d3748;color:#fff;padding:8px}.select-control::-ms-expand{display:none}.select-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;padding-right:2.5rem}.fen-layout{align-items:flex-start;display:flex;flex-direction:column}.fen-controls,.fen-layout{margin:0;padding:0;width:100%}#edit-string{background-color:#fff;border:1px solid #4e5d6c;border-radius:5px;font-family:monospace;font-size:14px;height:38px;margin-bottom:8px;padding:0 10px;width:100%}#submitFen{width:100%}.history-table-container{background-color:#1f2937;border:1px solid #374151;border-radius:.5rem;display:flex;flex-direction:column;height:600px;max-width:800px;overflow:hidden;position:relative;width:100%}.history-table-header{align-items:center;background-color:#111827;border-bottom:1px solid #374151;border-radius:.5rem .5rem 0 0;display:flex;justify-content:space-between;padding:1rem}.history-table-header h3{color:#e5e7eb;font-size:1.125rem;font-weight:600;margin:0}.position-info{color:#9ca3af;font-size:.875rem;font-weight:500}.history-table-wrapper{flex:1 1;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth}.history-table{border-collapse:collapse;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;width:100%}.history-table thead{background-color:#374151;box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:10}.history-table th{border-bottom:2px solid #4b5563;color:#60a5fa;font-weight:600;padding:.75rem 1rem;text-align:left;white-space:nowrap}.history-table th:first-child{width:60px}.history-table th:nth-child(2){width:120px}.history-table th:nth-child(3){width:80px}.history-table th:last-child{min-width:300px;width:auto}.history-row{scroll-margin:2rem;transition:all .2s ease}.history-row:hover{background-color:#374151}.history-row.current-position{animation:highlightPulse 1s ease-in-out;background-color:#1e3a8a;border-left:4px solid #3b82f6;box-shadow:0 0 0 1px #3b82f6}.history-row.current-position:hover{background-color:#1e40af}@keyframes highlightPulse{0%{box-shadow:0 0 0 1px #3b82f6}50%{box-shadow:0 0 0 3px #3b82f680}to{box-shadow:0 0 0 1px #3b82f6}}.history-table td{border-bottom:1px solid #374151;color:#d1d5db;padding:.5rem 1rem;vertical-align:top}.ply-cell{color:#9ca3af;font-weight:600;text-align:center}.move-cell{color:#60a5fa;font-weight:500}.uci-cell{color:#fbbf24;font-size:.8rem}.fen-cell,.uci-cell{font-family:monospace}.fen-cell{color:#9ca3af;font-size:.75rem;line-height:1.4;max-width:0;word-break:break-all}.history-table-wrapper::-webkit-scrollbar{width:12px}.history-table-wrapper::-webkit-scrollbar-track{background:#1f2937;border-radius:6px}.history-table-wrapper::-webkit-scrollbar-thumb{background:#4b5563;border:2px solid #1f2937;border-radius:6px}.history-table-wrapper::-webkit-scrollbar-thumb:hover{background:#6b7280}.history-table-wrapper::-webkit-scrollbar-thumb:active{background:#9ca3af}.history-table-wrapper{scrollbar-color:#4b5563 #1f2937;scrollbar-width:thin}@media (max-width:768px){.history-table-container{height:400px}.history-table-header{flex-direction:column;gap:.5rem;text-align:center}.history-table td,.history-table th{padding:.5rem}.fen-cell{font-size:.6rem}}.history-row:focus-within{outline:2px solid #3b82f6;outline-offset:-2px}.history-table-wrapper{scroll-padding-top:3rem}.moves-layout{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;width:100%}.moves-forward{display:flex;flex:1 1;gap:.5rem;min-width:300px}#selectedMove{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid #4a5568;border-radius:5px;cursor:pointer;font-family:monospace;font-size:14px;height:38px;padding:0 2.5rem 0 10px;transition:opacity .2s,background-color .2s;width:100px}#selectedMove:focus{border-color:#2b6cb0;box-shadow:0 0 0 1px #2b6cb0;outline:none}#selectedMove:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed;opacity:.6}#move{background-color:#fff;border:1px solid #4a5568;border-radius:5px;font-family:monospace;font-size:14px;height:38px;padding:0 10px;transition:opacity .2s,background-color .2s;width:100px}#move:focus{border-color:#2b6cb0;box-shadow:0 0 0 1px #2b6cb0;outline:none}#move:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed;opacity:.6}#move:disabled::placeholder{color:#cbd5e0}#submitMove{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;height:38px;padding:0 15px;transition:background-color .2s,opacity .2s;white-space:nowrap}#submitMove:hover:not(:disabled){background-color:#006400}#submitMove:active:not(:disabled){background-color:#004d00}#submitMove:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}#undo{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;height:38px;padding:0 15px;transition:background-color .2s,opacity .2s;white-space:nowrap}#undo:hover:not(:disabled){background-color:#8b0000}#undo:active:not(:disabled){background-color:#600}#undo:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.move-error,.undo-message{background-color:#fee;border:1px solid #fcc;border-radius:4px;font-size:.875rem;margin-top:.5rem;padding:.5rem}@media (max-width:768px){.moves-layout{align-items:stretch;flex-direction:column}.moves-forward{flex-wrap:wrap;min-width:auto}#move,#selectedMove,#submitMove,#undo{margin-bottom:.5rem;width:100%}}.navigation-controls{display:flex;flex-direction:column;gap:10px;margin:10px 0}.navigation-buttons{flex-wrap:wrap;gap:8px}.nav-button,.navigation-buttons{align-items:center;display:flex;justify-content:center}.nav-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:32px;height:72px;min-width:80px;padding:8px 12px;transition:background-color .2s ease}.nav-button:hover:not(:disabled){background:#0056b3}.nav-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.5}.position-indicator{color:#333;font-size:14px;font-weight:700;margin:0 8px;min-width:60px;text-align:center}.navigation-controls{background:#0000000d;border-radius:6px;padding:10px}@media (max-width:768px){.navigation-buttons{gap:4px}.nav-button{font-size:14px;height:32px;min-width:32px;padding:6px 8px}.position-indicator{font-size:12px;margin:0 4px;min-width:50px}}body{.start-fen{border-radius:5px;height:38px;margin:5px;width:485px}}.position-layout{display:flex;margin:5px auto;padding:0;width:100%}.position-select{background-position:right .75rem center;border-radius:5px;height:38px;padding:0 10px;text-align:center;width:500px}.position-select:focus{box-shadow:0 0 0 1px #2b6cb0;outline:none}.position-select option{padding:8px}.position-select::-ms-expand{display:none}@media (max-width:768px){.position-layout{margin:5px 0;max-width:400px}}.theme-selector-wrapper{align-items:flex-start;display:flex;flex-direction:column}.theme-selector-container{display:flex;justify-content:flex-start}.theme-selector .select-control{border-radius:.25rem;display:flex;gap:8px;justify-content:center;margin:10px 0;min-width:180px;padding:.5rem 1rem}
/*# sourceMappingURL=main.f91b6986.css.map*/