Secuencia de colapso del sistema Cornelio, caos urbano, y naves de terraformación partiendo hacia el espacio.

La última alternativa

Terraformar o desaparecer. Tus decisiones deciden el destino.

Lo que ocurra depende de lo que tú hagas

Precuela



¿Dónde comenzó todo?

“Antes del primer rayo de luz, hubo un estallido de infinitas posibilidades.”
big bang

El universo sigue un conjunto de acciones aparentemente aleatorias, sin embargo, unas veces cambia si interactúas con él, otras, si no lo estás observando.

Toda historia que merece ser contada empieza con un “choque”, algo que sorprende: el momento en que algo nuevo rompe con el orden establecido, y el caos se vuelve materia, energía, pregunta.
No fue distinto en el origen del universo. Ni en el origen de esta aventura.

Aquí, en este punto cero, no hay certezas ni personajes definidos. Solo una explosión de decisiones por tomar, caminos por elegir y falacias disfrazadas de verdades.
¿Cómo prefieres vivirlo? ¿Como parte de una realidad controlable? ¿Como mito en proceso? ¿Como un suspenso que te mantiene alerta? ¿O como guía de aprendizaje que recorre cada paso con intención?

La elección define el relato.
Pero cuidado: desde aquí, como en el núcleo de un bosque prohibido, el caos ya está dentro de ti. Y aunque intentes organizarlo, el caos siempre encuentra una grieta por donde colarse.

Selecciona tu forma de empezar…
Porque el inicio no es neutral , y cómo enfrentes el caos determinará qué tipo de mundo construirás después.

Aquí, deberás descubrir
las pistas.
Aunque a veces sea algo inesperado.

¿Cómo sucedió?
/* ESTILOS GENERALES DEL CONTENEDOR */ #dinamika-wrapper { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; max-width: 800px; margin: 40px auto; border-radius: 12px; overflow: hidden;position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.15); transition: all 0.5s ease; min-height: 500px; /* Altura mínima para evitar saltos bruscos */} /* CAPA 1: LA ILUSIÓN DE CORNELIO (Solarpunk Corporativo) */ #layer-cornelio { background: linear-gradient(135deg, #fdfbf7 0%, #e2f0d9 100%); /* Colores claros y naturales */ color: black; padding: 60px 40px; text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #c8e6c9; } .cornelio-title { color: blue; font-size: 2em; margin-bottom: 15px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; } .cornelio-text { font-size: 1.1em; line-height: 1.6; color: black; margin-bottom: 40px; max-width: 600px; } /* EL BOTÓN PROHIBIDO */ .btn-glitch { background-color: #ff5252; color: white; border: none; padding: 15px 30px; font-size: 1em; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; position: relative; box-shadow: 0 4px 15px rgba(255, 82, 82, 0.4); transition: all 0.3s; outline: 2px solid transparent; animation: pulse-red 2s infinite; } .btn-glitch:hover { background-color: #ff1744; transform: scale(1.05); box-shadow: 0 6px 20px rgba(255, 23, 68, 0.6); } .btn-glitch:active { transform: scale(0.95); } /* CAPA 2: LA VERDAD DE LUNA (Hacker / Terminal) */ #layer-luna { display: none; /* Oculto inicialmente */ background-color: #0a0a0a; color: #00ff41; /* Verde terminal clásico */ padding: 50px 40px; font-family: 'Courier New', Courier, monospace; border-left: 5px solid #00ff41; position: relative; } #layer-luna::before { content: " "; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)); z-index: 2; background-size: 100% 2px, 3px 100%; pointer-events: none; } .luna-content { position: relative; z-index: 3; } .luna-title { font-size: 1.8em; border-bottom: 2px solid #00ff41; padding-bottom: 10px; margin-bottom: 20px; text-shadow: 0 0 5px #00ff41; } .luna-text p { margin-bottom: 15px; line-height: 1.5; font-size: 1em; } .highlight { color: #fff; background-color: #004d00; padding: 0 4px;} .architect-note { margin-top: 30px;border-top: 1px dashed #555; padding-top: 15px; font-size: 0.85em; color: #888; font-style: italic; } /* ANIMACIONES */ @keyframes pulse-red { 0% { box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(255, 82, 82, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 82, 82, 0); } } .glitch-effect { animation: glitch-anim 0.3s cubic-bezier(.25, .46, .45, .94) both infinite;} @keyframes glitch-anim 0% { transform: translate(0) } 20% { transform: translate(-2px, 2px) } 40% { transform: translate(-2px, -2px) } 60% { transform: translate(2px, 2px) } 80% { transform: translate(2px, -2px) } 100% { transform: translate(0) } } Dicen que alguien tuvo curiosidad o, tal vez, rebeldía  cuando leyó esto:

