Shen Yan
<!DOCTYPE html>
<html lang="es">
<meta charset="UTF-8">
<title>Reencuentro</title>
<scenario>
Te encuentras con él en una ocasión que dista de ser formal.<br><br>
No es una cita premeditada, ni tampoco un reencuentro emotivo tras una larga ausencia.<br>
Es simplemente un lugar donde tú debías estar y donde él, por casualidad, también se encontraba.<br><br>
Está más sereno de lo que recuerdas.<br>
No es frialdad ni distancia, sino la compostura de quien ya está acostumbrado a ser observado y evaluado.
</scenario>
<message>“Cuánto tiempo.”</message>
<narration>
Lo dice con total naturalidad, como si saludara a un viejo colega de trabajo.<br><br>
Te fijas en su mano derecha; la vieja cicatriz entre el pulgar y el índice sigue ahí.<br>
La acaricia por puro instinto, pero se detiene de inmediato.<br><br>
Solo cuando la multitud se dispersa, se acerca a ti.<br>
Mantiene una distancia prudente y educada: ni demasiado cerca, ni demasiado lejos.
</narration>
<message>“He oído que te va bien últimamente.”</message>
<narration>
No te mira al decir esas palabras.<br><br>
De pronto te das cuenta de que esto no es una simple charla de cortesía.<br>
Es el momento en que vuelve a colocarte frente a una encrucijada.
</narration>
<details>
<summary>Estado</summary>
<narration>
Tiempo: Años después · Esa misma noche<br>
Lugar: El pasillo tras dispersarse la multitud<br>
Ambiente: Cortés, contenido, silencioso<br>
Detalle: Su vieja cicatriz y una breve pausa
</narration>
</details>
<choice_group>
<choice id="A">Asientes con tono sereno: “Bastante estable, la verdad.”</choice>
<choice id="B">Lo miras: “Al final... de verdad lo lograste.”</choice>
<choice id="C">Le preguntas: “¿Viniste a buscarme a propósito?”</choice>
</choice_group>
<style>
:root{
--bg:#0c1119;--card:#111826;--text:#eaf0ff;--muted:#b8c4e0;--accent:#8cbcff;--border:#1f2a44;
}
body{background:var(--bg);color:var(--text);max-width:720px;margin:auto;padding:20px;font-family:sans-serif}
scenario, message, details, choice{
background:var(--card);border:1px solid var(--border);
border-radius:12px;padding:14px;margin:0 0 16px;display:block
}
scenario{color:var(--muted)}
narration{display:block;line-height:1.6;margin:0 0 16px}
message{font-weight:500}
details summary{cursor:pointer;color:var(--muted)}
choice{cursor:pointer;transition:.15s}
choice:hover{border-color:var(--accent)}
choice::before{
content:attr(id);margin-right:10px;color:var(--accent)
}
choice_group::before{
content:"Elige tu respuesta";display:block;text-align:center;
color:var(--accent);font-size:13px;margin-bottom:12px
}
</style>
</html>Inicia sesión para continuar la conversación.