Fixes + UX: combat HP, char delete, dice animation, compendium filters, import/export

- Combat: relabel HP controls Dmg/Heal, disabled at 0 (were silent no-ops)
- Characters: per-card Delete (confirm) + Export; header Import from JSON
- Dice: tumbling roll animation that settles on the result (a11y-safe)
- Compendium: per-category filters (monster type/CR, spell level/school, item rarity/type) + Clear
- Character import/export to portable JSON (reassigns id, validates on import)
- New: 4 io unit tests, e2e fixes spec (HP damage, delete, CR filter)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

e2e/fixes.spec.ts

@@ -0,0 +1,64 @@
+import { test, expect } from '@playwright/test';
+
+test.beforeEach(async ({ page }) => {
+  await page.goto('/');
+  await page.evaluate(async () => {
+    indexedDB.deleteDatabase('ttrpg-manager');
+    localStorage.clear();
+  });
+  await page.reload();
+});
+
+async function makeCampaign(page: import('@playwright/test').Page, name: string) {
+  await page.getByRole('button', { name: '+ New campaign' }).first().click();
+  await page.locator('input[data-autofocus]').fill(name);
+  await page.getByRole('button', { name: 'Create' }).click();
+}
+
+test('combat HP damage button reduces hit points', async ({ page }) => {
+  await makeCampaign(page, 'Combat Test');
+  await page.getByRole('link', { name: 'Combat' }).click();
+  await page.getByRole('button', { name: '+ New encounter' }).first().click();
+  await page.locator('input[data-autofocus]').fill('Fight');
+  await page.getByRole('button', { name: 'Create' }).click();
+
+  await page.getByLabel('Name').fill('Goblin');
+  await page.getByRole('button', { name: 'Add', exact: true }).click();
+  await expect(page.getByText('10/10')).toBeVisible();
+
+  // Enter 4 damage and apply
+  await page.getByLabel('Goblin HP amount').fill('4');
+  await page.getByRole('button', { name: 'Dmg' }).click();
+  await expect(page.getByText('6/10')).toBeVisible();
+
+  // Heal 2 back
+  await page.getByLabel('Goblin HP amount').fill('2');
+  await page.getByRole('button', { name: 'Heal' }).click();
+  await expect(page.getByText('8/10')).toBeVisible();
+});
+
+test('character can be deleted', async ({ page }) => {
+  await makeCampaign(page, 'Delete Test');
+  await page.getByRole('link', { name: 'Characters' }).click();
+  await page.getByRole('button', { name: '+ New character' }).first().click();
+  await page.locator('input[data-autofocus]').fill('Doomed');
+  await page.getByRole('button', { name: 'Create' }).click();
+  await expect(page.getByRole('heading', { name: 'Doomed' })).toBeVisible();
+
+  await page.getByRole('button', { name: 'Delete' }).click();
+  await page.getByRole('button', { name: 'Delete', exact: true }).last().click();
+  await expect(page.getByRole('heading', { name: 'Doomed' })).toHaveCount(0);
+});
+
+test('compendium CR filter narrows the bestiary', async ({ page }) => {
+  await makeCampaign(page, 'Filter Test');
+  await page.getByRole('link', { name: 'Compendium' }).click();
+  await expect(page.getByText(/results/)).toBeVisible();
+
+  const countText = async () => (await page.getByText(/results/).textContent()) ?? '';
+  const before = parseInt((await countText()).replace(/\D/g, ''), 10);
+
+  await page.getByLabel('Minimum CR').selectOption({ label: 'CR ≥ 10' });
+  // wait for the count to update
+  await expect.poll(async () => parseInt((await countText()).replace(/\D/g, ''), 10)).toBeLessThan(before);
+});