PixelDex

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.

Crie um jogo web 2D responsivo chamado “PixelDex”, uma coleção de cartas e duelo de criaturas com estética de RPG/TCG de 8 bits. A interface deve estar em português do Brasil e ocupar uma tela vertical com fundo azul-marinho quase preto, painéis escuros com bordas roxo-azuladas e sombras duras pixeladas, tipografia monoespaçada retrô (títulos em estilo Press Start 2P e texto em estilo VT323), cores de destaque dourado, menta, roxo e laranja. Não use câmera de mundo: é um painel/menu de jogo com rolagem vertical interna, otimizado para desktop e celular.

No topo, mostre a marca PIXELDEX em dourado, o subtítulo “Liga de criaturas • edição diária”, e dois recursos em caixas: moedas com ícone ✦ e valor inicial 120, e sequência diária com ícone ⚡ e valor inicial 1. Abaixo, crie quatro abas grandes: “INÍCIO”, “COLEÇÃO”, “DEX” e “DUELO”; a aba ativa fica menta com texto escuro, e as demais ficam azul-marinho com bordas. O progresso deve persistir localmente no navegador.

Na aba INÍCIO, mostre um painel “BOLETIM DA LIGA” com o título “Abra seu sobre diário. Monte seu time.” e o texto explicando que o jogador coleciona criaturas originais inspiradas na era 8-bit, que cada sobre traz 5 cartas e pode conter uma Lendária. Inclua o botão laranja “ABRIR SOBRE DIÁRIO”. À direita, exiba uma arte decorativa de um pacote inclinado, com o texto “PIXEL PACK 01”, gradiente amarelo/laranja/roxo, moldura escura e fundo roxo com brilhos. O jogador pode abrir somente um pacote por dia; depois o botão fica desabilitado e aparece um aviso dizendo para voltar amanhã e mostrando a sequência. Ao abrir, sorteie 5 cartas aleatórias da coleção, com chance aproximada de 8% para Lendária, 20% adicional para Rara e cartas comuns/incomuns no restante; adicione as cartas novas à coleção, aumente moedas em 25, aumente a sequência em 1, salve a data atual e mostre um alerta com os nomes obtidos. Depois, vá para a aba Coleção. Abaixo do herói, mostre três estatísticas: total de cartas coletadas, quantidade de Lendárias e tamanho do deck ativo no formato “X/6”. Também inclua um painel “COMO JOGAR” explicando: abrir o sobre, escolher até 6 cartas no deck, desafiar a rival Nova e estudar espécies na Dex.

A coleção total tem 12 cartas: 9 criaturas e 3 cartas de habilidade/ataque. Comece o jogador com Voltik, Shellor e Leaflynx no inventário e no deck ativo. As criaturas são: Voltik (G1, Elétrico, Comum, poder 52, emoji ⚡, habilidade “Faísca Rápida”, descrição sobre acumular energia e ficar forte em tempestades); Pyrorex (G1, Fogo, Rara, 78, 🔥, “Cauda Ígnea”); Shellor (G1, Água, Incomum, 64, 🐚, “Jato Maré”); Leaflynx (G2, Planta, Comum, 55, 🌿, “Garra Verde”); Mindmoth (G2, Psíquico, Rara, 82, 🦋, “Pulso Mental”); Frosthorn (G2, Gelo, Incomum, 68, ❄️, “Investida Polar”); Bloomara (G3, Planta, Rara, 88, 🌸, “Pólen Solar”); Stormjaw (G3, Dragão, Lendária, 108, 🐉, “Rugido Celeste”); Astralyn (G3, Cósmico, Lendária, 116, 🌙, “Queda Lunar”). As três cartas especiais são Surto Solar (Habilidade, Rara, poder 18, emoji ✹, “Buff de Planta”); Guarda Prisma (Habilidade, Incomum, poder 12, 🛡️, “Barreira”); e Combo Relâmpago (Ataque, Rara, poder 24, ⚡, “Combo”).

Na aba COLEÇÃO, mostre “MINHA COLEÇÃO”, o contador de cartas descobertas de 12 e o botão roxo “MONTAR DECK FORTE”. Exiba cartas em uma grade responsiva. Cada carta deve parecer um card físico pixelado creme, com borda dourada; raras têm fundo lilás e borda roxa; lendárias têm fundo amarelo-claro e borda dourada. Cada uma mostra a raridade, um grande sprite/emoji em uma área com padrão diagonal, nome, tipo e geração, etiqueta da habilidade, poder e descrição. O botão de deck forte deve ordenar as cartas possuídas pelo maior poder e selecionar até 6 IDs para o deck. Abaixo, exiba “DECK ATIVO” e os cards compactos das cartas escolhidas.

Na aba DEX, mostre “PIXELDEX // REGISTROS” e o texto dizendo que as cartas revelam habitat, tipo e habilidade e que o objetivo é completar as três gerações. Liste todas as 9 espécies em cards. Para espécies possuídas, use seu card normal; para não descobertas, mostre card esmaecido em escala de cinza, um “?” no sprite, “Registro #N”, “Dados bloqueados” e o texto “Encontre esta espécie em um sobre diário.”

Na aba DUELO, inicialmente mostre “ARENA DE DUELO”, a mensagem “Desafie a treinadora Nova. Ela usa um deck equilibrado e não vai facilitar.”, dois painéis de lutadores lado a lado (“Você” e “Nova”), número de cartas e poder total do jogador, “Deck Aurora · poder 330” para Nova, barras de vida verdes em 100%, e o botão roxo “COMEÇAR DUELO”. O poder do deck é a soma dos poderes das cartas do deck, ignorando IDs inválidos.

Ao iniciar, exiba “ARENA // RODADA 1/3” com selo “AO VIVO”, um painel para cada lado e uma carta ativa: a primeira carta do deck do jogador e Mindmoth para Nova. Mostre emoji, nome, tipo, poder atual e barras de vida percentuais. Inclua botões “⚔ Usar ataque” e “✦ Ativar habilidade”, além de um log de batalha escuro com as últimas mensagens. Ataque: o dano do jogador é no mínimo 10 e equivale ao poder do deck dividido por 9, arredondado para baixo, mais um aleatório de 0 a 8; se houver uma carta Elétrico no deck, acrescente 6 e registre a sinergia. A resposta de Nova causa o poder 330 dividido por 11, arredondado para baixo, mais aleatório de 0 a 7. Reduza as duas vidas a cada ataque, registre ambas as mensagens, avance a rodada e encerre se alguém chegar a zero ou passar de 3 rodadas. Habilidade: cause dano imediato de 12, ou 20 se o deck contiver uma carta Fogo, avance a rodada e registre a ativação; encerre nas mesmas condições. Ao terminar, troque o selo para “DUELO ENCERRADO”, desabilite ações e mostre “VOLTAR À ARENA”. Vitória concede 50 moedas e mensagens de recompensa; derrota informa para reforçar o deck. Se acabar após três rodadas, determine a vitória por pontos comparando vida do jogador e de Nova, concedendo a recompensa quando o jogador tiver vida maior ou igual. Mantenha o visual legível, com controles grandes, bordas grossas, sombras pixeladas, layout que colapse para uma coluna no celular e uma área de conteúdo rolável sem quebrar o cabeçalho nem as abas.