# P9.1 Representative First-Battle Visual Slice

Open [`index.html`](index.html) with one of the frame query values in
[`frame-manifest.json`](frame-manifest.json), for example:

```text
index.html?frame=formation-review
index.html?frame=approach-contact
index.html?frame=damage-feedback
index.html?frame=heal-response
index.html?frame=ranged-finish
index.html?frame=first-diagnosis
```

The source is an editable HTML/CSS/JS layer reference at fixed `844x390`.
`GRAYBOX.md` records composition and focal priorities; `HANDOFF.md` records
bindings, layers and runtime cautions; the two JSON manifests record frame and
asset provenance. `generation-record.json` records `0` paid calls and `$0`.

## Evidence Commands

From this directory:

```bash
npm ci
npm run capture
npm run verify
```

`capture` writes the seven PNGs under `previews/`. `verify` checks every frame
at `844x390`, rejects viewport overflow or missing pair identity, confirms the
paid-call ceiling, and compares each copied asset byte-for-byte with its
accepted repository source. It writes `evidence/verification.json`.

Delete `node_modules/` after verification; it is not part of the handoff.