:root{--neon-blue: #00f2ff;--neon-purple: #bc13fe;--neon-pink: #ff00de;--bg-space: #050510;--cell-bg: rgba(20, 20, 40, .8)}body,html{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg-space);background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 40px),radial-gradient(white,rgba(255,255,255,.1) 1px,transparent 30px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 40px);background-size:550px 550px,350px 350px,250px 250px;background-position:0 0,40px 60px,130px 270px;animation:viajarPorElEspacio 100s linear infinite;font-family:Orbitron,sans-serif;color:#fff;overflow:hidden}@keyframes viajarPorElEspacio{0%{background-position:0 0,40px 60px,130px 270px}to{background-position:550px 1100px,700px 700px,250px 500px}}#root{display:flex;justify-content:center;align-items:center;min-height:100vh}.container1{display:flex;flex-direction:column;align-items:center;padding:20px;background:#0006;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(0,242,255,.2);box-shadow:0 0 20px #00000080}h1{text-transform:uppercase;letter-spacing:5px;color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue);margin-bottom:20px}.niveles{background:transparent;color:var(--neon-blue);border:2px solid var(--neon-blue);padding:10px 20px;font-size:1rem;border-radius:5px;margin-bottom:30px;cursor:pointer;outline:none;transition:.3s;text-shadow:0 0 5px var(--neon-blue)}.niveles:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 20px var(--neon-blue)}.Tablero{display:grid;grid-template-columns:repeat(9,50px);grid-template-rows:repeat(9,50px);gap:2px;background-color:var(--neon-purple);padding:4px;border:4px solid var(--neon-purple);box-shadow:0 0 15px var(--neon-purple),inset 0 0 10px var(--neon-purple)}.celda{width:50px;height:50px;background-color:var(--cell-bg);border:.5px solid rgba(188,19,254,.3);color:var(--neon-blue);text-align:center;font-size:24px;font-weight:700;outline:none;transition:all .2s ease;position:relative}.celda:not(.fija):not(.error){background-color:#00f2ff0d;box-shadow:inset 0 0 8px #00f2ff33}.celda:not(.fija):hover{background-color:#00f2ff26!important;box-shadow:inset 0 0 15px #00f2ff80!important;transform:scale(1.05);z-index:10}.celda:focus{background-color:#00f2ff33!important;box-shadow:inset 0 0 20px var(--neon-blue),0 0 10px var(--neon-blue)!important;color:#fff;text-shadow:0 0 10px white}.celda:focus{background-color:#00f2ff1a;box-shadow:inset 0 0 10px var(--neon-blue)}.fija{color:var(--neon-pink);text-shadow:0 0 8px var(--neon-pink)}.borde-izq{border-left:3px solid var(--neon-purple)}.borde-arriba{border-top:3px solid var(--neon-purple)}.borde-der{border-right:3px solid var(--neon-purple)}.borde-abajo{border-bottom:3px solid var(--neon-purple)}.error{background-color:#f003!important;color:#ff4d4d!important;text-shadow:0 0 10px #ff4d4d;animation:flicker .5s infinite alternate}@keyframes flicker{0%{opacity:1}to{opacity:.7}}.fila{display:contents}.mensaje-ganado{margin-top:25px;font-size:2rem;color:#0f0;text-shadow:0 0 10px #0f0,0 0 30px #0f0;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}