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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-bg:#f0eae6;--color-primary:#8e7f7d;--color-secondary:#b0a8a6;--color-text:#4a4a4a;--color-accent:#d1c3bf;--color-black:#3a3a3a;--color-white:#fff;--color-highlight:#e6d7d2}body{background-color:#f0eae6;background-color:var(--color-bg);color:#4a4a4a;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.join-game-container{align-items:center;display:flex;height:100vh;justify-content:center}.join-game-container form{background-color:#fff;background-color:var(--color-white);border-radius:15px;box-shadow:0 10px 20px #0000001a;padding:2rem;text-align:center;width:300px}.join-game-container input{border:1px solid #b0a8a6;border:1px solid var(--color-secondary);border-radius:10px;margin-bottom:1rem;padding:.5rem;width:100%}.join-game-container button{background-color:#8e7f7d;background-color:var(--color-primary);border:none;border-radius:10px;color:#fff;color:var(--color-white);cursor:pointer;padding:.5rem;transition:background-color .3s ease;width:100%}.join-game-container button:hover{background-color:#b0a8a6;background-color:var(--color-secondary)}.game-container{display:flex;gap:2rem;margin:2rem auto;max-width:1200px;padding:1rem}.game-board{grid-gap:1px;background-color:#b0a8a6;background-color:var(--color-secondary);border-radius:15px;box-shadow:0 10px 20px #0000001a;display:grid;gap:1px;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);height:450px;padding:10px;width:450px}.cell{aspect-ratio:1/1;background-color:#f0eae6;background-color:var(--color-bg);border:none;cursor:pointer;height:100%;margin:0;padding:0;position:relative;transition:all .3s ease;width:100%}.cell:hover:not(:disabled){background-color:#d1c3bf;background-color:var(--color-accent)}.cell:disabled{cursor:not-allowed;opacity:.9}.cell:before{border-radius:50%;content:"";height:80%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.cell.B:before{background-color:#3a3a3a;background-color:var(--color-black)}.cell.W:before{background-color:#fff;background-color:var(--color-white);border:1px solid #3a3a3a;border:1px solid var(--color-black)}.cell.last-move:after{border:3px solid #ff0;border-radius:50%;bottom:3px;content:"";left:3px;pointer-events:none;position:absolute;right:3px;top:3px}.game-info{display:flex;flex:1 1;flex-direction:column;gap:1rem}.status{color:#8e7f7d;color:var(--color-primary);font-size:1.2rem;text-align:center}.chat-box,.draw-offer,.game-controls,.player-list,.spectator-list{background-color:#fff;background-color:var(--color-white);border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:1rem}h3{color:#8e7f7d;color:var(--color-primary);margin-top:0}ul{list-style-type:none;padding:0}li{border-bottom:1px solid #f0eae6;border-bottom:1px solid var(--color-bg);padding:.5rem 0}li:last-child{border-bottom:none}.current-player{color:#8e7f7d;color:var(--color-primary);font-weight:700}.game-controls{display:flex;flex-direction:column;gap:.5rem}button{background-color:#8e7f7d;background-color:var(--color-primary);border:none;color:#fff;color:var(--color-white);cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}button:hover:not(:disabled){background-color:#b0a8a6;background-color:var(--color-secondary)}button:disabled{cursor:not-allowed;opacity:.5}.chat-box .messages{background-color:#f0eae6;background-color:var(--color-bg);border-radius:10px;height:400px;margin-bottom:1rem;overflow-y:auto;padding:.5rem}.chat-box form{display:flex}.chat-box input{border:1px solid #b0a8a6;border:1px solid var(--color-secondary);border-radius:10px 0 0 10px;flex:1 1;padding:.5rem}.chat-box button{border-radius:0 10px 10px 0}.my-message{color:#8e7f7d;color:var(--color-primary);text-align:right}.other-message{color:#b0a8a6;color:var(--color-secondary);text-align:left}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;background-color:var(--color-white);border-radius:15px;box-shadow:0 10px 20px #0000001a;max-width:500px;padding:2rem;text-align:center;width:90%}.modal-content h2{color:#8e7f7d;color:var(--color-primary);font-size:1.5rem;margin-bottom:1rem;margin-top:0}.modal-content p{color:#4a4a4a;color:var(--color-text);font-size:1.1rem;margin-bottom:1.5rem}.modal-content button{background-color:#8e7f7d;background-color:var(--color-primary);border:none;border-radius:10px;color:#fff;color:var(--color-white);cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease}.modal-content button:hover{background-color:#b0a8a6;background-color:var(--color-secondary)}
/*# sourceMappingURL=main.65971703.css.map*/