We need to create index.html with embedded CSS and JS implementing Space Invaders. Single file. Must be playable. We'll need to implement canvas drawing, game loop, controls, collisions, alien movement, etc. This is a non-trivial but possible with basic JS.

Goal: produce code that works.

Approach: Use simple shapes: rectangles and lines.

Simplify: player: rectangle at bottom, moves left/right with arrow keys, shoot bullet upward. Aliens: grid of rectangles moving left/right, descending. Bullets: arrays for player and alien bullets. Bunkers: rectangular blocks with health.

Score, lives.

Let's implement minimal.

Define constants: canvas width 800, height 600.

Game state: aliens array with position, direction, speed, etc. Each alien as {x, y, alive}. Bunker: blocks array each with position, health.

Implement main loop: update positions, check collisions, draw.

Controls: left/right arrow, spacebar to fire.

Implementation: simple.

Let's create index.html with HTML skeleton and script.

We need to output file content via write.

Let's produce.

We'll write file.

Let's craft code.

We'll produce index.html content.

I'll write a relatively compact but functional code. Use requestAnimationFrame loop.

Define classes or object arrays.

Simplify: Use one alien speed; aliens move as group.

Bullets: array of objects with x, y, vy.

Bunkers: grid of blocks. Each block 10x10 maybe. We'll define 4 bunkers each with grid.

Simplify: each block has health 3.

Score: increment when alien destroyed.

Lives: start 3; reduce when alien reaches bottom or hits player.

Game over condition.

Let's write code.

I'll write a simple UI.

Let's produce the file.

We wrote a file index.html. Need to ensure that it meets requirements: single-page web app, CSS in <style>, JS in <script>. No external resources. It is a basic Space Invaders. Could improve but fine. The answer may need to say finished. Let's provide final.