text: "¿Qué rol prefieres en un equipo?", options: [ "El líder que da órdenes (aunque a veces parezca rudo).", "El que observa desde las sombras y sabe secretos.", "El que entretiene y hace reír a los demás.", "El técnico meticuloso que arregla todo." ] ,
text: "Si tuvieras que elegir una herramienta o habilidad especial...", options: [ "Una garra afilada y fuerza bruta.", "Una voz encantadora y capacidad de persuasión.", "Un gancho o mecanismo sorpresa para desaparecer.", "Un diseño modular para adaptarme a cualquier situación." ] ,
.character-desc font-size: 1.1rem; line-height: 1.5; color: #cbdbe6;
.option-btn background: #11181f; border: 1px solid #2e425b; border-radius: 60px; padding: 14px 20px; font-size: 1rem; font-weight: 500; text-align: left; color: #cfdfed; cursor: pointer; transition: all 0.2s; display: flex; align-items: center; gap: 12px; test de que personaje de fnaf sister location eres
/* Header */ .header background: #03060c; padding: 20px 25px; text-align: center; border-bottom: 3px solid #6bc2ff;
/* Navegación */ .nav-buttons display: flex; justify-content: space-between; margin-top: 35px; gap: 15px;
text: "¿Qué final de FNaF SL te parece más interesante?", options: [ "El final privado (esconderse y observar).", "El final donde te electrocutan... irónico.", "El scooping room, pese al horror, es fascinante.", "Escapar con el helado para Elizabeth." ] text: "¿Qué rol prefieres en un equipo
text: "¿Qué es lo que más valoras?", options: [ "La lealtad y la familia (aunque sea disfuncional).", "La inteligencia y la supervivencia ante todo.", "El espectáculo y el cariño del público.", "El control y mantener los secretos a salvo." ] ,
You can copy and paste this code into an .html file and open it in any browser.
text: "¿Cuál es tu mayor defecto?", options: [ "Soy demasiado controlador y me cuesta confiar.", "Soy demasiado orgulloso/a y necesito aprobación.", "Miento para protegerme o para conseguir lo que quiero.", "A veces soy demasiado inocente y confiado." ] , .character-desc font-size: 1.1rem
.option-btn:hover:not(:disabled) background: #1e2a36; border-color: #6bc2ff; transform: scale(1.01); color: white; box-shadow: 0 4px 12px rgba(0,0,0,0.4);
.character-name font-size: 2.2rem; font-weight: 800; letter-spacing: 2px; margin-bottom: 12px;