@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap);body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}.desktop,.mobile{display:contents}.desktop *{margin:0;padding:0}.desktop *,.mobile *{box-sizing:border-box}body{background-color:#2d2d2d;color:#fff;font-family:Merriweather,serif;min-height:100vh;overflow:hidden}.App{align-items:center;background-color:#1c1c1c;border-radius:10px;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;padding:20px;width:100%}.mobile .App{height:100vh;padding:10px}.desktop .App-header{align-items:center;display:flex;margin-bottom:20px;width:100%}.mobile .App-header{flex-direction:column;justify-content:center}.desktop .App-logo{height:auto;margin-right:20px;width:60px}.mobile .App-logo{height:5rem;width:auto}.desktop .App-header h1{font-size:2rem;font-weight:700}.mobile .App-header h1{font-size:1.5rem;margin-bottom:0;text-align:left}.App-subtitle{color:#ccc;font-size:1.2rem;font-weight:400;margin-top:5px;text-align:left}.mobile .App-subtitle{font-size:.9rem;margin-top:0;text-align:center}main{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;padding:20px;width:100%}.desktop .container{display:flex;height:calc(100vh - 140px);overflow:hidden;width:100%}.chessboard-section{align-items:center;display:flex;justify-content:center;width:60%}.mobile .chessboard-section{height:100%;overflow:scroll;width:100%}.chat-container{background-color:#1c1c1c;border-radius:10px;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;overflow:hidden;padding:10px;width:40%}.mobile .chat-container{height:100%;overflow:auto;width:100%}.mobile .header-title-row{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center}.mobile .title-container{display:flex;flex-direction:column}.mobile .tabs{display:flex;justify-content:space-around;margin:10px 0;width:100%}.mobile .tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#ccc;cursor:pointer;flex:1 1;font-size:1.2rem;font-weight:700;text-align:center}.mobile .tab-button.active{border-bottom:3px solid #007bff;color:#fff}.mobile .tab-content{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.hidden-tab{display:none}.active-tab{display:flex}@media (max-width:600px){.mobile .App-header h1{font-size:1.5rem}.mobile .App-subtitle{font-size:.9rem;margin-top:0}.mobile .tab-button{font-size:1rem}}.chessboard-wrapper{align-items:center;display:flex;width:100%}.mobile .chessboard-wrapper{flex-direction:column;height:calc(100% - 50px);padding:10px}.info-container{align-items:flex-start;display:flex;flex-direction:column;margin-right:20px;width:30%}.mobile .info-container{height:50%;width:100%}.chessboard-container{display:flex;flex-direction:column;padding:10px;position:relative}.desktop .chessboard-container{align-items:center;background-color:#2d2d2d;border:1px solid #444;border-radius:8px;box-shadow:0 0 20px #0003;margin-left:55px;overflow:auto}.mobile .chessboard-container{justify-content:end;width:100%}.reset-button{background-color:#444;border:none;border-radius:5px;color:#fff;cursor:pointer;left:10px;top:10px}.desktop .reset-button{border-radius:5px;font-size:1.2rem;margin-top:5px;padding:5px 10px;position:absolute}.mobile .reset-button{border-radius:5px;font-size:1rem;justify-content:left;margin:2px;padding:3px 5px}.desktop .reset-button:hover{background-color:#555}.flip-button{background-color:#444;border:none;border-radius:5px;color:#fff;cursor:pointer}.desktop .flip-button{font-size:1.2rem;margin-bottom:5px;margin-left:90%;margin-top:5px;padding:5px 10px}.mobile .flip-button{font-size:1rem;justify-content:left;margin:2px;padding:3px 5px;right:10px;top:10px}.desktop .flip-button:hover{background-color:#555}.controls{display:flex;justify-content:flex-end;margin-top:10px;width:100%}.mobile .controls,.navigation-buttons{justify-content:center}.navigation-buttons{display:flex}.mobile .navigation-buttons{justify-content:end;margin:2px;padding:3px 5px;width:100%}.navigation-buttons button{background-color:#444;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-right:10px}.desktop .navigation-buttons button{padding:5px 20px}.desktop .navigation-buttons button:hover{background-color:#555}.desktop #fen,.desktop #pgn{background-color:#333;border:1px solid #555;border-radius:5px;color:#fff;font-size:.9rem;height:70px;padding:5px;width:100%}.desktop #pgn{height:150px}.desktop .fen-input,.desktop .pgn-input{margin-top:50px;width:100%}.mobile .fen-input,.mobile .pgn-input{color:#fff;font-size:1.1rem;font-weight:700;margin:0;text-align:center;width:100%}.mobile .fen-pgn-container{display:flex;gap:10px;height:40%;justify-content:space-between;margin-top:5px}.stockfish-control{width:100%}.mobile .stockfish-control{background-color:#1c1c1c;border-radius:8px;box-shadow:0 0 15px #0003;height:60%;overflow-y:auto}.best-lines{margin-top:10px;width:100%}.mobile .best-lines{margin-top:3px}.best-lines .pgn-line{background-color:#333;border:1px solid #555;border-radius:5px;color:#fff;font-size:.8rem;margin-bottom:5px;overflow-x:scroll;overflow-y:auto;padding:5px;width:100%}.desktop .best-lines .pgn-line{height:100px;overflow-x:hidden}.desktop .score-display{margin-bottom:10px;width:100%}.stockfish-title{color:#fff;font-weight:700;margin-bottom:10px;text-align:center}.desktop .stockfish-title{font-size:1.5rem}.mobile .stockfish-title{font-size:1.1rem;margin:0}.desktop .stockfish-toggle,.mobile .container{align-items:center;display:flex}.desktop .stockfish-toggle{justify-content:space-between;margin-bottom:20px}.mobile .stockfish-toggle{display:inline-block;height:15px;margin-right:10px;position:relative;width:40px}.mobile .stockfish-toggle input{height:0;opacity:0;width:0}.desktop .switch{display:inline-block;height:20px;position:relative;width:40px}.desktop .switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.mobile .slider{border-radius:10px;bottom:1px}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:.4s;width:14px}.mobile .slider:before{bottom:2px;height:10px;left:5px;width:10px}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translateX(20px)}.score-display-text{color:#fff;font-size:1.5rem;font-weight:700;margin-left:15px}.mobile .score-display-text{font-size:1.1rem}.desktop .chess-symbol{font-size:1.3rem;margin-right:2px;vertical-align:middle}.mobile textarea{background-color:#333;border:1px solid #555;border-radius:5px;color:#fff;font-size:.8rem;width:100%}.chatbot,.mobile textarea{display:flex;flex-direction:column;height:100%;padding:10px}.chatbot{background-color:#1c1c1c;border-radius:10px;box-shadow:0 4px 15px #0000004d;overflow:hidden;position:relative}.messages{flex:1 1;margin-bottom:10px;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.message{word-wrap:break-word;border-radius:5px;display:block;margin-bottom:10px;max-width:75%;padding:10px;white-space:pre-wrap}.message.user{align-self:flex-end;background-color:#444;margin-left:auto;margin-right:50px}.icon.user-icon{float:right}.message.bot{word-wrap:break-word;align-self:flex-start;background-color:#333;margin-left:50px;margin-right:auto;white-space:pre-wrap}.bot-icon{float:left}.icon{font-size:1.5rem;height:40px;margin-left:10px;margin-right:10px;width:40px}.message ol,.message ul{margin-bottom:10px;margin-left:20px;padding-left:20px}.message li{margin-bottom:5px}.button-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px}.button-container button{background-color:#444;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.button-container button:hover{background-color:#555}.error-message{background-color:#e74c3c;border-radius:5px;box-shadow:0 4px 10px #0003;color:#fff;font-size:1rem;left:50%;padding:10px 20px;position:absolute;top:10px;transform:translateX(-50%);z-index:1000}.button-container button:disabled{background-color:#666;cursor:not-allowed}.loading-container{align-items:center;display:flex;justify-content:center;margin:20px 0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.loading-container p{color:#fff;font-size:1rem;margin-left:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.5157625c.css.map*/