```xml
<?xml version="1.0" encoding="UTF-8"?>
<game>
  <title>Civic Sense Adventure</title>
  <slug>civic-sense-adventure</slug>
  <short-desc>Learn good civic habits like cleanliness, queuing, and safety through fun interactive scenarios and quizzes.</short-desc>
  <categories>
    <category>Educational</category>
    <category>Kids</category>
    <category>Quiz</category>
  </categories>
  <keywords>civic sense, educational game, html5 game, kids game, learning game, etiquette game, social skills game, quiz game, scenario game, community rules</keywords>
  <content>
# About Civic Sense Adventure

Civic Sense Adventure is an engaging educational game designed to teach players, particularly younger audiences, about the importance of good civic habits and responsible behavior in public spaces. The game presents various everyday situations through visually illustrated scenarios displayed on a canvas, covering topics like cleanliness, queuing etiquette, road safety, resource conservation (water and electricity), respect for public property, noise levels, helping others, and environmental awareness.

Players watch short, animated phases of a scenario unfold, each depicting a different aspect or consequence related to a specific civic sense topic. Following the scenario presentation, players are challenged with a multiple-choice question to test their understanding of the correct and responsible course of action in that situation. The game provides immediate feedback, reinforcing learning through positive confirmation or gentle correction.

The objective is to answer correctly as many questions as possible out of a series of randomly selected scenarios (up to 10 per game session). By interacting with these situations and quizzes, players learn valuable lessons about contributing positively to their community and environment in a fun and interactive way.

## How to Play

1.  **Start:** Click the "Start" button on the main screen to begin the adventure.
2.  **View Scenario:** Watch the animated scenario play out on the top canvas area. Read the accompanying description below the canvas to understand the situation. The scenario progresses through a few short phases automatically.
3.  **Answer Question:** After the scenario concludes, a multiple-choice question related to the situation will appear. Read the question and the available options carefully.
4.  **Select Answer:** Click on the button corresponding to the answer you believe is correct. You can also use the number keys (1, 2, 3...) on your keyboard.
5.  **Receive Feedback:** A pop-up modal will inform you if your answer was correct or incorrect, providing a brief explanation. Correct answers add to your score and trigger a celebratory animation, while incorrect answers show the correct option and might trigger a screen shake effect.
6.  **Progress:** The game automatically moves to the next randomly selected scenario after the feedback.
7.  **Complete:** After completing the set number of scenarios (up to 10), the game ends, and your final score is displayed. You can then choose to play again.

## Features

- **Interactive Scenarios:** Engaging visual scenarios depict common situations related to civic sense.
- **Educational Quizzes:** Multiple-choice questions reinforce learning after each scenario.
- **Instant Feedback:** Immediate visual and audio feedback (correct/incorrect sounds, modal popups, animations) helps players learn effectively.
- **Score Tracking:** Keep track of your progress with a score displayed during gameplay and a final score summary.
- **Randomized Gameplay:** Features a pool of scenarios (like littering, queuing, road safety, saving water/electricity, etc.) that are randomly selected for each game session, offering replayability.
- **Simple Animations:** Includes basic character animations, scenario elements (like a rotating fan), and celebratory particle effects.
- **Responsive Design:** Adapts to different screen sizes for play on various devices.

## Controls

- **Mouse:** Click the buttons on the screen ("Start", Option Buttons, "Play Again").
- **Keyboard:**
    - Use number keys (1, 2, 3...) to select the corresponding multiple-choice option.
    - Press `Enter` on the start screen to begin the game.
    - Press `Enter` on the end screen to play again.

## Tips & Strategies

- **Pay Attention:** Carefully observe the details in each phase of the visual scenario and read the descriptions. They provide clues for the correct answer.
- **Think Before Clicking:** Consider the consequences of each option in the real world. Which action shows respect for others and the environment?
- **Learn from Mistakes:** If you get an answer wrong, read the feedback to understand why. The goal is to learn good civic habits.
- **Replay:** Play the game multiple times to encounter different scenarios and reinforce your understanding.
  </content>
  <faq>
    <question>How do I save my progress in the game?</question>
    <answer>Your progress is automatically saved as you play.</answer>

    <question>Can I play this game on mobile devices?</question>
    <answer>Yes, this game is fully compatible with mobile browsers.</answer>

    <question>Is this game free to play?</question>
    <answer>Yes, the game is completely free to play in your browser.</answer>
  </faq>
  <specifications>
    <multiplayer>false</multiplayer>
  </specifications>
</game>
```

An interactive game created with AI assistance