러시아어 인터페이스의 버블 슈터 게임을 만드세요.

요구 사항:
- CSS와 JavaScript가 포함된 완전한 HTML 페이지 제공.
- HTML5, CSS3, JavaScript (ES6+)를 사용하여 개발하며 외부 프레임워크는 사용하지 않습니다.
- PWA 기능 통합: 오프라인 사용을 위한 Service Worker 등록과 manifest 파일 포함.
- 모바일과 데스크톱 기기를 모두 지원하는 반응형 디자인.
- 터치, 키보드, 마우스 입력 모두 지원.
- 사용자 경험 향상을 위한 부드러운 애니메이션과 전환 효과.
- 코드에 자세한 주석을 달고 앱 아키텍처를 설명하세요.

구조:
- 배포 가능한 완전한 HTML 파일을 제공하세요.
- 모든 스타일과 스크립트를 HTML 내부에 포함시키세요.
- 주요 기능과 게임 로직을 문서화하세요.
- PWA 요소 (Service Worker 및 manifest)가 포함되어 있는지 확인하세요.

게임 메커니즘:
- 플레이어는 색상을 맞추기 위해 버블을 조준하고 발사합니다.

시각적 요소:
- 점수판과 발사 영역이 있는 다채로운 배경.

# ACDQ PROMPT: Создай игру Bubble Shoter

## Требования к игре (ACDQ формат):
1. Полная HTML страница с встроенными CSS и JavaScript.
2. Реализуйте игру на HTML5, CSS3 и JavaScript (ES6+), без внешних фреймворков.
3. Интегрируйте PWA функциональность: регистрация Service Worker и наличие манифеста для офлайн работы.
4. Адаптивный дизайн для мобильных и настольных устройств.
5. Поддержка сенсорного управления, клавиатуры и мыши.
6. Плавные анимации и переходы для улучшения UX.
7. Подробно прокомментируйте код и опишите архитектуру приложения.

## Структура ответа:
1. Предоставьте полный HTML файл, готовый к запуску.
2. Включите все стили и скрипты непосредственно в HTML.
3. Документируйте основные функции и логику игры.
4. Обеспечьте наличие PWA элементов (Service Worker, манифест).

Q: What gameplay mechanics do you envision for the Bubble Shooter game?
A: Players will aim and shoot bubbles to match colors.

Q: What features or visual elements do you want to prioritize for the UI?
A: A colorful background with a scoreboard and shooting area.