Typing Challenge

Prompt

Code a complete, self-contained, and embeddable HTML, CSS, and JavaScript file for a Typing Speed Challenge game. The game should run in a browser and be embeddable in a Google Site or any webpage. Requirements:

Words should fall from the top of the screen and move toward the bottom. Use Arial or other highly legible font for the words.

The player types the words into an input box to remove them before they reach the bottom.

If a word reaches the bottom without being typed, the player loses one life.

The player starts with 5 lives. The game ends when lives reach zero. Play a trombone whomp whomp whomp sound when the player's lives are exhausted.

Scoring: +10 points per correct word, with a score display on screen. If a player reaches 500 points, display a celebration screen with falling confetti and play a trumpet sound.

Track and display the player’s accuracy and words per minute (WPM) when the game ends.

Difficulty should increase over time (faster falling words). Begin with mostly words from the home row of a QWERTY keyboard and gradually include more letter. Use only letter without numbers or symbol keys.

At the end of the game, display the final score, accuracy, and WPM in a results screen. Add a Start New Game button for players who run out of lives.

Include simple CSS styling for readability (centered text, bold falling words, fun arcade colors).

All code should be in a single HTML file (with embedded CSS and JS), so it is easy to copy and paste into a website.

Add comments throughout the code to explain each major section so beginners can understand how it works.