Little Life

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Rebuild a responsive browser game titled “Little Life,” a compact, choice-driven life simulator. Use a polished, friendly dashboard UI rather than an animated world: centered app shell, pastel gradient background (lavender/pink into pale blue and cream), dark navy text, rounded white translucent cards, soft shadows, and emoji icons. The layout should fit a desktop viewport in a vertical shell approximately 760px wide and collapse to one column on narrow/mobile screens.

At the top, show the eyebrow “A TINY LIFE SIMULATOR,” the large title “Little Life,” and a right-aligned date block showing the current Day and Age. Begin at Day 1, Age 18. Below it, show four stat cards in a row: Money (starting at $65), Health (72), Happiness (68), and Energy (82). Health, Happiness, and Energy each have a 0–100 horizontal progress bar; money has a visual bar as well. Use purple for the general bars, green for health, and orange for energy.

The main content is a two-column desktop layout. The large left card is the daily scene: a rounded gradient avatar tile initially showing a graduate/person emoji, a headline “A new chapter,” and a mood line “Feeling hopeful.” Beneath this is a scrollable activity/history feed, initially containing “Day 1 · You opened the first page of a brand-new story.” At the bottom, provide a two-column grid of large clickable action buttons, each with an emoji, title, and small effect summary:
- “Work a shift” 💼, “+ money · − energy”
- “Learn something” 📚, “+ career · − energy”
- “See friends” 🎈, “+ happiness · − money”
- “Take it easy” 🛋️, “+ health · + energy”
- “Make something” 🎨, “+ happiness · + career”
- “Treat yourself” 🛍️, “+ happiness · − money”
- “Call Maya” 💬, “+ bond · − energy”
- “Meet Jordan” ☕, “+ bond · − money”

The right sidebar contains separate rounded cards. First show “TODAY’S GOAL” with a highlighted pale-yellow goal box. The goal is dynamic: if money is below 20, say “Earn some money to keep your options open.”; otherwise if health is below 35, say “Look after your health today.”; otherwise if happiness is below 35, say “Do something that lifts your spirits.”; otherwise say “Choose what feels right for this day.” Next show “RELATIONSHIPS” with two people: Maya (👩‍🎨, “close friend”) and Jordan (🧑‍🍳, “new connection”), each with a pink bond progress bar and numeric value. Start Maya at 34 and Jordan at 22. Next show “LIFE FACTS” with Career, Age, and Days played; career starts at 8. Finish with a small card saying “Make a choice each day.” and a Restart button.

Each click performs one action, logs a result in the history feed tagged with the current day, then advances one day. Clamp health, happiness, energy, career, and both relationship values to 0–100; money cannot fall below zero and is rounded to an integer. Exact action effects and messages:
- Work a shift: money +28, energy −22, happiness −3, career +4; log “You worked hard and got paid.”
- Learn something: career +9, energy −18, happiness +2; log “You invested in your future.”
- See friends: happiness +18, energy −8, money −8, Maya bond +4, Jordan bond +2; log “A small adventure with good people.”
- Take it easy: health +8, energy +25, happiness +5; log “You slowed down and recharged.”
- Make something: happiness +12, career +5, energy −12; log “You made something you are proud of.”
- Treat yourself: happiness +22, money −24, energy −4; log “A little treat brightened your day.”
- Call Maya: Maya bond +14, energy −7, happiness +5; log “Maya listened while you talked through your day.”
- Meet Jordan: Jordan bond +16, money −6, energy −5, happiness +7; log “You and Jordan caught up over coffee.”

After advancing, increment the day. Every time the new day is divisible by 7, increment age, subtract 2 health, add 3 happiness, and add a milestone log entry such as “A birthday passes. You are now 19.” If money reaches zero, subtract 4 happiness and log “Your wallet is empty, so the next few days will be tighter.” Determine the mood/avatar dynamically: when energy is below 25 show “Running on empty” with 😴; otherwise when happiness is below 30 show “A rough patch” with 🌧️; otherwise when health is below 30 show “Take care of yourself” with 🤒; otherwise when career is above 70 show “On the rise” with 🚀; otherwise show “Feeling hopeful” with 🧑‍🎓. The headline starts as “A new chapter,” then for age under 25 use “Finding your way,” for career above 70 use “Things are taking off,” otherwise use “One day at a time.”

End the story if health reaches zero or below, using a centered modal overlay with the eyebrow “YOUR STORY SO FAR,” title “Your body needed more care,” and text summarizing the age, career points, and dollars left. Also end if age reaches 80 or above with title “A long life” and text including age, money, and happiness. The modal has a prominent “Start over” button. Restart and Start over both reset all state to the initial values and restore the Day 1 history entry. Use subtle hover lift and active press feedback on buttons, responsive sizing, and a scrollable main area on small screens. Avoid inventing additional mechanics, animations, currencies, characters, or minigames; this is an interactive stat-and-choice life simulator dashboard.