---
id: game-interface/002
title: Element-card renderer, seeded table data, and the card editor
epic: game-interface
state: done
priority: 1
blocked_by: []
estimate: M
created: 2026-08-11
updated: 2026-08-12
claimed_by: null
claimed_at: null
delivers: []
review_artifact: land-of-lor/pocs/game-shell/card-editor.html
---

## What

The shared card layer both the game and the authoring tool sit on:

- `elements.js` — the working element table as structured data, seeded from the historic
  periodic-table doc (64 records: provisional name, trigram pair, King Wen number, a
  colour blended from the trigram colours, rarity, origin, collect-text, value, art slot).
  This starts the authoring `element-table/001` was waiting on; that epic still owns the
  content itself.
- `card-renderer.js` + `card-styles.css` — one renderer for the card (full and grid-tile
  sizes, owned and un-collected treatments, rarity styling) used by BOTH the game shell
  and the editor, so preview and in-game can never drift.
- `card-editor.html` — Kris's tool: open from disk, pick any of the 64, edit
  name/colour/rarity/origin/collect-text/value/art, live card preview, "Download
  elements.js" to save (localStorage autosave as crash protection only).

## Done

All four files live in `land-of-lor/pocs/game-shell/` (2026-08-11). #53 seeded as
"Leather" (Rah's documented name for Wind over Mountain); all other names are provisional
seeds from the historic table — Kris's sticky-note renames from the physical table
session (Fire Crystal, Mushrooms, Wood, Gold, Silver, Dirt, …) still need applying in the
editor. Verified: editor renders and edits from a plain local serve; grid and card
variants render correctly.

## Review

Kris opens `land-of-lor/pocs/game-shell/card-editor.html` in a browser (straight from
disk works), pokes at an element or two, downloads `elements.js`, and confirms the tool
fits how he wants to author the table. Then: apply the sticky-note renames from the
physical table.

## Outcome — done (2026-08-12)

Signed off by Kris: "we have the card editor now, I'm really happy with that."

Two follow-ons deliberately **not** folded into this task:

- **Promoting the card editor to the public site** is a later, separate call —
  Kris expects to want it once more elements are defined, but it isn't decided
  and isn't scheduled.
- **Authoring the actual elements** is Kris's own work, now tracked as
  `element-table/003`.