플레이어가 위로 버블을 쏘아 같은 색 버블 3개 이상을 연결하는 간단한 버전의 "버블 슈터" 게임을 만드세요. 결과물은 게임이 포함된 바로 사용 가능한 HTML 페이지여야 합니다.

HTML
게임 필드, 점수를 표시하는 영역, 재시작과 같은 컨트롤 버튼을 포함하여 페이지 구조를 작성하세요.

CSS
버블, 게임 필드 및 인터페이스 등 게임 요소의 스타일을 지정하세요.

JavaScript
- 다음을 포함하는 게임 로직을 작성하세요:
  - 게임 필드에 랜덤한 버블 생성.
  - 버블 발사 메커니즘.
  - 같은 색상의 버블이 3개 이상 연결되는지 확인.
  - 연결된 버블 제거 및 남은 버블 낙하.
  - 점수 시스템 구현.

모던 브라우저에서 게임이 정상 작동하도록 하며, 게임 종료 후 재시작 옵션도 제공해야 합니다.

FAQ
- 플레이어는 어떻게 버블을 쏘나요?
- 게임은 랜덤 버블 생성을 위해 어떤 로직을 사용해야 하나요?
- 특정 점수 규칙이 필요한가요?

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

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

Q: Как игрок должен стрелять шарами?
A: a

Q: Какую логику должна использовать игра для генерации случайных шаров?
A: b

Q: Есть ли какие-то особые правила подсчета очков, которые должны быть учтены?
A: c