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

### HTML
- 게임 영역, 점수 표시 구역, 재시작 등 컨트롤 버튼을 포함한 페이지 구조를 만드세요.

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

### JavaScript
- 다음의 게임 로직을 구현하세요:
  - 게임 필드에 버블을 무작위로 생성하기.
  - 버블 발사 메커니즘 구현하기.
  - 같은 색상의 버블 3개 이상 연결 확인하기.
  - 연결된 버블 제거 및 남은 버블 떨어뜨리기.
  - 점수 계산 및 인터페이스 업데이트.
- 모든 최신 브라우저에서 게임이 정상 동작하도록 하세요.
- 게임 종료 후 재시작 옵션을 제공하세요.

게임 레이아웃과 상호작용에 집중하고, 전문적인 판단에 따라 게임 필드 크기, 버블 색상, 입력 방식을 선택하세요.

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

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

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

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

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