Pokémon TCG Pocket Clone

Build "TCG Pocket", a web clone of Pokémon TCG Pocket's look and loop, with ORIGINAL creatures and art (no Pokémon names, characters or logos).

WHAT IT IS: a digital trading card game. Open two free booster packs a day, collect foil cards in a binder, build 20-card decks and battle a bot.

SHELL: pastel holographic backdrop (pink #fbd3ea → lavender #e3d3fb → sky #cfe4fd → mint #c9f3e6) with soft diagonal light streaks and a faint sparkle dot grid. Frosted white rounded panels, white pill buttons with soft blue-grey shadows, sky-blue primary pills. Top bar: avatar, player name "Rowan", level + EXP bar; chips for pack points, Pack Hourglasses and Pocket Gold. Floating white bottom bar with 5 tabs: Home, My Cards, Social, Battle, Menu. Font: "M PLUS Rounded 1c" for UI, "Fira Sans Condensed" on cards.

CARDS (drawn in HTML/CSS, sized with container query units): silver border, type-coloured face (Grass green, Fire orange, Water blue, Lightning yellow, Psychic purple, Fighting brown, Darkness teal, Colorless grey), BASIC/STAGE 1 tag, bold name with a silver "ex" logo, HP + round energy-type icon, gold-framed illustration, attacks with energy-cost icons and damage, weakness/retreat row, ex rule box, set number "P1 020/47", rarity ◆ to ◆◆◆◆, ☆ art rares (full-bleed art), ☆☆ full art, ☆☆☆ immersive, crown (gold). Moving rainbow foil on rare cards. Card back: blue swirl with a gold four-point sparkle emblem and "TCG POCKET". Set "Prism Genesis": 31 original creatures (Voltail ex, a cobalt flying squirrel; Pyrodrake ex; Mystarra ex; Glaciel ex; Sproutle → Fernox → Verdantaur ...), 6 trainers (Potion, Capture Orb, Swift Boots, Field Research, Coach Rhea, Ranger Kai) and 10 alt-art rares, 47 cards. Generate the illustrations with GPT Image (no text, no frame) and keep the prompts in a JSON file with a generator script.

SCREENS:
1. Home: three booster packs fanned (Voltail, Pyrodrake, Mystarra), crimped foil wrappers with a "TCG / TRADING CARD GAME / Pocket" wordmark, hero art and the pack name in big outlined italics. A bubble above scrolls the pack's featured rares. Row: Offering Rates · Open · Select other booster packs. Pack Power (2 packs, 1 per 12 h, or 12 hourglasses). Left: Wonder Pick (5 cards from a friend's pack; shuffle face-down, pick one). Right: Daily Missions with progress bars and Claim.
2. Pack opening: big pack, swipe across the dotted line at the top to cut it (the strip flies off), then a stack of 5 cards; tap or swipe to send each away. ◆◆◆◆ and ☆ cards arrive face down with a pulsing gold glow and flip with light rays and sparkles. Results grid with NEW! tags.
3. My Cards: binder of the whole set with empty numbered slots for missing cards, owned count "30 / 47", Owned only switch, search, type and rarity filters, ×2 badges. Card detail: big card that tilts in 3D with the pointer and moves the foil light, set/number/illustrator/number owned, Exchange for pack points. Decks tab: deck boxes with cover art, energy icons, Battle deck badge; builder with 20 slots, max 2 per name, Energy picker, Auto-build, Save.
4. Battle: Solo opponents (Beginner to Expert, hourglass rewards) + Versus random match + battle-deck picker. Board: lavender/blue halves with a big white ring, opponent bench + Active on top, yours below, hand fanned along the bottom, HP number + bar above each card, attached energy under it, Energy Zone bubble (current + Next), deck piles, End Turn pill, Auto switch, battle log, point stars on name plates. Rules: 20-card decks, 5-card opening hand with a guaranteed Basic, hidden setup, coin flip for first, Energy Zone makes 1 energy per turn (none on the first player's first turn), bench 3, evolve after the first turn, 1 Supporter per turn, retreat by discarding energy, weakness +20, KO = 1 point (ex = 2), 3 points wins. Coin-flip, attack-lunge, hit-shake, damage numbers, KO!, turn banners, Victory/Defeat screen with Pack Hourglass + EXP rewards.
5. Social (friends with their latest pulls) and Menu (profile stats, per-pack collection progress, Offering Rates, reset save).

RULES: a pure DOM-free battle engine + a bot that also powers Auto; seeded RNG; state in localStorage with a starter collection and two starter decks; real offering rates per slot. Opens straight into Home.

REMIX-READY: brand file (names, colours, fonts, rule numbers), card data file, fixtures file (packs, decks, opponents, friends, missions), features in small files, README with a file map, ?demo=1 attract mode.