We need to create a single HTML file with fireworks display: full-screen canvas, clicks launch shells that explode into gravity-affected, fading particle bursts. Use CSS and JS inline, no external resources. Must output index.html in current directory.

We'll write the HTML file.

We'll need to implement:

- Canvas covering full window.
- On click, create a shell that rises upward with some velocity, then after a delay or when reaching apex, explode into particles.
- Particles have initial velocity outward, affected by gravity (downward acceleration), and fade out (alpha decreases) over lifetime.
- Render using requestAnimationFrame.

Simplify: On click, generate a shell particle that moves upward; after a certain time (or when its upward velocity becomes negative due to gravity), we spawn explosion particles.

Implementation approach:

Define Particle class with x, y, vx, vy, radius, color, life, totalLife, etc.

Shell particle: just a single particle that moves upward; when its life ends (or after a delay), we create explosion particles.

Simpler: On click, we create a shell that goes up with initial upward velocity; we also add a timer to explode after a random time (e.g., 0.5-1 sec) or when its vy becomes positive? Actually shells should ascend then explode at peak. We can simulate gravity on shell as well (so it slows down, then falls). When its vy >= 0 and after some time? Actually at peak vy ~0. We'll just after a set delay (e.g., 500ms) create explosion.

We'll maintain arrays: shells, particles.

On each frame:

- Update shells: apply gravity, update position, life.
- If shell life > threshold (or after delay) and not exploded, create explosion particles and mark shell as exploded (remove).
- Update particles: apply gravity, update position, decrease life, alpha = life/totalLife.
- Remove particles when life <=0.
- Clear canvas and draw shells and particles.

Colors: random bright colors.

Implementation details:

- Canvas width = window.innerWidth, height = window.innerHeight; adjust on resize.
- Use HSL colors for variety.

Let's craft code.

We'll write to index.html.

First, let's check if any existing file. Use bash to ls.

Empty directory. Now create index.html.

We'll write the HTML content.

Let's construct the HTML string.

We'll need to include a script that runs on load.

We'll write using write tool.

Let's create the content.

We attempted to write to /index.html but the filesystem is read-only? Actually we are in /workspace, we should write to ./index.html. Let's write to index.html in current directory.

Now we have index.html. Let's verify file exists and maybe test quickly by reading first few lines.

File looks good. We should ensure it's self-contained, no external resources. It uses only inline CSS and JS. It's ready.

We can optionally run a quick test to ensure it loads in a browser? Not needed. The task is to create the file; we have done that.

Now we need to output final answer indicating completion.