:root{--bg-color: #0a0a0a;--text-color: #e0e0e0;--neon-blue: #00f3ff;--neon-pink: #ff00ff;--neon-green: #00ff00;--grid-color: #2a2a2a;--font-main: "Orbitron", sans-serif}body{margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}#app{width:100%;max-width:450px;text-align:center;padding:20px}.view{display:flex;flex-direction:column;align-items:center;gap:20px;transition:opacity .3s ease}.hidden{display:none!important}input{background:transparent;border:2px solid var(--neon-blue);color:var(--neon-blue);padding:10px;font-family:var(--font-main);font-size:1.2rem;text-align:center;outline:none;border-radius:4px;box-shadow:0 0 10px #00f3ff33}button{background:transparent;border:2px solid var(--neon-blue);color:var(--neon-blue);padding:10px 20px;font-family:var(--font-main);font-size:1rem;cursor:pointer;text-transform:uppercase;border-radius:4px;box-shadow:0 0 5px #00f3ff33;transition:all .2s ease}button:hover{background:#00f3ff1a;box-shadow:0 0 15px #00f3ff80}button.danger{border-color:var(--neon-pink);color:var(--neon-pink);box-shadow:0 0 5px #f0f3}button.danger:hover{background:#ff00ff1a;box-shadow:0 0 15px #ff00ff80}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:350px;margin:20px auto}.cell{background:var(--grid-color);aspect-ratio:1;border-radius:8px;font-size:3rem;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:inset 0 0 10px #00000080;transition:all .2s}.cell:hover{background:#333}.cell.x{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}.cell.o{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink)}h1{text-shadow:0 0 10px var(--neon-blue);margin:0}#error-msg{color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink)}#status-display{font-size:1.5rem;min-height:2rem;color:var(--neon-green);text-shadow:0 0 5px var(--neon-green)}#popup-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}.popup-content{background:#000000e6;border:2px solid var(--neon-green);color:var(--neon-green);padding:20px 40px;border-radius:8px;font-size:2rem;font-weight:700;text-shadow:0 0 10px var(--neon-green);box-shadow:0 0 30px #00ff004d;animation:popupAnim 2s forwards}@keyframes popupAnim{0%{opacity:0;transform:scale(.5) translateY(20px)}20%{opacity:1;transform:scale(1.1) translateY(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}#player-name-input{margin-bottom:15px}