Strawberry Shortcake Bakery

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 cute, single-screen browser baking game titled “Strawberry Shortcake Bakery.” Use a bright pastel bakery UI with a pale pink vertical-gradient page background, white rounded panels, pink borders/shadows, dark brown text, and playful rounded typography. The layout is a header across the top, then a three-column workspace: a narrow Pantry on the left, a large central Kitchen, and a narrow recipe selector on the right. Keep the design compact and desktop-oriented within a maximum-width app; the page should not scroll.

Header: show a strawberry emoji icon and the title “Strawberry Shortcake Bakery” on the left, and a cream-colored pill with pink border reading “Score: 0” on the right. In the left white rounded Pantry panel, show clickable ingredient rows with emoji, name, and a small quantity pill: Strawberries 🍓 (start 5), Flour 🌾 (start 3), Sugar 🍚 (start 4), and Whipped Cream 🥛 (start 2). Clicking an ingredient decreases its pantry quantity and updates the pastry. If its quantity is zero, show “You're out of that!” instead.

The center white rounded Kitchen panel should show the current recipe title (initially “Strawberry Shortcake”), a small hint “Click ingredients to add them!”, and a Reset button. Below it, center a 340x340 canvas with a thick pink rounded border on a warm off-white background. Draw the pastry directly on the canvas using simple flat vector-like shapes. For Strawberry Shortcake, show up to three rectangular golden-beige cake layers, with pale cream elliptical filling between layers, and red strawberries with white seeds and green leaves arranged across the top. Before ingredients are added the canvas is empty. Adding either flour or sugar increases the layer count by one, capped at 3, and displays “Added to the batter!”; adding a strawberry adds one visible berry, capped at 8, and displays “Added fresh strawberries!”; adding whipped cream increases cream amount, capped at 3, and displays “Added whipped cream!”.

Under the canvas, place three equal pink rounded action buttons: “Mix Batter”, “Bake”, and “Decorate.” Mix Batter is enabled at the start, while Bake and Decorate are disabled. Mixing only succeeds after at least two flour/sugar additions (the code treats both as generic batter layers); otherwise show “Add more flour and sugar first!”. Once mixed, award 15 points, disable Mix Batter, enable Bake, and show “Batter is perfectly mixed! Now bake it.” Baking only succeeds after mixing, awards 20 points, marks the pastry baked, disables Bake, enables Decorate, and shows “Freshly baked! Time to decorate.” Include a short cute baking visual effect and, when baked, draw three wispy white steam curves above the pastry.

Decorating requires that the pastry is baked and has at least one cream addition; otherwise show “Bake first, then add cream and strawberries!”. On success award 25 points, show “Beautifully decorated! Ready to serve!”, disable Decorate, and ensure the finished pastry has at least 2 cream portions and 5 strawberries for display. After a short delay, replace the status text with a pink pill-shaped button reading “Serve this beauty! 🍓”. Clicking it opens a centered cream-colored modal overlay with a strawberry icon, “Delicious!”, a result line, and a rounded “Bake Another!” button. The result message depends on the selected recipe: “Perfect Strawberry Shortcake!”, “Adorable Berry Cupcakes!”, or “Lovely Strawberry Tart!”, followed by the final points. On serving, subtract 15 points if fewer than 4 berries and subtract 10 if fewer than 2 cream portions, then update the score and show the modal.

The right recipe panel contains three clickable white cards with pink borders: 🍰 “Strawberry Shortcake” (selected initially with red border and cream background), 🧁 “Berry Cupcakes”, and 🥧 “Strawberry Tart”. Selecting a recipe resets the current pastry and its step buttons, changes the title and status to “Let's make a [recipe]!”, and changes the canvas drawing while using the same ingredient/mix/bake/decorate flow. For Berry Cupcakes, draw a simple beige oval cupcake base, a large pink frosting circle, optional pale cream topping, and strawberries across it. For Strawberry Tart, draw a dark golden oval tart base, a smaller beige inner oval, optional cream ellipse, and up to six strawberries arranged around the top in a circular pattern. Keep the same baked steam effect for all recipes.

The Reset button (and keyboard R key) clears the current pastry state, re-enables Mix Batter, disables Bake and Decorate, redraws the empty selected-recipe canvas, and says “Add ingredients to start a new pastry!” without resetting the overall score or pantry. After serving, “Bake Another!” closes the modal, resets the current pastry, and restores 3 strawberries and 1 cream to the pantry, capped at 12 strawberries and 5 cream. Preserve the cheerful, simple, tactile interaction style: ingredient rows slightly shrink when clicked, recipe cards subtly lift on hover, and disabled action buttons become pale pink with a not-allowed appearance.