.progress background: #11161f; border-radius: 40px; height: 10px; margin-bottom: 25px; overflow: hidden;
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>Test: ¿Qué personaje de FNaF Sister Location eres?</title> <style> * box-sizing: border-box; font-family: 'Segoe UI', 'Courier New', monospace; body background: linear-gradient(145deg, #0a0f1e 0%, #0c1222 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; margin: 0;
function resetQuiz() currentQuestion = 0; userAnswers = new Array(QUESTIONS.length).fill(-1); render();
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." ] , test de que personaje de fnaf sister location eres
// Mapeo de respuestas a personajes (cada opción suma puntos a un personaje) // Orden de personajes: [Baby, Ballora, FuntimeFreddy, FuntimeFoxy, Ennard, Michael] const POINTS_MATRIX = [ // Pregunta 0 [ baby:2, ennard:1, michael:1 , // analizo fríamente baby:1, funtime_foxy:2 , // manipulo michael:2, funtime_freddy:1 , // ayudar arriesgándome ennard:2, ballora:1 ], // oculto errores // Pregunta 1 - roles [ funtime_freddy:2, baby:1 , // líder rudo ballora:2, ennard:1 , // observa sombras funtime_foxy:2, baby:1 , // entretener michael:2, ennard:1 ], // técnico meticuloso // Pregunta 2 - defectos [ funtime_freddy:2, ennard:1 , // controlador baby:2, funtime_foxy:1 , // orgulloso aprobación ennard:2, funtime_foxy:1 , // mentiroso michael:2, ballora:1 ], // inocente confiado // Pregunta 3 - herramienta [ funtime_freddy:2, michael:1 , // garra fuerza baby:2, funtime_foxy:1 , // voz persuasiva funtime_foxy:2, ennard:1 , // gancho desaparecer ennard:2, michael:1 ], // diseño modular // Pregunta 4 - valores [ michael:2, ballora:1 , // lealtad familia baby:2, ennard:2 , // inteligencia y supervivencia funtime_freddy:2, funtime_foxy:1 , // espectáculo ennard:2, ballora:1 ], // control y secretos // Pregunta 5 - final favorito SL [ ballora:1, ennard:2 , // final privado (observar) funtime_freddy:1, michael:1 , // electrocutado ennard:2, baby:1 , // scooping room baby:2, funtime_foxy:1 ] // helado para Elizabeth ];
.option-prefix font-weight: bold; background: #1f2e3f; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 30px; color: #8db5e3;
.restart-btn:hover background: #6f4588; transform: scale(1.02); .progress background: #11161f
<script> // ----- DEFINICIÓN DEL TEST ----- const QUESTIONS = [
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." ] ,
.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; meta name="viewport" content="width=device-width
.character-name font-size: 2.2rem; font-weight: 800; letter-spacing: 2px; margin-bottom: 12px;
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." ] ,