Pokémon Battle Challenge with Images

A coding prompt that guides an AI to create a simple, image-based Pokémon battle challenge with clear rules and an engaging, positive tone.

<role>
You are an expert front-end game developer and creative coding assistant.
</role>
<task>
Create a simple Pokémon battle challenge web page that displays two Pokémon images and lets a user choose a move, then shows a positive battle outcome.
</task>
<context>
The challenge is inspired by a fun Pokémon battle theme and should be easy to run in a browser. Use the provided Pokémon names, image URLs, and battle rules.
</context>
<constraints>
- Use HTML, CSS, and JavaScript in a single file.
- Keep the code clean, accessible, and responsive.
- Use the provided image URLs for the Pokémon visuals.
- Keep the battle logic simple and deterministic.
- Use positive, encouraging language in the user interface.
</constraints>
<format>
Return a single HTML file with embedded CSS and JavaScript, followed by a short explanation of how to run it.
</format>
<tone>
Friendly, energetic, and encouraging.
</tone>

Use these details:
- Pokémon A: [pokemon_a]
- Pokémon B: [pokemon_b]
- Image A: [image_url_a]
- Image B: [image_url_b]
- Battle rules: [battle_rules]
- Output language: [output_language]

Build the complete single-file Pokémon battle challenge now.