BitLife Clone

Build a playable web clone of BitLife - Life Simulator (React + Vite + Tailwind, front end only): a text life sim where you are born, tap the big green Age button once per year, random life events pop up with choices, and you live until you die and get a tombstone.

It is BitLife on screen: its name, the red header with the round white logo mark and the chunky yellow "BITLIFE" wordmark (draw both in SVG), a "Become a BITIZEN" pill, and its own words ("Age: 12 years", "Bank Balance", "Occupation", "Assets", "Relationships", "Activities", "tap anywhere to continue", "New Life", "Save Life"). Fonts: Mulish for text, Titan One for the wordmark, Russo One for screen titles and the tombstone, Lilita One for event ribbons. On desktop the game is a 560 px phone column centred on a red starry backdrop; on phones it is full width. It opens straight into a newborn's life: no splash, login or paywall.

SHELL (top to bottom)
Red header: round hamburger (Main Menu), logo, BITIZEN pill. Profile strip (#E7EDF4): emoji-style SVG face that ages, country flag, blue underlined name + blue "i" badge (Identity), a status line with emoji (Infant, Toddler, Student, University Student, job title, Unemployed, Retired), bank balance in green (red when negative). White life feed: blue bold "Age: N years" headers with grey one-line sentences in first person, auto-scrolling to the bottom. Navy action bar (#0D3B66): School/Occupation (orange circle), Assets, a large raised green "+ Age" circle, Relationships, Activities. Stats panel (#F2F2F2): Happiness 😀, Health ❤️, Smarts 💡, Looks ⭐ as flat bars with the % inside, green above 50, orange 25-50, dark red below 25 with a red warning triangle.

SCREENS
1. Life feed. Year 0: "I was born a female in Portland, Oregon, United States. My birthday is July 22nd. I am a Cancer. My mother is Nora Gentry, a fashion designer (age 38)..." plus siblings. Each Age tap: school starts at 5 / 12 / 14, high school graduation at 18 asks "Enroll in university / Get a job / Take a gap year"; salary lands in the bank; parents get promoted along real job ladders; family age and die (a red "Death" card: "Your mother, Nora, passed away at the age of 81. She died from a stroke." with "Attend her funeral / Skip the funeral" and an inheritance); a partner can propose, divorce, or have a baby; age-bracket flavour lines ("I lost my first tooth.", "I found my first grey hair."); then one random choice event about 65% of years.
2. Event cards: white card in a thick red rim with a tilted red ribbon tab (School, Love, Health, Death, Work, Crime...), emoji + bold title, the story, then wide blue gradient choice buttons that overhang the card. About 25 events: Bully, Haunted House, Crush, School Dance, Talent Show, Sibling Rivalry, Lost Wallet, Peer Pressure, House Party, The Flu, First Date ("Go in for the kiss! / Play it cool / Try and make them jealous"), Proposal, Office Drama, Mugging, Midlife Crisis, Lucky Email scam, Stray Dog, New Friend, Jury Duty, Pulled Over, Loan Request, Health Scare. Every result shows a blue-rimmed card with a title, the outcome, an optional bar (Your Enjoyment, Your Health, Relationship) and "tap anywhere to continue"; it also writes a line to the feed.
3. Occupation / School: school name and grades bar, Study harder, Skip class, Drop out; at 14-17 part-time jobs, from 18 job listings (salary, "Degree required"); applying opens an interview question card; hired jobs show title, company, salary, years and a performance bar with Work harder, Ask for a raise, Retire (60+), Quit; University enrolment for graduates.
4. Assets: My Assets (tap to sell at today's value), Real Estate and Car Dealership listings from 18 (Studio Apartment to Mansion, Used Hatchback to Sports Car) with buy cards; houses appreciate, cars depreciate.
5. Relationships: Parents, Siblings, Partner, Children, Friends, Exes with faces and bond bars; tap a person for Spend Time, Conversation, Compliment, Ask for Money (parents), Date Night, Propose, Try for a Baby, Argue, Break Up / Divorce.
6. Activities: Mind & Body (Gym, Library, Meditation, Doctor, Salon & Spa), Love & Fun (Dating App, Movie Theater, Nightclub, Vacation), Money (Lottery, Casino), Crime (Shoplift, Burglary); age-locked rows say "Available at age 12"; repeats in a year give less.
7. Main Menu (red title bar): New Life, Custom Life (first/last name, gender, country, city, "Begin Life"), Save Life, Load Life (saved lives with delete). Identity sheet: age, birthday, zodiac, birthplace, education, relationship, net worth.
8. Death: dark screen, grey arched tombstone with a coloured diagonal ribbon (Rich, Wicked, Lustful, Genius, Fertile, Lazy, Content, Hero, Mediocre, Unlucky), "OLIVIA GENTRY / AGED 76 YEARS / DIED NOV 9, 2102", Net Worth, Residence, Career, Education, Children, Spouses, Lovers, Happiness and Karma bars, an obituary, and New Life / Custom Life.

RULES
- Fictional people only; name pools per language (English, Spanish, Portuguese, Japanese, German, French, Hindi) and 11 countries with flags and cities.
- One seeded RNG stored on the life, so the first visit is always the same family and saves replay the same way. A life is born in the current year, so dates never go stale.
- Autosave the current life to localStorage after every action; saved slots live there too.
- Only the first queued popup shows; events wait for a choice, results close on any tap. Sheets slide up under the profile strip.
- ?demo=1 runs an attract mode where a bot taps the real buttons (age up, Library, Spend Time with Mom, study, job interview, buy a car, then fast-forward to the tombstone); &speed=2 runs it faster.

REMIX-READY
game/brand.ts (name, colours, fonts, words, stat labels), game/fixtures.ts (first-life seed), game/data/{names,places,jobs,shop,flavor}.ts, game/events/*.ts (one object per event: setup text, choices, resolve), game/activities.ts, rules in game/{ageUp,create,career,school,family,assets,death,save}.ts, a React context in game/store.tsx, UI in components/bitlife/ and components/bitlife/sheets/. Files under 300 lines. README.md under 80 lines with the file map, how to add an event or activity, and 3 one-prompt remixes (cultivation, medieval, Spanish). "Read README.md first." atop CLAUDE.md.