Build the pre-launch website for BLACKOUT (X: https://x.com/IMDBlackout), an upcoming pixel-art idle mining-farm game on Robinhood Chain where the IMD swarm runs the city power grid. Contracts are NOT deployed yet: build a fully playable DEMO MODE with no wallet and no real money, architected so on-chain contracts can be plugged in later without redesign. Publish to the site label "blackout".

VISUAL STYLE (match our X profile art exactly)

Detailed 16-bit pixel art, cyberpunk night city seen from a rooftop. Deep navy-to-purple sky with small stars and subtle horizontal CRT scanlines. Palette: neon cyan (#39E6FF) as the main glow, electric yellow (#FFE600) for lightning and highlights, hot magenta (#FF3DF2) for accents and outlines, near-black navy (#030C39 / #05060F) for backgrounds. The left side of the city is alive: tall buildings with glowing cyan and yellow windows, racks of GPUs visible through windows, neon signs (CRYPTO, MINING, GPU, PACK), rooftop pipes and AC units. The right side is in blackout: dark silhouettes, a yellow lightning bolt striking a sparking power substation, sagging power lines between poles. In the middle stands a dark control tower with a single glowing red eye: this is the swarm, the grid operator, always watching. The logo is the word BLACKOUT in a bold blocky pixel font, cyan neon with a soft glow and a dark outline, one letter occasionally flickering. The icon/mascot is a black graphics card with two fans and cyan LEDs, struck through the center by a big yellow lightning bolt with a magenta outline and small sparks. Draw all sprites in code (pixel grids to canvas or SVG) in this style and put every sprite behind a single sprite registry so hand-made art in /assets can replace any sprite later by file name. Crisp scaling (image-rendering: pixelated), scanline overlay toggle, pixel heading font (e.g. Press Start 2P) and a readable mono or pixel body font. Phone first, keyboard accessible, respects prefers-reduced-motion. Sound effects optional, off by default, with mute toggle.

PAGES / SECTIONS

1. Hero: the rooftop city scene above, animated (blinking windows, spinning fans, the tower eye scanning, an occasional lightning strike that knocks a block of windows dark). BLACKOUT logo, tagline "Mine the city. Pray the grid stays on.", buttons "Open a demo pack" and "Follow on X" linking to https://x.com/IMDBlackout.
2. Pack opening (the star feature): click or tap a pack sprite; shake, burst and a 3-card reveal; each card flips to show item type (GPU, Cooling, Power Supply, Room) and rarity (Common, Rare, Epic, Legendary) with rarity colors, glow and particles that scale with rarity; Legendary gets a full-screen moment with a lightning flash. Demo odds: rarity 70/22/7/1; type GPU 60, Cooling 20, PSU 12, Room 8. Items go to a demo inventory. Mark the pack clearly as DEMO.
3. Your farm: a pixel room with GPU slots, one cooling slot and one PSU slot; drag or tap items into slots. GPU hashrate by rarity: Common 10, Rare 28, Epic 80, Legendary 250. Cooling boosts the room (2/5/10/20%), PSU adds slots, a Room item unlocks a second room. Animated fans and blinking LEDs, a live demo hashrate counter and a demo token counter labeled DEMO (no real value). Durability bars that slowly fall with a Repair button, an electricity meter, and an Overclock button with levels, all spending demo tokens.
4. City map and the swarm grid: 8 districts, your farm sits in one. Every 45 seconds in demo a grid event fires: bonus surge, heat wave (farms without Rare+ cooling slow down), blackout (a district goes dark with an animation), tax audit, or calm. Each event shows a "Dispatcher letter" from the swarm in a terminal panel, written in a dry grid-operator voice, with a log of past letters. A "Lobby the grid" demo button marks your district as lobbied for the next event, with the honest note that lobbying lowers odds but guarantees nothing.
5. How it works: short pixel-illustrated steps: open packs, build your farm, mine, pay electricity and repairs, survive the swarm's grid events, upgrade or merge. Explain that the IMD swarm is the grid operator: it chooses the event type and a future block hash chooses the district, so neither the swarm nor players can target anyone. Upgrades, electricity and repairs burn the token.
6. Extras teaser: free starter pack for IMD NFT holders (at launch), invite friends and earn a share of their mining (at launch), weekly swarm inspection where the best farm gets a bonus.
7. Launch panel: "Coming soon on Robinhood Chain", countdown from a launch date in config ("Date TBA" when empty), X link https://x.com/IMDBlackout.
8. Footer: X link, and a risk note in this spirit: this is a game, not an investment; rewards will depend on new players and trading volume; early players earn more; only spend what you would spend on a game. Do NOT show any APY, payback days, prices or earnings estimates anywhere.

ARCHITECTURE (for the later contract upgrade)

TypeScript + Vite, static build in dist/. A single GameAdapter interface (openPack, reveal, getFarm, place, unplace, claim, repair, overclock, merge, lobby, getGridEvents, getLetters) with one implementation now: DemoAdapter (seeded RNG, state in localStorage, reset button). A ChainAdapter for Robinhood Chain (chain id 4663) will be added later without touching UI code. config.ts holds launch date, X link, chain id and empty contract address fields. No backend, no wallet, no trackers. Also render og.png 1200x630 (logo, tagline, "Coming soon on Robinhood Chain") for link previews.

TESTS

Vitest: demo odds within tolerance over 100k rolls, hashrate math, cooling and slot rules, event scheduler, adapter persistence. Playwright smoke test: open a pack, place a GPU, see hashrate change, see a grid event letter. Rebuild dist/, commit, publish to "blackout", report what you verified.