Care Bear City

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.

Create a mobile-first, tap/click navigation collection game titled “Care Bear City.” It should feel like a cheerful pastel phone app displayed inside a centered rounded-rectangle phone panel. Use a full-screen background with a soft diagonal gradient from sky blue through pink to pale yellow, floating decorative emoji sparkles near the top and bottom, and a translucent white glass-like phone frame with a thick white border, large rounded corners, blur, and a soft purple shadow. Use a playful rounded bold font similar to Fredoka, with dark purple text and hot pink headings. Buttons should be pill-shaped, mostly white-to-pale-lavender gradients with purple shadows; primary/action buttons use a pink gradient and white text. Keep a persistent bottom quick-travel bar with three buttons: “🏙️ City”, “🏠 House”, and “🎒”, in a translucent rounded container.

Start on the Home screen. Center a large animated polar-bear emoji/avatar (🐻‍❄️) with a gentle bounce and drop shadow, followed by the large hot-pink title “Care Bear City,” the tagline “Collect pets, visit cozy places, and fill your house with Care Bears.”, a pink “Start Exploring” button, and a secondary “🎒 See Your Bears” button. The home screen shown visually should be clean, centered, cute, and spacious.

Initialize the collection with 50 Care Bear inventory entries. Each entry is randomly selected from this exact emoji list: 🐻, 🌈, 💖, 🌟, 🍀, 💜, 🧡, 💙, 💛, 💚. The game tracks the current screen, the emoji collection, and the latest toast message.

When “Start Exploring” or the City footer button is tapped, show the Rainbow City screen. At the top display two pill badges reading “💎 Unlimited” and “💰 Unlimited”, then the heading “🏙️ Rainbow City” and hint “Tap a place to visit it.” Below, show a colorful two-column grid of large rounded location cards: “🛍️ Pet Shop” on pink, “🏥 Hospital” on mint, “🚓 Police” on pale blue, and “🚒 Fire” on peach. Add a full-width bottom card “🏠 Your House” on pale yellow. Every card is a navigation button.

The Pet Shop screen has the same two unlimited currency badges, heading “🛍️ Pet Shop,” and the hint “Every pet brings home one new Care Bear.” Render a two-column grid of ten clickable pet cards. Each card shows a large emoji, name, and “💎0”: 🐶 Fluffy, 🐱 Whiskers, 🐰 Hoppy, 🐦 Chirpy, 🐠 Finny, 🐍 Scaly, 🐼 Panda, 🐨 Koala, 🦁 Lion, and 🐯 Tiger. All pets are free. Tapping any pet adds exactly one randomly selected Care Bear emoji to the collection, refreshes the house preview, and shows a temporary rounded toast such as “You bought 🐶 Fluffy! Care Bears: 51”. Include a “Back to City” button.

Create three simple place/action screens. Hospital shows a large 🏥, the name “Hospital,” the text “A place for healing and care.” and a pink action button “Give a checkup +5 Bears.” Tapping it adds exactly five random Care Bear emojis and shows the toast “Checkup complete! +5 Care Bears”. Police shows 🚓, “Police Station,” “Keeping the city safe!”, and “Help patrol +5 Bears”; tapping adds five and shows “Patrol complete! +5 Care Bears”. Fire shows 🚒, “Fire Station,” “Ready to respond to emergencies.”, and “Practice rescue +5 Bears”; tapping adds five and shows “Rescue practice complete! +5 Care Bears”. Each has a “Back to City” button. These place screens should vertically center their content.

The House screen shows a large 🏠, “Your House,” the text “A cozy place to relax.”, and a rounded dashed-border preview panel. The panel displays the newest up to 24 collection emojis concatenated together, or “Your bears will appear here.” if empty. Include “Go to City” and “🎒 Inventory” buttons.

The Inventory screen has heading “🎒 Your Care Bears,” a large scrollable rounded white translucent panel containing the collection as small circular emoji chips (30px-style), the label “Total Care Bears: N” with a comma-formatted count, a special pink button “✨ Add 2,000 Care Bears ✨”, and “Back to House.” Pressing the special button adds 2,000 random collection entries, refreshes inventory and house preview, and displays a toast like “Magical! You now have 2,050 Care Bears!”. The inventory initially contains 50 entries and should visibly show the collection and count.

Navigation should be immediate and screen-based: only one screen is visible at a time, while the footer remains available for quick travel from every screen. Pet shop contents refresh when entering the shop; inventory and house preview refresh when entering those screens and after collection changes. Toast notifications appear near the top in a white rounded pill with a purple shadow, slide in briefly, remain about 1.8 seconds, then slide away. Add subtle button press feedback and preserve a responsive layout for small phone screens, with the main panel roughly 520px wide and about 760px tall when space allows.