Lunar Loop

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 “Lunar Loop” as a single-screen, scrollable pixel-art fantasy quest menu rather than a 3D playable level. Use a full-viewport dark plum/navy background with a radial glow near the top and a pixelated canvas starfield overlay: about 90 small cream/pink stars, with occasional aqua horizontal twinkles. Use responsive HTML/CSS UI and preserve the cozy retro arcade aesthetic: thick dark-purple outlines, hard offset pixel shadows, blocky typography similar to Press Start 2P for headings, and Space Grotesk-like readable body text. The page has three vertical areas: a top navigation bar, a scrollable central menu, and a bottom instruction bar.

Top bar: left side has a rotated pink diamond brand mark with a dark 4px outline and offset shadow, followed by the title “LUNAR LOOP” in pale yellow pixel lettering with a pink-purple shadow and the subtitle “PIXEL QUEST MENU” in muted lavender. Right side has two cream rectangular stat badges with thick dark borders and pixel shadows: “✦ 3” (the rune counter, with the number emphasized pink) and “LV 01”.

Main content begins with a responsive two-column hero section, collapsing to one column on narrow screens. Left hero panel is a pink-to-violet gradient with thick dark outline and offset shadow. It says “WELCOME, STAR SEEKER”, then the large heading “Collect the magic\nbetween worlds.”, followed by “Scroll the roster, meet your fantasy heroines, and claim their glowing rune stamps.” Include a gold, outlined, hard-shadow button labeled “START EXPLORING →”. Clicking it smoothly scrolls the central menu to the character roster and displays a temporary aqua toast near the top reading “Choose a trailblazer to begin ✦”.

Right hero panel is a dark purple quest card titled “TONIGHT’S QUEST” in aqua pixel text. Show a dashed-divider quest row: “Collect 3 heroine runes” and “1 / 3”; a second row: “Unlock the moon gate” and “LOCKED”; and a horizontal progress bar, initially 25% filled aqua. Below it show: “Every stamp is a magical keepsake from an adult fantasy adventurer.”

Below the hero, show a section heading “CHOOSE A TRAILBLAZER” in pale yellow pixel lettering and the helper text “tap a card to collect a rune”. Render three responsive character cards in a 3-column grid (single column on mobile), each cream colored with a thick dark outline and hard shadow. Cards are clickable, slightly lift on hover, and the selected card receives an aqua outline. Each card has a pixel-art portrait generated on a canvas with crisp/no smoothing, using a colored background, simple blocky fantasy heroine face/body, dark hair/hood shapes, peach face, light eyes, pink mouth, and decorative pixel sparkles. Include a rotated gold stamp in the upper-right of each portrait reading “✦ OWNED” on the first card and “✦ NEW” on the other two.

Character data and exact card copy: (1) “Mira Moon”, role “Dream Mage”, description “Turns starlight into soft shields.”, portrait palette violet with gold accent; (2) “Nia Fern”, role “Forest Ranger”, description “Reads secrets in the midnight moss.”, portrait palette aqua/green with pink accent; (3) “Astra Vale”, role “Sky Cleric”, description “Heals lost travelers with comet songs.”, portrait palette pink with pale aqua accent. Under each description add a pink outlined tag reading “COLLECT RUNE”.

Interaction/state: start with rune count 3, selected hero empty, and quest display 1 / 3 with 25% progress. Clicking a hero card selects it, removes selection from any other card, increments the rune count by 1, updates the top rune badge, updates quest progress using the displayed logic so it is clamped between 1 / 3 and 3 / 3, and shows an aqua toast such as “Mira Moon’s rune joined your journal ✦” for roughly 1.7 seconds. Clicking the already selected hero should do nothing. The top level remains 01 and the moon gate remains LOCKED. Include a footer bar with the centered text “▲ Scroll to browse • Tap a card to collect • Built for cozy quests”. Ensure the main area itself scrolls while the viewport remains filled, and provide mobile styling where the hero becomes one column, roster becomes one column, and typography/padding scale down.