Style Sprint 3D

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 fullscreen responsive 2D canvas game titled “Style Sprint.” It is a timed look-matching game: each round shows a CLIENT BRIEF naming one of six possible style looks, and the player cycles a simple character through the six looks, then submits the selected look. There are 5 rounds total.

Visual presentation: use a dark, polished fashion-game interface with a nearly black/purple background and a faint, low-opacity character-builder reference image behind the game. Tint the background with a vertical gradient based on the currently selected look, fading from that look’s color near the top to very dark purple/black at the bottom. Use rounded translucent near-black panels, subtle borders, blur/shadow styling, large white bold uppercase typography, and muted lavender secondary text. The game should fill the viewport and adapt to desktop and mobile without scrolling.

HUD: At the top, show a rounded panel labeled STYLE SPRINT (with the subtitle “match the brief before time runs out” on larger screens). At the upper right show three compact stat panels: STYLE with the current score, ROUND with the current round in the form 1/5 through 5/5, and TIME with the remaining whole seconds. In the center-upper area show a large dark rounded CLIENT BRIEF card with the requested look name. Near the bottom center show the currently selected look name and “Look N of 6.” At the bottom provide three controls: “◀ Look,” a prominent white “SUBMIT LOOK” button, and “Look ▶.” On desktop also show the hint “Arrow keys / A-D change the look · Space submits · On mobile, tap the buttons.” Display short centered feedback messages such as “New brief,” “Perfect match” with “+100 style points,” “Close, but no” with “That brief wanted [target name],” and “Time!” with “-50 points — submit the closest look.”

Player/avatar: draw a friendly minimal flat vector humanoid centered on screen, with a circular head, simple dot eyes and curved smile, semicircular blocky hair, rectangular torso/jacket with rounded corners, straight rectangular arms ending in circular hands, two dark rectangular legs and small dark shoes, plus an oval ground shadow. Add a small circular badge beside the head containing a sparkle/star symbol. Scale the avatar responsively so it remains prominent but fits on small screens. The six looks only change the avatar palette and the background tint; keep the same body design:
1. Solar Rebel: yellow hair #ffd166, brown skin #b86b52, coral shirt #ff6b6b, yellow accent #ffe66d, purple background #3b1f4e.
2. Ocean Runner: cyan hair #62d9ff, light tan skin #d69c7c, blue shirt #3f8cff, pale cyan accent #b8f3ff, blue background #123b5c.
3. Garden Ghost: pale green hair #b5f36d, light peach skin #f0c1a4, green shirt #50b883, pale green accent #e6ffb3, dark green background #173f35.
4. Moon Arcade: lavender hair #c8a2ff, brown skin #a56f56, purple shirt #7e5cff, pink accent #ff9de2, deep purple background #24194e.
5. Cherry Chrome: pink hair #ff7fb1, warm skin #cb8a71, magenta-red shirt #e84477, pale pink accent #ffd1e4, dark red background #571d3a.
6. Citrus Pilot: orange hair #ffad4d, brown skin #9c634e, ochre shirt #e0a82e, pale yellow accent #fff1a8, brown-gold background #594214.
The shirt should have a vertical accent stripe and a translucent horizontal highlight stripe, as in the simple vector avatar.

Rules and controls: Begin with score 0, round 1, a 25-second timer, selected look index 0, and a randomly chosen target look. Each round’s target is randomly chosen from the six looks. Left/right arrow keys or A/D cycle the selected look with wraparound; the on-screen Look buttons do the same. Space or the submit button submits. If the selected look exactly matches the target, award 100 plus 3 times the ceiling of the remaining time, and show the perfect-match feedback. If it does not match, subtract 25 points but never allow score below zero, and identify the requested target in the feedback. After every submission before the fifth round, advance the round and reset the timer to 25 seconds with a new random target. When the fifth round is submitted, stop the game and show either “STYLE ICON” if the final score is at least 350 or “RUNWAY ROOKIE” otherwise, followed by “Final score: [score] · press R to replay.” Press R after game over to reset score, round, timer, selection, and target.

While a round is active, continuously count the timer down. When it reaches zero, clamp it to zero, subtract 50 points without going below zero, show the timeout message, and reset the timer to 25 seconds while keeping the same round and target until the player submits. The score, round, and time HUD values update live. Do not add enemies, movement, combat, inventory, or additional gameplay systems; the core interaction is choosing among six color-coded looks and matching the client brief quickly.”