HTML、CSS、JavaScriptを使用して『Bubble Shooter』のシンプルなバージョンを作成してください。プレイヤーは上向きにバブルを発射し、同じ色のバブルを3つ以上連結させます。連結されていないバブルは落下します。ゲームにはスコアカウンターとリスタートボタンが含まれている必要があります。出力はゲームを含む完成済みのHTMLページです。

---

HTML
ゲームボード、スコア表示エリア、コントロールボタン（例：リスタートボタン）を含むページ構造を作成してください。

CSS
バブル、ゲームボード、インターフェースなどのゲーム要素をスタイリングしてください。

JavaScript
ゲームのロジックを実装してください:
- ゲームボード上にランダムなバブルを生成。
- バブルを発射するメカニズムを実装。
- 同じ色のバブルが3つ以上連結しているか確認。
- 連結したバブルを除去し、残ったバブルを落下させる。
- スコアを更新し、インターフェースをリフレッシュ。
- すべての最新ブラウザで正しく動作することを確認。
- ゲーム終了後にリスタート機能を提供。

FAQ
1. プレイヤーはどうやって狙いを定めてバブルを発射するのですか？
   - プロの判断にお任せします。

2. ゲーム内で使用するバブルの色はいくつにすべきですか？
   - プロの判断にお任せします。

3. ユーザーはどのようにしてスコアの上昇を確認できますか？
   - プロの判断にお任せします。

Создай простую версию игры "Bubble Shooter" с использованием HTML, CSS и JavaScript. Игрок должен стрелять шариками вверх, чтобы соединять три или более одинаковых шарика одного цвета. Шарики, которые не связаны с другими, должны падать вниз. Игра должна иметь счетчик очков и кнопку перезапуска. Вывод результата — это готовая HTML-страница с игрой.

HTML: Создай структуру страницы, включающую игровое поле, область для отображения счета и кнопки управления (например, перезапуск).
CSS: Стилизуй элементы игры, включая шарики, игровое поле и интерфейс.
JavaScript: Напиши логику игры, включая:
Генерация случайных шаров на игровом поле.
Механика стрельбы шариков.
Проверка совпадений трех или более шариков одного цвета.
Удаление совпадающих шариков и падение оставшихся.
Подсчет очков и обновление интерфейса.
Убедись, что игра работает корректно во всех современных браузерах.
Обеспечь возможность перезапуска игры после завершения.

Q: Как игрок должен нацеливать и стрелять шариками?
A: ты профессионал с многолетним опытом, сам решай!

Q: Сколько цветов шариков должно быть в игре?
A: ты профессионал с многолетним опытом, сам решай!

Q: Каким образом пользователь будет видеть увеличение счета?
A: ты профессионал с многолетним опытом, сам решай!