:root{--background-color:#fff;--text-color:#000;--secondary-text-color:#666;--paper-color:#f5f5f5;--border-color:#e0e0e0;--shadow-color:#0000001a;--hover-color:#f0f0f0;--primary-color:#2563eb}[data-theme=dark]{--background-color:linear-gradient(135deg,#1a1a1a,#0f0f0f);--text-color:#e4e4e7;--secondary-text-color:#a1a1aa;--paper-color:linear-gradient(145deg,#2a2a2d,#25252a);--border-color:#3f3f46;--shadow-color:#0006;--card-gradient:linear-gradient(145deg,#27272a,#1f1f23);--button-gradient:linear-gradient(145deg,#3f3f46,#35353a);--hover-color:#374151;--primary-color:#3b82f6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--background-color);color:#000;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;transition:background .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.opening-page{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:clamp(320px,28vw,480px) 1fr clamp(260px,22vw,360px);height:100%;overflow:hidden;padding:8px 16px}.opening-page .repertoire-nav{height:95%;margin-bottom:auto;margin-top:auto;overflow:auto}.center-card--invisible{background:#0000!important;border:none!important;box-shadow:none!important}.board-area{align-items:center;display:flex;height:100%;justify-content:center;min-height:0;overflow:hidden;padding:0}.board-with-eval-wrapper{align-items:center;display:flex;flex-direction:column;gap:12px}.board-with-eval{align-items:stretch;display:flex;gap:16px;height:-webkit-fit-content;height:fit-content}.fen-container{align-items:center;display:flex;gap:8px}.fen-display{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#666;font-family:Courier New,monospace;font-size:12px;max-width:500px;padding:8px 12px;text-align:center;word-break:break-all}.fen-copy-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px 6px;transition:background-color .2s,color .2s,transform .1s}.fen-copy-button:hover{background-color:#0000001a}.fen-copy-button:active{background-color:#0003;transform:scale(.95)}.fen-copy-button.copied{animation:copySuccess .3s ease-out;color:#22c55e}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}[data-theme=dark] .fen-display{background-color:#424242;border:1px solid #616161;color:#fff}[data-theme=dark] .fen-copy-button:hover{background-color:#ffffff1a}[data-theme=dark] .fen-copy-button:active{background-color:#fff3}.eval-bar-container{align-items:stretch;align-self:stretch;display:flex}.right-pane{display:flex;flex-direction:column;gap:5px;height:95%;margin-bottom:auto;margin-top:auto;min-height:0}.right-eval-card{display:flex;flex:0 0 160px;flex-direction:column;overflow:auto}.right-tabs-card{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:auto}@media (min-width:1600px){.opening-page{column-gap:20px;grid-template-columns:clamp(250px,24vw,520px) 1fr clamp(250px,24vw,460px);margin-inline:auto;max-width:1800px}.board-area{padding-inline:16px}}.chess-board{position:relative}.game-over-indicator{align-items:flex-start;display:flex;height:12.5%;justify-content:flex-end;padding:2px;pointer-events:none;position:absolute;width:12.5%;z-index:10}.game-over-circle{align-items:center;background-color:#000;border:1px solid #ffffff4d;border-radius:50%;display:flex;height:22px;justify-content:center;width:22px}.game-over-text{color:#fff;font-size:14px;font-weight:700;line-height:1}.accordion-details-scroll{background:#f9f9f9;background:var(--card-gradient,var(--background-color,#f9f9f9));border:1px solid #ccc;border:1px solid var(--border-color,#ccc);color:#000;color:var(--text-color,#000);max-width:100%;overflow-x:auto;padding:8px;transition:background .3s ease,border-color .3s ease,color .3s ease;white-space:nowrap}.header-bar{background:var(--paper-color);background:var(--card-gradient,var(--paper-color));border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;max-width:600px;padding:10px 20px;transition:background .3s ease,border-color .3s ease;width:100%}.header-bar,.toggle-container{align-items:center;display:flex}.toggle-label{color:var(--text-color);font-size:16px;font-weight:700;margin:0 8px;transition:color .3s ease}.toggle-switch{background-color:#ddd;border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background-color .3s ease;width:50px}.toggle-switch.edit-mode{background-color:#28a745}.toggle-thumb{background-color:#fff;border-radius:50%;height:20px;left:2px;position:absolute;top:2px;transition:left .3s ease;width:20px}.toggle-switch.edit-mode .toggle-thumb{left:28px}.edit-mode-buttons{display:flex;gap:10px}button{border:none;font-size:14px;padding:8px 16px}.cancel-button{background-color:#ff4d4d;color:#fff}.undo-button{background-color:#f0ad4e;color:#fff}.save-button{background-color:#007bff;color:#fff}button:disabled{background-color:#ccc}.moves-panel{align-items:flex-start;background:#0000;color:#000;color:var(--text-color,#000);height:50%;max-height:60vh;overflow-y:auto;transition:background .3s ease,border-color .3s ease,color .3s ease}.move-list,.moves-panel{display:flex;flex-direction:column;width:100%}.move-list{gap:4px;list-style:none;margin:0;padding:0}.move-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:40px 1fr 1fr;padding:2px 0}.move-number{color:#000;color:var(--text-color,#000);font-weight:700;padding-right:4px;text-align:right}.move-item{border-radius:4px;cursor:pointer;padding:2px 4px;transition:background-color .2s;white-space:nowrap}.move-item:hover{background-color:#f0f0f0}.move-item.active{background-color:#e6f7ff;color:blue;font-weight:700}.navigation{display:flex;justify-content:space-between;margin-top:10px;width:100%}button{background-color:var(--paper-color);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;padding:5px 10px;transition:background-color .3s ease,transform .2s ease}button:hover{transform:scale(1.05)}button:disabled,button:hover{background-color:var(--border-color)}button:disabled{cursor:not-allowed;opacity:.6}.footer-bar{align-items:center;background:var(--paper-color);background:var(--card-gradient,var(--paper-color));border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-around;padding:10px;transition:background .3s ease,border-color .3s ease}.footer-bar button{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#1976d2;cursor:pointer;font-size:16px;padding:8px 12px;transition:background-color .3s,transform .2s,color .3s}.footer-bar button:hover{background-color:#e0e0e0;transform:scale(1.05)}.footer-bar button:active{background-color:#d0d0d0;transform:scale(1)}.footer-bar .back-button{background-color:#1976d2;color:#fff}.footer-bar .back-button:hover{background-color:#115293}.footer-bar .back-button:active{background-color:#0d47a1}.footer-bar .forward-button{background-color:#d32f2f;color:#fff}.footer-bar .forward-button:hover{background-color:#9a0007}.footer-bar .forward-button:active{background-color:#c62828}.evaluation-bar-container{background:#f0f0f0;border:1px solid #ccc;border-radius:6px;display:flex;flex-direction:column;height:100%;min-height:400px;overflow:hidden;position:relative}.evaluation-bar-white{align-items:flex-end;background:linear-gradient(0deg,#fff 0,#f5f5f5);border-top:1px solid #ddd;order:2}.evaluation-bar-black,.evaluation-bar-white{display:flex;justify-content:center;transition:height .3s ease}.evaluation-bar-black{align-items:flex-start;background:linear-gradient(180deg,#2c2c2c 0,#1a1a1a);border-bottom:1px solid #666;order:1}.evaluation-bar-center-line{background:#666;height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}@media (max-width:768px){.evaluation-bar-container{border-radius:2px}}#root,body,html{height:100%;overflow:hidden}.global-layout{display:flex;flex-direction:column;height:100%}.global-content{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
/*# sourceMappingURL=main.b2fe4169.css.map*/