Bestiario de Arena

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 jugable llamado “Bestiario de Arena”, un autobattler de criaturas en español, visto como un dashboard 2D fijo y responsive (sin cámara 3D). La estética debe ser oscura, pulida y fantástica: fondo azul marino con degradado radial, paneles azul índigo translúcidos con bordes sutiles y sombras, esquinas redondeadas, texto blanco y secundario lavanda; usa acentos cian, violeta, amarillo/oro, verde para vida y coral para acciones peligrosas. En la cabecera coloca a la izquierda un icono cuadrado degradado amarillo/rosa con una estrella y el título “Bestiario de Arena”, con subtítulo “Autobattler de criaturas · Temporada 1”. A la derecha muestra las píldoras “Catálogo: 1000 criaturas”, “Héroes: 120” y un botón de configuración con engranaje.

Organiza el contenido principal en tres columnas en escritorio: barra lateral izquierda de aproximadamente 260 px, columna central flexible y barra lateral derecha de aproximadamente 300 px. En pantallas pequeñas, apila las secciones y oculta la columna derecha. La barra lateral izquierda contiene el perfil del héroe con avatar colorido (brújula), un nombre como “Celia Exploradora 7” y “Nivel de arena 1”; estadísticas de Vida 30 con corazón verde, Oro 6 con moneda amarilla y Ronda 1/12. Muestra “Afinidades de esta partida” con cinco botones/píldoras seleccionadas de forma aleatoria entre Brasa, Marea, Hoja, Voltio, Sombra, Roca, Viento, Místico, Hielo y Metal. Debajo, muestra “Poder de héroe” con una tarjeta y una habilidad aleatoria, por ejemplo “Al subir de nivel, descubre una criatura gratis.” Finalmente muestra “Colección” y el texto de colección: “70 hechizos descubiertos · 70 en el archivo · 1000 especies generadas en el bestiario.”

En la columna central, arriba coloca un banner de héroe activo con avatar morado, nombre del héroe, descripción de su poder y dos botones: “Actualizar · 1 🪙” y “⚔ Combatir”. El botón Actualizar cuesta un oro si hay oro disponible y reemplaza las cuatro criaturas de la tienda; registra la acción. El botón Combatir resuelve automáticamente la batalla.

Debajo, crea el panel “Tablero de combate”. En su cabecera muestra “Tú 30 ♥ vs Rival 30 ♥”. Presenta siete casillas horizontales con borde discontinuo y texto “vacío”; cuando se compran criaturas, se colocan automáticamente en la siguiente casilla libre, hasta siete unidades. No inventes controles de arrastrar: la colocación ocurre automáticamente al comprar. Cada unidad debe ser una tarjeta pequeña con tipo, nivel/tier, emoji de criatura, nombre y estadísticas de ataque y vida. El panel incluye el texto “Coloca hasta 7 criaturas. El combate se resuelve automáticamente.”

La lógica del juego es por rondas, empezando en ronda 1, con 30 de vida, 6 de oro, nivel 1 y rival con 30 de vida. Cada criatura de tienda cuesta exactamente 3 de oro. La tienda muestra cuatro cartas, cada una con un emoji de animal/criatura, nombre generado, afinidad, “Tier 1” al comenzar, ataque y vida, y botón “Comprar · 3 🪙”. Genera nombres combinando prefijos como Aero, Bram, Cindra, Draxi, Echora, Flaro, Glimo, Korra, Lunox, Mirel, Nimbi, Orbi, Pyro, Quill, Ravix, Solara, Tessu, Umbria, Virel y Zentra con sufijos como bit, ling, horn, fin, drake, moth, puff, claw, roo, shell, wing y spark; usa emojis de criaturas como 🦊 🐢 🦎 🦉 🐺 🐸 🐙 🦋 🐲 🦔 🦁 🐍. Cada compra descuenta 3 de oro, coloca la criatura en el tablero si hay espacio o en un banco de reserva si el tablero está lleno, y repone esa carta con una criatura aleatoria. El banco tiene capacidad indicada como “Banco 0/9”.

Bajo la tienda incluye “❄ Congelar tienda”, que alterna entre congelar/descongelar y evita que la tienda se regenere al pasar de ronda mientras está congelada, y “Vender última · +1 🪙”, que vende la última criatura del banco y devuelve un oro. Muestra la etiqueta “Tienda activa” o “❄️ Congelada”.

Al combatir, calcula el poder de la escuadra como la suma de ataque más 0.35 multiplicado por vida de cada criatura, y el poder rival con la misma fórmula. El rival empieza con tres criaturas aleatorias; tras cada ronda genera tres, cuatro o cinco según avance la partida, con tiers que pueden subir hasta 3. Si el poder propio es mayor o igual al rival, muestra un registro de victoria, reduce la vida del rival en al menos 1 según el poder y da +2 oro. Si se pierde, reduce la vida del jugador según el poder rival y registra “Derrota: el rival encuentra el hueco en tu formación.” Después de combatir, si no se alcanzó la ronda 12 y el jugador sigue vivo, avanza la ronda, añade 2 de oro hasta un máximo de 10, repone la tienda salvo que esté congelada y crea el nuevo rival. Al llegar a ronda 12 o a 0 de vida muestra en el registro que la temporada terminó. Si se pulsa Combatir sin unidades, registra “Compra al menos una criatura antes de combatir.”

En la barra lateral derecha crea un panel “Hechizos” con píldora “70 cartas”, descripción “Cartas de hechizo originales — selecciona una para mejorar la escuadra.” y cuatro cartas con botón “Usar”: “Pulso de Tormenta” (+2 ataque a un aliado), “Semilla Vital” (+3 vida a todos), “Llamarada Azul” (duplica un efecto; en la mecánica actual añade +4 ataque a un aliado) y “Eco de Escamas” (congela un enemigo; en la mecánica actual reduce la vida de un enemigo aleatorio, sin bajar de 1). Si no hay criatura en el tablero, usar un hechizo solo registra que se necesita una criatura. Debajo coloca “Registro de combate” en una caja desplazable con los últimos mensajes, incluyendo el mensaje inicial de que aparecen cinco afinidades.

Todos los estados y botones deben actualizarse inmediatamente sin recargar. Usa una selección aleatoria de 120 héroes basada en nombres como Aria Viajera, Bruno Forjador, Celia Exploradora, Dario Táctico, Ema Guardiana, Félix Inventor, Gala Astrónoma, Hugo Cronista, Iris Botánica, Juno Navegante, Kiro Músico y Lía Cartógrafa, con sufijos numéricos para completar 120. El héroe y su poder se eligen al iniciar una partida. Incluye una ventana modal de configuración abierta por el engranaje, con control de volumen inicial al 35%, selector de gráficos Alto/Medio/Bajo, selector de idioma Español/English/Français, casilla de Animaciones activada y botón “Guardar y volver”. Reproduce música ambiental sencilla en el navegador con tonos sintetizados suaves y permite ajustar su volumen. Añade animaciones breves de aparición al colocar unidades y estados hover en botones/cartas. El resultado debe sentirse como una pantalla de gestión de un autobattler de criaturas, no como un juego de acción: la batalla es automática y el foco visual está en tienda, tablero, recursos, hechizos y registro.