*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center}.container{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:90%}h1{text-align:center;color:#333;margin-bottom:30px;font-size:2.5rem}.menu,.lobby{display:flex;flex-direction:column;gap:15px;align-items:center}input[type=text]{width:100%;max-width:300px;padding:12px 20px;font-size:16px;border:2px solid #ddd;border-radius:8px;outline:none;transition:border-color .3s}input[type=text]:focus{border-color:#667eea}button{padding:12px 30px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;min-width:200px}button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}button:active{transform:translateY(0)}.error{color:#e74c3c;font-weight:500;padding:10px;background:#fadbd8;border-radius:5px;width:100%;text-align:center}.warning{color:#f39c12;font-weight:500;padding:8px;background:#fef5e7;border-radius:5px;text-align:center}.games-list{width:100%;display:flex;flex-direction:column;gap:10px}.game-item{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef}.game-item button{min-width:100px;padding:8px 20px}.game-info{margin-bottom:30px;text-align:center}.players{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:15px;font-size:1.2rem;font-weight:600}.player{padding:8px 16px;border-radius:8px;color:#fff}.player1{background:#e74c3c}.player2{background:#f39c12}.status{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.game-board{display:flex;justify-content:center;margin-bottom:30px}.board{background:#3498db;padding:10px;border-radius:12px;box-shadow:0 8px 20px #0003;display:inline-block}.row{display:flex;gap:8px;margin-bottom:8px}.row:last-child{margin-bottom:0}.cell{width:60px;height:60px;border-radius:50%;transition:all .3s ease;border:3px solid rgba(255,255,255,.3)}.cell.empty{background:#fff}.cell.player1{background:#e74c3c;box-shadow:0 4px 8px #e74c3c66}.cell.player2{background:#f39c12;box-shadow:0 4px 8px #f39c1266}.cell.winner{background:#2ecc71;box-shadow:0 0 20px #2ecc71;animation:pulse .8s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.cell.empty:hover{background:#ecf0f1;transform:scale(1.05)}@media (max-width: 600px){.cell{width:45px;height:45px}h1{font-size:2rem}.container{padding:20px}}