Runway Royale

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 responsive browser game titled “Runway Royale,” a polished fashion-styling mini-game for fictional adult fashion avatars in glamorous, fully clothed, non-explicit costumes. Use a soft pastel glassmorphism interface on a full-screen diagonal gradient background blending blush pink, lavender, and mint. Center the app in a two-panel layout with rounded white/translucent cards, subtle backdrop blur, white borders, and soft purple shadows; on narrow screens stack the panels vertically.

The left panel is the runway stage. At the top, show the large two-line title “Runway Royale,” the subtitle “Style the look. Own the spotlight. Glamorous, fully-clothed runway fashion.”, and a pill badge reading “ROUND 1/3” (updating through the three rounds). Beneath it, show a dark plum rounded theme bar with “Theme:” and a highlighted theme name, plus a gold countdown timer initially at 00:30. The three themes, in order, are “Sunset Gala,” “Garden Afterparty,” and “Midnight Premiere.” Below, create a large rounded runway scene with a vertical gradient from periwinkle/lavender at the top through pale pink to pink at the bottom, translucent diagonal spotlight beams, and a soft elliptical spotlight glow.

Place a stylized flat/CSS fashion avatar centered at the bottom of the runway. The avatar has a large dark-purple/burgundy swept hair shape with a side lock, a peach gradient face, tiny dot eyes and a small curved smile, small gold hoop earrings, a neck, simple peach arms, two legs, and dark rounded shoes. The avatar wears a sleeveless geometric top/bodice and a wide triangular skirt, both with slight highlight gradients and shadows, plus a contrasting rounded waist belt/accent. Outfit colors must update live using CSS variables: top, skirt, and accent. Keep the avatar’s appearance abstract, elegant, and fully clothed.

The right panel is an outfit builder. Show the heading “Build the outfit” and helper text “Pick one from each row, then send your look to the judges.” Provide three labeled rows, each with three large rounded selectable cards in a 3-column grid. Each card has a circular color swatch and a label:
- TOP: Rose (#ff5ca8), Ocean (#59b9d8), Noir (#25223d)
- SKIRT: Violet (#7d5cff), Blush (#f5a9c8), Citrus (#f2b84b)
- ACCENT: Gold (#ffd66e), Mint (#80e1bf), Pearl (#e8f4ff)
The first option in every row starts visually selected with a pink outline and pale pink background. Clicking a card removes the active state from the other cards in that row, marks the clicked card active, updates the corresponding avatar color immediately, and does not reload the page.

At the bottom of the builder, include a full-width rounded gradient button transitioning from hot pink to purple labeled “Walk the runway ✨,” with a soft shadow. Beneath it, reserve a centered result line. Include the small footer disclaimer: “All models are fictional adult fashion avatars in glamorous, non-explicit costumes.”

Implement the actual round flow: start on round 1 with the Sunset Gala theme, 30 seconds, and default theme colors top #ff5ca8, skirt #7d5cff, accent #ffd66e. The countdown decrements once per second and displays as zero-padded mm:ss. Clicking “Walk the runway ✨” submits the current look; if the timer reaches zero, submit automatically. Prevent duplicate submissions and stop the timer on submission. Score the look out of 100 starting at 72, add 9 if the chosen top color matches the current theme’s target top, add 9 if the skirt matches, and add 7 if the accent matches; cap at 99, then add a random integer from 0 through 3 before displaying a result such as “The judges gave you 91/100 — iconic!” when the score is above 88, or “The judges gave you 84/100 — nice styling!” otherwise. The target palettes are: Sunset Gala top #ff5ca8/skirt #7d5cff/accent #ffd66e; Garden Afterparty top #65c7a4/skirt #f5a9c8/accent #fff3b0; Midnight Premiere top #28304f/skirt #161a31/accent #8de3ff. After showing the result for about 2.4 seconds, automatically advance to the next theme and reset the timer, choices, result, and avatar colors; after round 3, wrap back to round 1. Preserve the clean, compact, touch-friendly controls and responsive styling shown in the reference.”