h2{text-align:center}.login-page,.register-page,.room-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.board{grid-gap:1px;background-color:#333;display:grid;gap:1px;grid-template-columns:repeat(5,1fr)}.board-row{display:contents}.character{align-items:center;background-color:#eee;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.character:hover{background-color:#ddd}.register-container{align-items:center;background-color:#121212;display:flex;height:100vh;justify-content:center}.register-form{background-color:#1f1f1f;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:400px;padding:2rem;width:100%}.register-form h2{color:#fff;margin-bottom:1rem;text-align:center}.register-form input{background-color:#2c2c2c;border:1px solid #333;border-radius:4px;color:#fff;margin-bottom:1rem;padding:10px;width:100%}.register-form input::placeholder{color:#999}.register-form input:focus{outline:2px solid #4caf50;outline-offset:2px}.register-form button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s ease;width:100%}.register-form button:hover{background-color:#45a049}.register-form .register-link{margin-top:1rem;text-align:center}.register-form .register-link a{color:#4caf50;text-decoration:none}.register-form .register-link a:hover{text-decoration:underline}body{background-color:#121212;color:#fff}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-form{background-color:#1f1f1f;border-radius:8px;box-shadow:0 4px 8px #0003;padding:2rem;width:300px}.login-form h2{color:#fff;margin-bottom:1rem;text-align:center}.login-form input{background-color:#2c2c2c;border:1px solid #333;border-radius:4px;color:#fff;margin-bottom:1rem;padding:10px;width:100%}.login-form input::placeholder{color:#999}.login-form button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s ease;width:100%}.login-form button:hover{background-color:#45a049}.login-form .register-link{margin-top:1rem;text-align:center}.login-form .register-link a{color:#4caf50;text-decoration:none}.login-form .register-link a:hover{text-decoration:underline}.room-selection-container{align-items:center;background-color:#1e1e1e;color:#e0e0e0;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.room-selection-container h2{color:#fff;font-size:2rem;margin-bottom:20px}.room-selection-container button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin:10px;padding:15px 30px;transition:background-color .3s}.room-selection-container button:hover{background-color:#555}.logout-button{background-color:#444;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;position:absolute;right:20px;top:20px;transition:background-color .3s}.logout-button:hover{background-color:#666}body{background-color:#1c1c1c;color:#f8f9fa;font-family:Arial,sans-serif}.game-page-container{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:2rem}h1{color:#f8f9fa}.winner-banner,h1{margin-bottom:1rem}.winner-banner{background-color:#28a745;border-radius:8px;color:#fff;font-size:1.25rem;padding:.5rem 1rem}.game-board{grid-gap:7px;background-color:#343a40;border-radius:8px;display:grid;gap:7px;grid-template-rows:repeat(5,1fr);padding:10px}.game-row{display:flex;gap:7px}.game-cell{align-items:center;background-color:#292b2c;border-radius:4px;cursor:pointer;display:flex;height:80px;justify-content:center;transition:background-color .3s;width:80px}.game-cell.occupied{background-color:#87cefa}.game-cell.selected{background-color:orange}.game-cell.unclickable{opacity:.5;pointer-events:none}.game-cell:hover{background-color:#6c757d}.possible-moves{display:flex;justify-content:center;margin-top:20px}.possible-moves button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 10px;padding:10px 15px;transition:background-color .2s}.possible-moves button:hover{background-color:#45a049}.move-history{background-color:#343a40;border-radius:8px;margin-top:2rem;max-width:500px;padding:1rem;width:100%}.move-history h2{color:#f8f9fa;margin-bottom:.5rem}.move-history ul{list-style-type:none;padding-left:0}.move-history li{color:#f8f9fa;margin-bottom:.5rem}.move-history li:before{color:#ffc107;content:"•";display:inline-block;font-weight:700;margin-left:-1em;width:1em}.move-history li span.captured{color:#dc3545;font-weight:700}@media (max-width:768px){.game-cell{height:60px;width:60px}}@media (max-width:480px){.game-cell{height:50px;width:50px}}
/*# sourceMappingURL=main.3d262a7a.css.map*/