body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-container{align-items:center;background-color:#282c34;color:#fff;height:100vh;justify-content:center}.button-container,.home-container{display:flex;flex-direction:column}.button-container{gap:1rem;margin-top:2rem}.play-button{background-color:#61dafb;border:none;border-radius:5px;color:#282c34;cursor:pointer;font-size:1.5rem;padding:1rem 3rem;transition:transform .2s,background-color .2s}.play-button:hover{background-color:#4fa8c7;transform:scale(1.05)}.play-button.multiplayer{background-color:#4caf50}.play-button.multiplayer:hover{background-color:#45a049}.color-selection-container{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.color-buttons{margin-top:2rem}.color-button{transition:transform .2s}.game-container{align-items:center;background-color:#282c34;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.board-container{margin-bottom:20px}.multiplayer-selection-container{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.multiplayer-buttons{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.multiplayer-button{border:none;border-radius:5px;cursor:pointer;font-size:1.5rem;padding:1rem 3rem;transition:transform .2s,background-color .2s}.multiplayer-button:hover{transform:scale(1.05)}.multiplayer-button.create{background-color:#4caf50;color:#fff}.multiplayer-button.create:hover{background-color:#45a049}.multiplayer-button.join{background-color:#2196f3;color:#fff}.multiplayer-button.join:hover{background-color:#1976d2}.create-game-container{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}.color-selection{margin:2rem 0;text-align:center}.color-buttons{display:flex;gap:2rem;margin-top:1rem}.color-button{border:none;border-radius:5px;cursor:pointer;font-size:1.5rem;padding:1rem 3rem;transition:transform .2s,opacity .2s}.color-button:hover{transform:scale(1.05)}.color-button.selected{box-shadow:0 0 15px #ffffff80;transform:scale(1.1)}.color-button.white{background-color:#fff;color:#282c34}.color-button.black{background-color:#282c34;border:2px solid #fff;color:#fff}.generate-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;margin:1rem 0;padding:1rem 2rem;transition:background-color .2s}.generate-button:disabled{background-color:#ccc;cursor:not-allowed}.generate-button:hover:not(:disabled){background-color:#45a049}.game-code-section{margin:2rem 0;text-align:center}.game-code{background-color:#1a1a1a;border:2px solid #61dafb;border-radius:5px;font-size:2.5rem;font-weight:700;letter-spacing:.5rem;margin:1rem 0;padding:1rem}.code-instructions{color:#61dafb;margin:1rem 0}.start-button{background-color:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;margin:1rem 0;padding:1rem 2rem;transition:background-color .2s}.start-button:hover{background-color:#1976d2}.join-game-container{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px}.join-game-container h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem}.join-form{background-color:#1a1a1a;border-radius:10px;margin:2rem 0;max-width:400px;padding:2rem;width:100%}.input-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.input-group label{color:#61dafb;font-size:1.1rem;margin-bottom:.5rem}.input-group input{background-color:#282c34;border:2px solid #61dafb;border-radius:5px;color:#fff;font-size:1.2rem;letter-spacing:.5rem;padding:.8rem;text-align:center;text-transform:uppercase}.input-group input:focus{border-color:#4fa8c7;box-shadow:0 0 10px #61dafb4d;outline:none}.input-group input.error{border-color:#f44}.error-message{color:#f44;font-size:.9rem;margin-top:.5rem}.join-button{background-color:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem;transition:background-color .2s;width:100%}.join-button:disabled{background-color:#ccc;cursor:not-allowed}.join-button:hover:not(:disabled){background-color:#1976d2}.back-button{background-color:#61dafb;color:#282c34;font-size:1rem;margin-top:2rem;padding:.5rem 1rem;transition:background-color .2s}.back-button:hover{background-color:#4fa8c7}.multiplayer-game-container{align-items:center;background-color:#282c34;display:flex;flex-direction:column;min-height:100vh;padding:20px}.chat-toggle{display:none}.game-content{display:flex;gap:20px;max-width:1200px;width:100%}.game-board-section{align-items:center;background-color:#1a1a1a;border-radius:15px;box-shadow:0 0 20px #0000004d;display:flex;flex:1 1;flex-direction:column;gap:20px;max-width:600px;padding:20px;width:100%}.game-info{margin-bottom:20px;text-align:center;width:100%}.game-info h2{color:#fff;margin-bottom:10px}.status-message{color:#ccc;font-size:1.1em}.status-message.game-over{color:#e74c3c;font-weight:700}.board-container{aspect-ratio:1;background-color:#2c2c2c;box-shadow:inset 0 0 10px #00000080;margin:0 auto;width:90%}.board-container,.board-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.board-wrapper{height:100%;width:100%}.board-wrapper>div,.board-wrapper>div>div{height:100%!important;width:100%!important}.back-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .3s}.back-button:hover{background-color:#c0392b}.chat-section{width:300px}@media (max-width:1200px){.game-content{align-items:center;flex-direction:column}.game-board-section{max-width:600px;padding:15px;width:100%}.board-container{padding:20px;width:90%}.chat-section{max-width:600px;width:100%}}@media (max-width:768px){.multiplayer-game-container{padding:10px}.game-content{gap:5px;padding:0}.game-board-section{border-radius:10px;gap:5px;padding:10px;width:100%}.game-info,.game-info h2{margin-bottom:5px}.game-info h2{font-size:1.1em}.status-message{font-size:.9em}.board-container{padding:20px;width:90%}.board-wrapper{height:100%;width:100%}.chat-section{display:none}.chat-toggle{background-color:#4caf50;border:none;border-radius:25px;bottom:15px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:block;font-size:16px;padding:10px 20px;position:fixed;right:15px;transition:transform .2s;z-index:1000}.chat-toggle:hover{transform:scale(1.1)}.chat-visible .chat-section{background-color:#1a1a1a;border-radius:10px;bottom:70px;box-shadow:0 0 20px #0000004d;display:block;height:400px;max-width:350px;overflow:hidden;position:fixed;right:15px;width:calc(100% - 30px);z-index:999}.chat-visible .chat-container{border-radius:10px;height:100%;margin:0;width:100%}.chat-visible .chat-messages{height:calc(100% - 70px);max-height:none}.chat-visible .chat-input-form{background-color:#1a1a1a;border-top:1px solid #ffffff1a;bottom:0;left:0;padding:10px;position:absolute;right:0}}.chat-container{background-color:#1a1a1a;border-radius:10px;box-shadow:0 0 20px #00000080;height:600px;margin-left:20px;margin-top:100px;width:300px}.chat-container,.chat-messages{display:flex;flex-direction:column}.chat-messages{flex-grow:1;gap:10px;max-height:calc(100% - 70px);overflow-y:auto;padding:15px}.message{border-radius:15px;margin:2px 0;max-width:80%;padding:8px 12px}.own-message{align-self:flex-end;background-color:#4caf50}.opponent-message{align-self:flex-start;background-color:#2196f3}.message-content{display:flex;flex-direction:column}.message-sender{font-size:.8em;margin-bottom:2px;opacity:.8}.message-text{word-break:break-word}.chat-input-form{background-color:#1a1a1a;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #ffffff1a;display:flex;gap:10px;padding:15px}.chat-input{background-color:#ffffff1a;border:none;border-radius:5px;color:#fff;flex-grow:1;font-size:1em;min-width:0;padding:8px 12px}.chat-input:focus{background-color:#ffffff26;outline:none}.send-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 12px;transition:background-color .3s;white-space:nowrap}.send-button:hover{background-color:#45a049}.captured-pieces{padding:8px;position:absolute;z-index:10}.pieces-container{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-height:20px}.captured-piece{font-size:1.5em;line-height:1}.captured-pieces.white .captured-piece{color:#fff;text-shadow:0 0 2px #00000080}.captured-pieces.black .captured-piece{color:#000;text-shadow:0 0 2px #ffffff80}.captured-pieces.top{left:50%;top:-50px;transform:translateX(-50%)}.captured-pieces.bottom{bottom:-50px;left:50%;transform:translateX(-50%)}.App{align-items:center;background-color:#282c34;display:flex;flex-direction:column;justify-content:center;min-height:100vh;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)}}.board-container{background-color:#1a1a1a;border-radius:10px;box-shadow:0 0 20px #00000080;padding:20px}
/*# sourceMappingURL=main.9bdaec0e.css.map*/