🃏 Card System
How cards are created, collected, stored, and rendered — from cardMeta to inventory management.
Each card is a .tsx file in app/games/packs/cards/ with a cardMeta export and a CardDesign component.
{`export const cardMeta = ;`} • id: Unique identifier, must match filename (e.g. card-024.tsx) • name: Display name shown in shop and collection • rarity: One of: common, uncommon, rare, epic, legendary • emoji: Icon shown on board tiles and in lists • set: Collection set name for grouping • number: Card number within its set • artist: Creator credit displayed on card • description: Flavor text for the card Rarity System {[ , , , , , ].map(item => ( Rarity value: Shop: $ ))} Card Registry Cards are auto-detected by scanning the cards directory. The registry at data/packs/cards-registry.json caches all card metadata.
Each card has hand-coded SVG artwork in the CardDesign component. Cards feature: