@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";:root{--bg-fondo: #0f172a;--bg-paneles: #1e293b;--color-texto: #f8fafc;--texto-secundario: #94a3b8;--color-acento: #f97316;--color-impostor: #ef4444;--color-turno: #10b981;--color-peligro: #f43f5e}body{background-color:var(--bg-fondo);font-family:Nunito,sans-serif;margin:0;padding:20px;display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--color-texto)}.contenedor-juego{display:flex;flex-wrap:wrap;gap:25px;width:100%;max-width:1000px}.panel{background-color:var(--bg-paneles);border-radius:16px;box-shadow:0 10px 25px #0000004d;border:1px solid rgba(255,255,255,.05)}.columna-izquierda{flex:2;display:flex;flex-direction:column;gap:15px;min-width:300px}.caja-historial{height:400px;padding:25px;font-size:1.1rem;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.mensaje{background-color:#ffffff08;padding:12px 18px;border-radius:12px;border-left:4px solid var(--color-acento);animation:aparecer .3s ease-out}.mensaje strong{color:var(--color-acento);margin-right:8px}.caja-input{padding:15px 20px;display:flex;align-items:center;transition:all .3s ease}.caja-input:has(input:disabled){opacity:.5;background-color:#1e293b80}.caja-input input{width:100%;background:transparent;border:none;color:var(--color-texto);font-size:1.2rem;font-family:inherit;outline:none}.caja-input input::placeholder{color:var(--texto-secundario)}.columna-derecha{flex:1;display:flex;flex-direction:column;gap:20px;min-width:300px}.zona-rol{padding:25px;text-align:center;display:flex;flex-direction:column;justify-content:center}.zona-rol h2{margin:0 0 10px;font-size:1.1rem;color:var(--texto-secundario);text-transform:uppercase;letter-spacing:1px}.palabra-rol{color:var(--color-impostor);font-size:2.2rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(239,68,68,.4)}.lista-jugadores{padding:20px;display:flex;flex-direction:column;gap:12px}.titulo-lista{margin:0 0 10px;font-size:1rem;color:var(--texto-secundario);text-transform:uppercase;letter-spacing:1px}.fila-jugador{display:flex;align-items:center;gap:12px}.info-jugador{background-color:#ffffff0d;border:2px solid transparent;border-radius:12px;flex:1;display:flex;align-items:center;padding:10px 15px;font-size:1.1rem;font-weight:700;gap:15px;transition:all .3s ease}.info-jugador.turno-activo{background-color:#10b9811a;border-color:var(--color-turno);box-shadow:0 0 15px #10b98133}.avatar{font-size:1.5rem;background-color:#ffffff1a;width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:50%}@keyframes aparecer{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-paneles);border-radius:10px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff6}.contenedor-login{display:flex;flex-direction:column;align-items:center;padding:40px;text-align:center;max-width:350px;width:100%;animation:aparecer .5s ease-out}.logo-principal{width:100%;max-width:260px;height:auto;margin-bottom:10px;filter:drop-shadow(0px 10px 15px rgba(249,115,22,.4));animation:flotar-logo 3s ease-in-out infinite}@keyframes flotar-logo{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.contenedor-login p{color:var(--texto-secundario);margin-bottom:30px}.contenedor-login input{width:100%;padding:15px;margin-bottom:20px;background-color:#ffffff0d;border:2px solid var(--texto-secundario);border-radius:10px;color:var(--color-texto);font-size:1.2rem;outline:none;transition:border-color .3s;box-sizing:border-box;text-align:center}.contenedor-login input:focus{border-color:var(--color-acento)}.contenedor-login button{width:100%;padding:15px;background-color:var(--color-acento);color:#fff;border:none;border-radius:10px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #f9731666}.contenedor-login button:hover{background-color:#ea580c;transform:translateY(-2px)}.oculto{display:none!important}.btn-empezar{width:100%;padding:15px;margin-top:10px;background-color:var(--color-turno);color:#fff;border:none;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #10b9814d}.btn-empezar:hover{background-color:#059669;transform:translateY(-2px)}.btn-votar{background-color:#f973161a;border:2px solid var(--color-acento);color:var(--color-acento);border-radius:8px;padding:6px 10px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-votar:hover:not(:disabled){background-color:var(--color-acento);color:#fff;transform:scale(1.05)}.btn-votar:disabled{opacity:.3;cursor:not-allowed;border-color:var(--texto-secundario);color:var(--texto-secundario);background-color:transparent}.btn-voto-blanco{width:100%;padding:12px;margin-top:10px;background-color:transparent;color:var(--texto-secundario);border:2px dashed var(--texto-secundario);border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.btn-voto-blanco:hover{border-color:var(--color-texto);color:var(--color-texto);background-color:#ffffff0d}.info-jugador.muerto{opacity:.4;text-decoration:line-through;filter:grayscale(100%);border-color:transparent}.fila-jugador:has(.info-jugador.muerto) .btn-votar{display:none}.selector-categoria{width:100%;padding:12px;margin-top:15px;background-color:#ffffff0d;color:var(--color-texto);border:2px solid var(--texto-secundario);border-radius:10px;font-size:1.1rem;font-family:inherit;outline:none;cursor:pointer;transition:all .3s ease;appearance:none;text-align:center}.selector-categoria:focus{border-color:var(--color-acento)}.selector-categoria option{background-color:var(--bg-paneles);color:var(--color-texto)}.btn-copiar-link{width:100%;padding:10px;margin-top:10px;background-color:#ffffff0d;color:var(--texto-secundario);border:1px solid var(--texto-secundario);border-radius:10px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-copiar-link:hover{background-color:#f973161a;color:var(--color-texto)}.grid-avatares{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;box-sizing:border-box}.avatar-opcion{background-color:#ffffff0d;border:3px solid transparent;border-radius:12px;font-size:2.2rem;padding:10px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;aspect-ratio:1 / 1}.avatar-opcion:hover{background-color:#ffffff1a;transform:translateY(-2px)}.avatar-opcion.seleccionado{background-color:#f9731626;border-color:var(--color-acento);box-shadow:0 0 15px #f9731666;transform:scale(1.05)}.escribiendo-animacion:after{content:"";animation:puntos 1.5s steps(4,end) infinite}@keyframes puntos{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.mensaje-escribiendo{background-color:transparent!important;border-left:none!important;color:var(--texto-secundario)!important;font-style:italic;padding:5px 18px!important;animation:aparecer .3s ease-out}