HTML, CSS, JavaScript를 사용하여 간단한 '버블 슈터' 게임을 만드세요. 플레이어는 같은 색의 버블이 세 개 이상 연결되도록 위로 발사해야 합니다. 연결되지 않은 버블은 떨어져야 합니다. 게임에는 점수판과 재시작 버튼이 있어야 합니다.

#### HTML
- 게임 필드, 점수 표시 영역, 재시작 버튼 등 제어 요소를 포함한 페이지 구조를 만드세요.

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

#### JavaScript
- 다음을 포함하는 게임 로직을 작성하세요:
  - 게임 필드에 무작위 버블 생성.
  - 버블 발사 메커니즘 구현.
  - 같은 색의 버블이 3개 이상 매치되는지 확인.
  - 매치된 버블 제거 및 나머지 버블 낙하.
  - 점수 계산 및 인터페이스 업데이트.
  - 모든 최신 브라우저에서 게임이 정상 작동하도록 보장.
  - 게임 종료 후 재시작 옵션 제공.

### 게임 플레이 로직
- 전문가의 의견을 반영하여 게임 필드 크기와 버블 색상을 고려하세요.
- 전문가 경험에 기반하여 재시작 버튼 관련 활동을 결정하세요.

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

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

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

Q: Существует ли предпочтение по цветовой палитре для шариков?
A: ты профессионал с многолетним опытом, сам решай!

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