.app{text-align:center;min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:#282c34;padding:20px;color:#fff;box-shadow:0 2px 4px #0003}.app-header h1{margin:0;font-size:2rem}.app-main{flex:1;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.lobby{background-color:#282c34;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000004d;max-width:400px;width:100%}.lobby h2{margin-top:0;color:#61dafb}.lobby-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;text-align:left}.form-group label{margin-bottom:5px;font-weight:700}.form-group input,.form-group select{padding:10px;border-radius:5px;border:1px solid #444;background-color:#333;color:#fff;font-size:1rem}button{padding:12px 20px;border:none;border-radius:5px;background-color:#61dafb;color:#282c34;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s}button:hover{background-color:#2196f3}.game{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:20px}.game-info{background-color:#282c34;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000004d}.game-info h2{margin-top:0;color:#61dafb}.player-info{display:flex;justify-content:space-around;flex-wrap:wrap;gap:10px}.player-info p{margin:5px 0;background-color:#333;padding:8px 15px;border-radius:5px}.game-board{background-color:#282c34;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000004d}.board-placeholder{margin:20px 0}.board-grid{display:grid;gap:2px;max-width:600px;margin:0 auto;background-color:#444;border:2px solid #444}.board-cell{aspect-ratio:1;background-color:#333;cursor:pointer;transition:background-color .2s}.board-cell:hover{background-color:#555}.game-controls{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.game-controls button{min-width:150px}.chat-container{margin-top:20px;width:100%}.chat-box{height:200px;overflow-y:auto;border:1px solid #444;border-radius:5px;padding:10px;background-color:#333;text-align:left;margin-bottom:10px}.chat-message{margin-bottom:5px}.chat-player{font-weight:700;color:#61dafb}.chat-text{margin-left:5px}.chat-input{display:flex;gap:10px}.chat-input input{flex:1;padding:10px;border-radius:5px;border:1px solid #444;background-color:#333;color:#fff;font-size:1rem}@media (max-width: 768px){.app-header h1{font-size:1.5rem}.lobby{padding:20px;margin:10px}.game-controls{flex-direction:column;align-items:center}.game-controls button{width:100%;max-width:300px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}