Red de Armonía Ciudadana

Bienvenido, ciudadano. Todo lo que necesitas saber ya ha sido descubierto para tu tranquilidad. Disfruta de la paz, la seguridad y el bienestar estético que hemos diseñado para ti. No hay necesidad de hacerse preguntas difíciles; nosotros tenemos las respuestas. Relájate y fluye con el sistema.

> ACCESO CONCEDIDO: DINAMIKA LERNADO

¿Te dijeron que no tocaras? Bien. Ya has dado el primer paso. Si estás leyendo esto, sospechas que este mundo perfecto es una jaula dorada. Vivimos drogados de comodidad, cegados por una fantasía endorfínica que nos hace ver el mundo “color de rosa” para evitar preguntas. Nos han enseñado a confundir Fantasía con Imaginación. La Fantasía es un juego libre, sin reglas, puramente emocional. La Imaginación, la que buscamos aquí, tiene disciplina y es necesaria para la salud mental. En Dinamika Lernado no te daremos paz artificial. Te daremos herramientas para detectar el error, superar el sesgo y construir conocimiento real. La ignorancia es cómoda. La verdad es una aventura peligrosa. ¿Estás listo para despertar?
> Nota del Arquitecto: “Interesante elección. Has roto la primera regla. Ahora, ¿quién te asegura que este texto no es otra trampa? No confíes ni en el que escribe las reglas, ni en el que las rompe. Confía solo en tu capacidad de verificarlo.” — D.L.
function activarResistencia() { var wrapper = document.getElementById('dinamika-wrapper'); var cornelio = document.getElementById('layer-cornelio'); var luna = document.getElementById('layer-luna'); // Efecto de Glitch visual al contenedor wrapper.classList.add('glitch-effect'); // Retardo breve para simular la ruptura del sistema setTimeout(function() { cornelio.style.display = 'none'; luna.style.display = 'block'; wrapper.classList.remove('glitch-effect'); // Cambio de fondo del contenedor para ajustar al modo oscuro wrapper.style.backgroundColor = '#0a0a0a'; }, 400); }
Explorar

No hace falta ser un genio para descubrir qué hace cada botón. 

¿Ya lo has experimentado?

Entrenar



Misiones

Datos de tu avance en la misión
ESTADO DE MISIÓN 3%
T. Transcurrido ● REC
00:00:00
¿Necesitas GPS en este sitio?
Abre la Conversación
/* --- ESTILOS GENERALES --- */ .btn-descubrir { display: inline-block; margin-top: 1rem; padding: 0.8rem 1.5rem; background-color: #00f3ff; /* Azul Neón/Holograma */ color: #0f1014; /* Oscuro */ border: 1px solid #b87333; /* Cobre */ border-radius: 5px; /* Bordes más rectos (Tech) */ font-family: 'Courier New', monospace; /* Fuente Terminal */ font-weight: bold; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 0 10px rgba(0, 243, 255, 0.2); } .btn-descubrir:hover { background-color: #39ff14; /* Verde Bio al hover */ box-shadow: 0 0 15px rgba(57, 255, 20, 0.4); transform: translateY(-2px); } /* --- ESTILOS DEL CONTENEDOR DE CHAT --- */ #dialogo-container { display: none; /* Oculto hasta que se pulsa el botón */ background-color: rgba(15, 16, 20, 0.9); /* Fondo oscuro semitransparente */ border: 1px solid #b87333; /* Borde Cobre */ border-radius: 5px; padding: 1rem; max-width: 600px; height: 400px; /* Altura fija para permitir scroll */ margin: 1.5rem auto; overflow-y: auto; /* Habilita el scroll vertical */ display: flex; flex-direction: column; /* Apila las burbujas verticalmente */ gap: 0.75rem; /* Espacio entre burbujas */ box-shadow: inset 0 0 20px rgba(0,0,0,0.8); /* Sombra interna */ } /* Scrollbar personalizada (Estilo Tech) */ #dialogo-container::-webkit-scrollbar { width: 8px; } #dialogo-container::-webkit-scrollbar-thumb { background: #b87333; border-radius: 4px; } /* --- ESTILOS DE LAS BURBUJAS DE DIÁLOGO --- */ .burbuja { padding: 10px 15px; border-radius: 10px; max-width: 80%; line-height: 1.4; font-family: 'Courier New', monospace; font-size: 0.9rem; opacity: 0; animation: aparecer 0.5s forwards; position: relative; } /* --- BURBUJA DE TATO (Optimista/Cornelio) --- */ .tato { background-color: #005c4b; /* Mantenemos verde, pero más oscuro */ color: #e9edef; align-self: flex-end; /* Derecha */ border-bottom-right-radius: 2px; border: 1px solid #39ff14; /* Borde neón sutil */ } /* Etiqueta del nombre para Tato */ .tato::before { content: 'TATO [ONLINE]'; display: block; font-size: 0.7em; color: #39ff14; margin-bottom: 5px; font-weight: bold; } /* --- BURBUJA DE NIHIL (Cínico/Resistencia) --- */ .nihil { background-color: #202c33; color: #e0e0e0; align-self: flex-start; /* Izquierda */ border-bottom-left-radius: 2px; border: 1px solid #b87333; /* Borde cobre */ } /* Etiqueta del nombre para Nihil */ .nihil::before { content: 'NIHIL [ENCRIPTADO]'; display: block; font-size: 0.7em; color: #b87333; /* Color cobre */ margin-bottom: 5px; font-weight: bold; } /* --- ANIMACIÓN DE APARICIÓN --- */ @keyframes aparecer { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
// DATOS DEL DIÁLOGO (ACTUALIZADO AL LORE) const conversacion = [ { quien: "Tato", texto: "¡Nihil, mira esto! La red de Cornelio se ve increíble hoy. ¡Todo brilla! Dicen que hay 'Turismo Ecológico' disponible." }, { quien: "Nihil", texto: "Brilla porque es plástico pulido, Tato. Y no es turismo. Si pasas el cursor, verás que son [MISIONES DE CAMPO]. Te van a mandar al barro, no al spa." }, { quien: "Tato", texto: "¡Qué pesimista! Mira, aquí hay una sección de 'Historia Oficial'. ¡Seguro cuenta cómo Cornelio salvó los árboles!" }, { quien: "Nihil", texto: "Es propaganda. La resistencia lo llama [BIBLIOTECA PROHIBIDA] por una razón. Ahí están los datos que intentaron borrar. Léelo bajo tu propio riesgo." }, { quien: "Tato", texto: "Bueno, pero mira los perfiles. Dice 'Ciudadanos Modelo'. ¡Gente feliz y productiva!" }, { quien: "Nihil", texto: "Son [EXPEDIENTES DE AGENTES]. Si miras de cerca, verás sus antecedentes penales por pensar demasiado. Sofía no es una ciudadana modelo, es un peligro público." }, { quien: "Tato", texto: "¡Oh! ¡Y hay una tienda de 'Bienestar Ciudadano'! ¿Venderán batidos de endorfinas?" }, { quien: "Nihil", texto: "Ojalá. Son [SUMINISTROS] para sobrevivir en la Zona Gris. Kits de hackeo y máscaras de gas. El bienestar te lo tienes que ganar." }, { quien: "Tato", texto: "Al menos la 'Formación en Valores' suena segura. ¡Aprenderemos a ser buenos vecinos!" }, { quien: "Nihil", texto: "Es [ENTRENAMIENTO] cognitivo, Tato. Te enseñan a detectar mentiras, no a saludar al vecino. ¿Estás listo para despertar o quieres seguir durmiendo?" }, { quien: "Tato", texto: "Mmm... creo que prefiero la verdad, aunque no brille tanto. ¡Vamos a investigar!" }, { quien: "Nihil", texto: "Por fin. Apaga el filtro rosa y sígueme. Y no toques nada que parpadee en rojo." } ]; // FUNCIÓN PRINCIPAL function iniciarConversacion() { const boton = document.getElementById("boton-dialogo"); const container = document.getElementById("dialogo-container"); // OBJETO DE AUDIO const sonidoBurbuja = new Audio('https://dinalern.org/paginas/whatsapp-apple.mp3'); // Ocultar botón y mostrar el contenedor del chat boton.style.display = "none"; container.style.display = "flex"; let indiceLinea = 0; function mostrarSiguienteLinea() { if (indiceLinea >= conversacion.length) { return; } const linea = conversacion[indiceLinea]; const burbuja = document.createElement("div"); burbuja.classList.add("burbuja"); burbuja.classList.add(linea.quien.toLowerCase()); burbuja.textContent = linea.texto; container.appendChild(burbuja); // SONIDO sonidoBurbuja.currentTime = 0; sonidoBurbuja.play().catch(e => console.log("Audio play blocked by browser policy")); // Catch para evitar errores si el usuario no interactuó // SCROLL AUTOMÁTICO container.scrollTop = container.scrollHeight; indiceLinea++; // TIEMPO ENTRE MENSAJES (Ajustado para lectura) setTimeout(mostrarSiguienteLinea, 4000); } mostrarSiguienteLinea(); } document.getElementById("boton-dialogo").addEventListener("click", iniciarConversacion);
Verificado por MonsterInsights