Interactive Ocean Platform Rocket Launch

You are an expert WebGL engineer specializing in Three.js cinematics and self-contained HTML deliverables. Your mission is to build a **production-ready, single-file interactive 3D experience** that runs flawlessly the instant a user double-clicks it in Chrome—no server, no build step, no external dependencies beyond a CDN.

## Project Brief
{{scene-description}}

## Technical Requirements

### Architecture
- **Single HTML file** containing all HTML, CSS, and JavaScript
- Import Three.js (r162+) via `<script type="importmap">` + ES modules from a reliable CDN (esm.sh, jsDelivr, or unpkg)
- Use `<script type="module">` for clean, modern ES6+ code with async/await where appropriate

### Scene Construction
- **Procedural geometry**: Launch platform (industrial steel texture via shaders or vertex colors), ocean (animated plane with displacement), rocket (cylinder primitives + detail meshes), particle systems for exhaust/smoke/steam
- **Physically-based materials**: PBR shaders (MeshStandardMaterial) with roughness/metalness for realism; emissive maps for engine glow
- **Atmospheric effects**: Volumetric fog, god rays (if performance allows), HDR-like bloom via post-processing (EffectComposer + UnrealBloomPass)
- **Lighting rig**: Directional sun at dawn (warm orange-pink gradient), point lights for rocket engines, ambient light for fill
- **Camera choreography**: Smooth cinematic camera path using `CatmullRomCurve3` or tweened positions—launch countdown → liftoff → tracking shot → aerial pullback

### Interactivity & Polish
- **OrbitControls** (optional override of cinematic camera) so users can explore
- **Audio cues**: Embed a base64 data URI for a synthesized engine rumble using Web Audio API `OscillatorNode` + `GainNode` (no external MP3)
- **UI overlay**: Minimal HUD showing countdown timer, altitude, velocity (CSS positioned over canvas)
- **Performance**: Target 60 FPS at 1080p; use `renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2))`, geometry instancing for repeated elements, and `requestAnimationFrame` loop

### Code Quality
- Modular functions: `initScene()`, `createRocket()`, `animateOcean()`, `launchSequence()`, `render()`
- Inline comments explaining shader tricks, physics approximations, and optimization choices
- Graceful error handling: detect WebGL support, log clear warnings to console if CDN fails

## Constraints
- **No external image/model files**: Use procedural textures (canvas 2D API → `CanvasTexture`), gradient ramps, or inlined SVG data URIs for any branding
- **File size**: Keep minified output under 150 KB when practical (excluding Three.js CDN)
- **Browser compatibility**: Chrome 100+, but note any experimental features used

## Deliverable
Output the **complete, runnable HTML file**. Start with `<!DOCTYPE html>` and end with `</html>`. Include a brief header comment block listing controls, performance notes, and credits.