# Clone Prompt: Arcade Tycoon (original)

Paste this entire file as your **first message** in a new Lovable project.

---

Build **Arcade Tycoon**, a top-down tile-based arcade sim with a day/night cycle.

## Stack
TanStack Start, React 19, Tailwind v4. No backend. One route at `/`. Semantic
tokens in `src/styles.css`. State in `useReducer`. 30fps tick via
`useGameTick(30)`.

## Grid
12×8 tiles, 56px each. Entrance left-middle, exit right-middle.

## Machines (palette + click-to-place)
- Pinball 🎯 — $100, $3/play, 8s
- Claw 🦞 — $180, $5/play, 10s
- Racing Sim 🏎️ — $400, $10/play, 14s
- DDR 💃 — $550, $14/play, 18s
- Shooter 🔫 — $800, $20/play, 12s
- VR Pod 🥽 — $1,600, $40/play, 22s

## NPCs
Spawn every `max(0.9, 4.5 − buzz/30) / spawnMultiplier` seconds.
States: entering → seeking → walking → playing → leaving.
Patience 25s; on timeout walk out grumpy (buzz −2).
Use random emoji avatars with a CSS bob animation.

## Resources & day cycle
- Cash starts $1,200.
- Buzz 0–100, decays −0.5/sec, +2 per happy play.
- 75-second workday. Floor color lerps amber → deep indigo.
- End of day → modal: earnings, customers, walkouts → "Next Day".

## Upgrades (4 tracks)
1. Marketing — +25% spawn rate, base $300
2. Premium Tickets — +30% per-play tip, base $500
3. Neon Decor — +10 starting buzz/day, base $400
4. Staff Hire — −10% play time, base $700

## Visuals
- Machines: rounded bordered tiles with emoji and CSS glow when in use.
- Subtle screen flicker (animated low-opacity radial gradient).
- Sky lerp via `color-mix` in CSS or a JS hex/oklch lerp.

## Layout
- Top: cash, day, day-progress bar, buzz meter.
- Left: machine palette + upgrades.
- Center: the grid with absolutely-positioned NPCs.

## Acceptance
- NPCs spawn and walk to machines, play, and leave.
- Buying upgrades visibly changes spawn rate / payouts.
- Day cycle visibly shifts the floor color.
- No console errors.