*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Courier New,monospace;background:#0d1b2a;color:#fff;overflow-x:hidden}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d1b2a;position:relative}.game-container{max-width:800px;width:100%;padding:20px;text-align:center;z-index:1;position:relative}.main-title{font-size:4rem;font-weight:900;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.2em}.main-title .connect{color:#ff0080;text-shadow:0 0 5px #ff0080,0 0 10px #ff0080,0 0 20px #ff0080,0 0 40px #ff0080;animation:neon-pulse 2s ease-in-out infinite alternate}.main-title .four{color:#ff0;text-shadow:0 0 5px #ffff00,0 0 10px #ffff00,0 0 20px #ffff00,0 0 40px #ffff00;animation:neon-flicker 3s linear infinite}@keyframes neon-pulse{0%{opacity:1}to{opacity:.7}}@keyframes neon-flicker{0%,to{opacity:1}50%{opacity:.5}}.setup-container{padding:2rem}.setup-title{font-size:1.5rem;color:#0ff;text-shadow:0 0 10px #00ffff;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.1em}.input-group{margin-bottom:1.5rem}.input-label{display:block;font-size:.9rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.input-label.player1{color:#ff0080;text-shadow:0 0 5px #ff0080}.input-label.player2{color:#ff0;text-shadow:0 0 5px #ffff00}input[type=text].player-input{width:100%;max-width:300px;padding:12px 16px;font-size:1rem;font-family:Courier New,monospace;background:#0d1b2a;border:2px solid;border-radius:8px;color:#fff;transition:all .3s ease;outline:none}input[type=text].player-input.player1{border-color:#ff0080;box-shadow:0 0 10px #ff00804d;color:#ff0080}input[type=text].player-input.player2{border-color:#ff0;box-shadow:0 0 10px #ffff004d;color:#ff0}input[type=text].player-input:focus{transform:translateY(-1px)}input[type=text].player-input.player1:focus{border-color:#ff0080;box-shadow:0 0 15px #ff008080}input[type=text].player-input.player2:focus{border-color:#ff0;box-shadow:0 0 15px #ffff0080}input[type=text].player-input::placeholder{color:#fff6}.start-button{padding:15px 30px;font-size:1.2rem;font-weight:700;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.1em;background:#000000e6;border:2px solid #39ff14;border-radius:8px;color:#39ff14;text-shadow:0 0 5px #39ff14;cursor:pointer;transition:all .3s ease;margin-top:1.5rem}.start-button:hover:not(:disabled){background:#39ff14;color:#000;box-shadow:0 0 20px #39ff14;transform:translateY(-2px)}.start-button:disabled{opacity:.3;cursor:not-allowed}.game-status{margin-bottom:1.5rem;min-height:60px;display:flex;align-items:center;justify-content:center}.current-turn{font-size:1.2rem;font-weight:700}.turn-player1{color:#ff0080;text-shadow:0 0 10px #ff0080}.turn-player2{color:#ff0;text-shadow:0 0 10px #ffff00}.winner-container{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.winner-popup{background:#0d1b2a;border:3px solid #39ff14;border-radius:10px;padding:2rem;text-align:center;box-shadow:0 0 30px #39ff14;max-width:400px;width:90%}.winner-text{font-size:1.5rem;font-weight:700;color:#39ff14;text-shadow:0 0 10px #39ff14;text-transform:uppercase;margin-bottom:1rem}.winner-name{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.winner-name.player1{color:#ff0080;text-shadow:0 0 10px #ff0080}.winner-name.player2{color:#ff0;text-shadow:0 0 10px #ffff00}.winner-button{margin-top:1.5rem;padding:12px 24px;font-size:1rem;font-weight:700;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.1em;background:#0d1b2a;border:2px solid #39ff14;border-radius:8px;color:#39ff14;text-shadow:0 0 5px #39ff14;cursor:pointer;transition:all .3s ease}.winner-button:hover{background:#39ff14;color:#000;box-shadow:0 0 15px #39ff14;transform:translateY(-1px)}.draw-container{background:#000c;border:2px solid #bf00ff;border-radius:15px;padding:1.5rem;box-shadow:0 0 20px #bf00ff80}.draw-text{font-size:1.8rem;font-weight:700;color:#bf00ff;text-shadow:0 0 10px #bf00ff}.draw-message{font-size:.9rem;color:#0ff;text-shadow:0 0 5px #00ffff;margin-top:.5rem}.game-board{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;background:#000000e6;border:3px solid #00ffff;border-radius:15px;padding:20px;box-shadow:0 0 30px #0ff6;margin-bottom:2rem}.cell{width:60px;height:60px;border-radius:50%;cursor:pointer;transition:all .3s ease;border:2px solid;display:flex;align-items:center;justify-content:center;position:relative}.cell.empty{background:#333;border-color:#666}.cell.empty:hover{border-color:#39ff14;box-shadow:0 0 15px #39ff144d;transform:scale(1.1)}.cell.player1{background:radial-gradient(circle at 30% 30%,#ffffff80,#ff0080);border-color:#ff0080;box-shadow:0 0 15px #ff0080}.cell.player2{background:radial-gradient(circle at 30% 30%,#ffffff80,#ff0);border-color:#ff0;box-shadow:0 0 15px #ff0}.new-game-button{padding:12px 24px;font-size:1rem;font-weight:700;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.1em;background:#000000e6;border:2px solid #ff8c00;border-radius:8px;color:#ff8c00;text-shadow:0 0 5px #ff8c00;cursor:pointer;transition:all .3s ease}.new-game-button:hover{background:#ff8c00;color:#000;box-shadow:0 0 20px #ff8c00;transform:translateY(-2px)}@media (max-width: 640px){.main-title{font-size:2.5rem;margin-bottom:1rem}.cell{width:45px;height:45px}.game-board{gap:6px;padding:15px}.setup-container{padding:1.5rem}}@media (max-width: 480px){.main-title{font-size:2rem}.cell{width:35px;height:35px}.game-board{gap:4px;padding:10px}}