body{font-family:Poppins,sans-serif;margin:0;padding:0;background:url(/assets/ven-C6sZomJU.jpg) no-repeat center center fixed;background-size:cover;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(18px);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.barra-nivel{margin:20px 0;text-align:center;font-family:Comic Sans MS,Arial Rounded MT Bold,cursive}.titulo-nivel{font-size:1.2rem;color:#4e2a84;margin-bottom:8px}.nombre-nivel{font-weight:700;color:#e43f5a}.barra-container{width:90%;height:16px;background-color:#f0f0f0;border-radius:10px;margin:0 auto;overflow:hidden;box-shadow:0 0 4px #0003}.barra-progreso{height:100%;background:linear-gradient(90deg,#ffe259,#ffa751);transition:width .5s ease-in-out}.popup-ganador{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.popup-contenido{background:#fff;padding:40px;border-radius:12px;text-align:center;font-family:Comic Sans MS,cursive;box-shadow:0 0 20px #0000004d;animation:popup-animar .5s ease-out}@keyframes popup-animar{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.cerrar-popup{margin-top:20px;background-color:#fc0;border:none;padding:12px 20px;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:background .3s ease}.contenedor-donar{position:absolute;top:90px;z-index:999;box-shadow:0 0 10px #0000001a}.cerrar-popup:hover{background-color:#fa0}.letra-celda.espacio{width:30px;height:40px;display:inline-block;margin:2px;background-color:transparent;border:none}.input-frase{width:100%;max-width:400px;font-size:24px;padding:10px;border:2px solid #ccc;border-radius:8px;text-align:center}.contenedor{background-color:#fffc;margin:20px auto;max-width:700px;padding:2rem;border-radius:20px;box-shadow:0 8px 16px #00000040;text-align:center}input{padding:.8rem;width:80%;font-size:1.1rem;border-radius:10px;border:2px solid #90caf9;outline:none;margin-top:1rem;transition:border-color .3s ease,box-shadow .3s ease}input:focus{border-color:#1976d2;box-shadow:0 0 5px #1976d266}button{margin-top:1rem;padding:.7rem 2rem;font-size:1.1rem;background:linear-gradient(45deg,#00a6ff,#005ebd);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:scale(1.05);box-shadow:0 4px 12px #007bbd66}h1{color:#a00;margin-bottom:.5rem}h2{font-size:2rem;margin:1rem 0}p,h3{font-size:1.1rem;margin:.5rem 0}.subtitulo{font-size:1.2rem;color:#333;font-weight:600;margin-bottom:1rem;letter-spacing:.5px}.puntos{font-size:1.3rem;font-weight:600;background-color:#e3f2fd;color:#005baa;padding:9px 10px;margin-left:3px;border-radius:12px;display:inline-block;margin-top:15px}.mensaje{font-size:1.2rem;font-weight:600;margin-top:1rem;padding:.6rem 1rem;border-radius:10px;display:inline-block;animation:aparecer .3s ease-in-out}.correcto{background-color:#c8e6c9;color:#2e7d32}.incorrecto{background-color:#ffcdd2;color:#c62828}@keyframes aparecer{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cuadros{display:flex;justify-content:center;gap:8px;margin-top:1rem;flex-wrap:wrap}.letra-celda{width:40px;height:50px;text-align:center;font-size:1.5rem;border:2px solid #007bbd;border-radius:8px;background-color:#fff;text-transform:uppercase;box-shadow:0 2px 4px #0003}.header-buttons{position:fixed;top:0;left:0;padding:20px;display:flex;gap:10px;z-index:9999}.header-buttons button{background-color:#005baa;color:#fff;border:none;padding:.5rem 1rem;border-radius:12px;font-weight:700;cursor:pointer;font-size:20px;transition:background-color .3s}.header-buttons button:hover{background-color:#007bbd}.popup{position:fixed;top:80px;left:10px;background-color:#fffffff2;padding:1rem;border-radius:12px;box-shadow:0 8px 16px #00000040;z-index:1000;width:260px;font-size:1.3rem}.popup h3{margin-top:0;margin-bottom:.5rem;color:#005baa}.boton-pista{font-size:12px;padding:4px 8px;margin-left:8px;background-color:#fffb;border:1px solid #ccc;border-radius:6px;cursor:pointer;transition:.3s ease}.boton-pista:hover{background-color:#fff}.mensaje-flotante{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;padding:20px 40px;border-radius:15px;font-size:1.8rem;font-weight:700;color:#333;z-index:999;box-shadow:0 0 20px #0000004d;animation:aparecerDesaparecer 2.5s ease-in-out forwards;text-align:center}@keyframes aparecerDesaparecer{0%{opacity:0;transform:translate(-50%,-60%)}10%{opacity:1;transform:translate(-50%,-50%)}90%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-40%)}}.btn-donar{display:inline-block;padding:8px 16px;background-color:#00b09b;color:#fff;border-radius:8px;text-decoration:none;font-weight:700;margin-top:10px;transition:background-color .3s ease;box-shadow:0 4px 6px #0003}.btn-donar:hover{background-color:#008f7a}.btn-reiniciar{margin-left:5px;background-color:#f0f0f0;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:.3s}.btn-reiniciar:hover{background-color:#c0e7ff}.menu-superior{display:flex;align-items:flex-start;position:static;margin:10px 20px;max-width:450px;padding:10px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-size:14px;gap:10px}.btn-menu{background-color:#f0f0f0;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.btn-menu:hover{background-color:#e0e0e0}@media (max-width: 600px){body{padding:20px}.input-frase{width:90%;font-size:20px}.contenedor{margin:3% auto;padding:1.5rem;max-width:95%;border-radius:16px}h1{font-size:1.6rem}h2{font-size:1.4rem}.subtitulo{font-size:1rem}.puntos{font-size:1.1rem;padding:6px 10px}.mensaje{font-size:1rem;padding:.4rem .8rem}.letra-celda{width:8px;height:16px;font-size:.86rem}button{width:100%;font-size:1rem;padding:.6rem 1rem}.header-buttons{flex-direction:column;padding:10px;gap:6px}.popup{width:85%;top:90px;margin-top:15px;font-size:1.1rem;padding:1rem}.mensaje-flotante{font-size:1.4rem;padding:15px 30px}.btn-donar{font-size:.9rem;padding:6px 12px}.boton-pista{font-size:11px;padding:3px 6px;margin-top:6px}.menu-superior{position:static;max-width:95%;top:5px;padding:8px;gap:6px;font-size:12px}.btn-menu{padding:6px 10px;font-size:12px}.btns{display:flex;flex-direction:column;align-items:center}.btnpista{margin-left:0}.boton-compartir,.btn-reiniciar,.btnpista{max-width:320px;padding:6px 12px;margin-left:0}.contenedor-donar{position:absolute;top:90px;z-index:999;width:70%;box-shadow:0 0 10px #0000001a}}