Héroe Oculto

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Crea un juego web en español titulado “Héroe Oculto”, una adaptación digital del juego de adivinanzas “¿Quién soy?” para jugar entre una persona organizadora y su madre/otra persona. La interfaz debe ser una aplicación 2D de escritorio/móvil, sin cámara ni movimiento: fondo azul marino muy oscuro con un sutil degradado radial, paneles grandes azul pizarra con bordes finos azulados, esquinas redondeadas y sombras suaves. Usa tipografía sans-serif clara, texto principal blanco y texto secundario azul grisáceo.

En la cabecera fija muestra a la izquierda un icono cuadrado degradado rosa-rojo a morado con una estrella blanca, seguido de “Héroe Oculto” y el subtítulo “Adivina quién — Marvel y DC”. A la derecha muestra una píldora “Ronda 1”. El contenido debe centrarse en una columna de ancho máximo aproximado de 1180 px y adaptarse a pantallas pequeñas.

Arriba coloca dos paneles: el panel introductorio debe decir “¿Quién soy?” y explicar: “Elige una carta al azar y escóndela. Tu madre puede hacer preguntas de sí o no para descubrir qué héroe ha salido.” Incluye tres chips de reglas: “1. Elige una carta”, “2. No la enseñes” y “3. Responde sí o no”. El segundo panel se llama “CARTA ELEGIDA”, comienza en estado “Lista” y muestra una tarjeta/avatar grande con “?” y el texto “Pulsa ‘Elegir carta’”, además de “La carta aparecerá aquí solo para quien organiza la partida.” Incluye un botón primario amarillo/naranja con “🎲 Elegir carta al azar” y un botón secundario “↻ Reiniciar”.

La aplicación debe contener exactamente este conjunto de 24 cartas de héroes, cada una con universo, emoji y pista: Marvel—Spider-Man (🕷️, “Trepa paredes”), Iron Man (🤖, “Armadura roja”), Thor (⚡, “Usa un martillo”), Hulk (💚, “Muy fuerte”), Capitán América (🛡️, “Escudo redondo”), Black Panther (🐾, “Traje negro”), Capitana Marvel (⭐, “Vuela”), Viuda Negra (🕸️, “Espía experta”), Doctor Strange (🌀, “Usa magia”), Loki (🐍, “Dios de las trampas”), Deadpool (⚔️, “Habla demasiado”), Groot (🌱, “Es un árbol”), Wolverine (🦁, “Tiene garras”); DC—Batman (🦇, “No tiene poderes”), Superman (🦸, “Vuela y tiene capa”), Wonder Woman (⚔️, “Tiene un lazo”), Flash (💨, “Corre rapidísimo”), Aquaman (🌊, “Habla con animales marinos”), Cyborg (🔩, “Es mitad robot”), Green Lantern (💍, “Usa un anillo”), Harley Quinn (🃏, “Usa un bate”), Joker (🃏, “Villano sonriente”), Catwoman (🐈‍⬛, “Se mueve en silencio”), Shazam (🔴, “Dice una palabra mágica”).

Debajo muestra un panel de barra de herramientas con “Tablero de héroes”, el contador “24 disponibles” y tres filtros tipo píldora: “Todos” activo inicialmente, “Marvel” y “DC”. Después muestra las cartas en una cuadrícula (6 columnas en escritorio, 4 en tablet y 3 en móvil). Cada carta es un botón/panel azul degradado con etiqueta de universo (Marvel en rojo/rosa, DC en azul), emoji grande, nombre y pista. La carta seleccionada debe resaltarse con borde amarillo y halo.

Mecánica central: al pulsar “Elegir carta al azar”, escoge uniformemente una de las 24 cartas, reinicia cualquier eliminación previa, revela esa carta únicamente en el panel de la persona organizadora mostrando su emoji, nombre y el texto “Marvel/DC · pista”, cambia el estado a “Elegida”, actualiza el texto de ronda y conserva la carta secreta marcada visualmente en el tablero. La idea es que el organizador no enseñe esa carta a la persona que adivina. Antes de elegir, pulsar una carta del tablero no debe eliminarla: muestra un aviso/toast “Primero elige una carta secreta”. Después de elegir, pulsar cualquier carta que no sea la secreta la tacha o destacha para ayudar a descartar posibilidades. Una carta eliminada debe verse atenuada, con escala de grises y una X rosa en la esquina inferior derecha; el contador debe bajar de acuerdo con el número total de cartas eliminadas. No permitas tachar la carta secreta y muestra “No puedes tachar la carta elegida”.

Los filtros deben cambiar la vista entre Todos, Marvel y DC sin alterar las eliminaciones ni la carta secreta; el filtro activo tiene fondo y borde más claros. Incluye abajo un panel “Preguntas rápidas” con el subtítulo “Toca una para leerla” y botones para estas preguntas exactas: “¿Es de Marvel?”, “¿Es de DC?”, “¿Tiene poderes?”, “¿Puede volar?”, “¿Lleva una máscara?”, “¿Usa un arma o herramienta?”, “¿Es una persona normal?”, “¿Tiene una capa?”, “¿Es un villano?”, “¿Su traje tiene rojo?”, “¿Es miembro de un equipo?”, “¿Tiene poderes mágicos?”. Al tocar una pregunta no hay lógica de respuesta ni eliminación automática: solo muestra temporalmente esa pregunta en un toast centrado en la parte inferior durante aproximadamente 1,8 segundos.

El botón “Reiniciar” debe borrar la carta secreta y todas las eliminaciones, volver a “?”, “Pulsa ‘Elegir carta’”, “La carta aparecerá aquí solo para quien organiza la partida.” y estado “Lista”; conserva la ronda y el filtro actual. Los avisos deben ser pequeñas cajas claras con texto oscuro, sombra y animación de aparición/desaparición. Usa controles táctiles accesibles, botones con estados hover discretos, diseño responsive y desplazamiento vertical de toda la aplicación; no agregues combates, puntuación, vidas, temporizador, sonidos, imágenes externas ni mecánicas que no estén descritas.