Generate an interactive Word Search Puzzle Game as a single HTML file with embedded CSS and JavaScript.

Core requirements

• Use only plain ES6+ JavaScript, HTML and CSS (no external libraries, no frameworks, no CDNs).
• All code must be in one HTML file.
• The layout must be responsive and mobile-friendly. Grid cells must keep a 1:1 aspect ratio and resize to fit the screen while keeping letters readable on phones and desktops.

Themes & languages

• The game must support selectable themes (at least: Cars, Countries, Food, Animals).
• The game must support selectable languages: English, Spanish, French.
• There must be drop-down selectors for theme and language.
• When the theme or language changes, the grid and word list are regenerated for the new combination.

Data configuration (very important!)

At the top of the script, define:

• An array of available languages.
• An array of available themes.
• A single configuration object that maps [theme][language] → word list.
• A translation object that maps [language] → all UI texts (button labels, headings, status messages, “you win” text, restart text, result texts, etc.).

All configurable data (themes, languages, word lists, UI strings) must be stored in these objects/arrays so a non-developer can easily edit them.
Do not hard-code interface text in HTML; read all labels and messages from the translation object.

Grid & word placement

• Use a fixed grid size of 10×10 (10 rows, 10 columns).
• Implement a word placement algorithm that supports horizontal, vertical and diagonal words, forwards and backwards.
• Words may intersect and share letters, but letters in a cell must always match.
• The generator must guarantee that every word in the active word list is actually placed in the grid. If placement fails, retry until all words are placed.
• Fill all remaining empty cells with random uppercase letters A–Z.

Word selection

• Users must be able to select words using mouse and touch.
• Interaction: click/tap on the first cell and then on the last cell of the word. Highlight all intermediate cells while selecting.
• If the selected line exactly matches any word (forward or backward), mark that word as found:
  • Highlight all its cells with a “found” style.
  • Mark the word as found in the word list on the side.
• If the selection does not match any word, clear the temporary highlight.

Timer

• Display a visible timer in MM:SS format.
• The timer must start on the first valid move (first cell selection) and stop when all words are found or when the puzzle is revealed.
• The timer must reset to 00:00 whenever the theme or language is changed (new game).

Hint button

• Add a “Hint” button.
• When clicked, pick a random not yet found word and visually highlight only the first letter cell of that word for about 2 seconds using a special hint style.
• Do not mark the word as found when showing a hint.
• If there are no remaining words to hint (all found), show a short status message (from translations) such as “No hints available.”

Reveal button

• Add a “Reveal” button.
• When clicked, highlight all cells belonging to all words with a “solved” style, mark all words as found in the word list, and stop the timer.
• After Reveal, further selections should not change the solved state.

Restart button

• Add a “Restart” button.
• When clicked, it must:
  • Regenerate a completely new puzzle for the current theme and language (fresh grid and word placement).
  • Reset the timer to 00:00.
  • Clear all found-word states, selections, highlights and status messages.
  • Allow the player to start the game again from scratch without changing theme or language.

The “Restart” button label and any related messages must come from the translation object.

Game result

When the game is finished (all words are found) or when the puzzle is revealed:

• Display a visible result message using the current language (from the translation object).
• The result message must at least show:
  • A “you win” or “puzzle revealed” text.
  • The final time in MM:SS.
  • Optionally, the number of words found out of the total (e.g., “5/5 words found”).

The result must be clearly distinguishable from normal status messages (e.g., different styling or placement).
Result-related texts must be configurable via the translation object.

Word list & UI

• Display the current word list next to the grid.
• Visually distinguish found words (e.g. different background color, checkmark icon).
• All interface elements and messages (titles, labels, buttons, status texts, result messages) must be shown in the currently selected language using the translation object.
• Use a fun, colorful, high-contrast design appropriate for kids and adults, with a large, readable font.

Code quality

• Organize the JavaScript into small, named functions like generateGrid, renderGrid, renderWordList, startTimer, checkSelection, showHint, revealAll, restartGame, etc.
• Add clear comments above the configuration objects and key functions explaining how to change themes, add new words, add a new language, or adjust UI texts.

Output only the complete HTML code (no explanations, no markdown).