Create a 3D third-person shooter game inspired by games like DOOM. The game will be developed using HTML5, CSS3, and JavaScript (ES6+), with no external frameworks.

Features
* Full HTML page including all CSS and JavaScript.
* Implement Progressive Web App (PWA) functionality, including Service Worker registration and a manifest file for offline accessibility.
* Design an adaptive layout that works both on mobile and desktop devices.
* Ensure support for touch controls, keyboard, and mouse interactions.
* Create smooth animations and transitions to enhance user experience.

Instructions

Game Mechanics
- Shooting: Players should be able to aim and fire a weapon. Implement bullet impact logic, target hit detection, and ammunition count.
- Movement: Allow the player to move in three-dimensional space using WASD keys or touch controls for mobile devices. Implement collision detection to avoid moving through obstacles.
- Jumping: Include a jump mechanic allowing players to navigate over obstacles or gaps.

User Interface
- Health Bars: Display a visual representation of the player's health as a bar, updating in real-time as damage is taken.
- Ammo Count: Show the remaining ammunition count, updating as ammunition is used up.
- Mini-map: Include a small map to help players navigate the game arena.

Code and Architecture
- Comment code extensively to describe functionality and process flow.
- Structure the application using a clear architecture, separating concerns between rendering, logic, and user input handling.

PWA Elements
- Ensure the Service Worker handles caching for offline play.
- Include a manifest file specifying metadata for the PWA, such as icons and app name, allowing installation on devices.

With attention to user interaction and game feel, this instruction creates an engaging and technically robust third-person shooter experience.

# ACDQ PROMPT: создай 3D шутер от третьего лица вроде DOOM

## Требования к игре (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 are the main mechanics of the game?
A: For example, shooting, jumping, and moving.

Q: What are the key elements you want in the game's UI?
A: For example, health bars, ammo count, or mini-maps.