Starlit Pair

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.

Recreate "Starlit Pair" as a single-page, mobile-first offline romance-mecha gacha interface, not an action game. Use a dark near-black plum background with a subtle radial glow toward the top, white typography, neon pink/cyan accents, muted lavender secondary text, gold rarity stars, rounded panels, and a polished sci-fi anime-gacha presentation. The app is centered in a narrow responsive container (about 760px maximum); on phones the page scrolls vertically while the header stays part of the page.

At the top, show a header with the title "STARLIT PAIR" (STARLIT white, PAIR pink), subtitle "Offline romance-mecha gacha", and a rounded wallet pill on the right showing a cyan diamond symbol and the current signal shards count. Initialize the persistent save state with 120 shards, pity 0, and no owned pilots; save it in browser local storage so reloads retain shards, pity, and collected unit IDs.

Below it, show a large rounded limited-event banner with a purple-to-blue gradient, thin violet border, and blurred pink and cyan glowing circles behind the content. Include the cyan uppercase eyebrow "LIMITED SIGNAL • 03:14:15", the two-line title "Crimson Orbit Resonance", and the copy "Sync with a partner. Pilot the impossible. Find your signal among the stars." Beneath that show the gold rate line "★5 Featured 1.5% · ★4 8.5% · ★3 90%". On the right side of the banner, draw overlapping thin orbital rings and a small glowing pink/yellow center orb.

Under the banner, provide three equal-width rounded tabs: "Summon" (active initially), "Roster", and "Rates". The active tab has a brighter purple fill and border; inactive tabs are very dark with muted lavender text. Switching tabs hides the other tab content without navigating away.

The Summon tab contains a rounded dark section titled "Resonance Chamber" with a right-aligned label "pity 0/60" that updates with the current pity value. Inside are two side-by-side summon buttons: "Single Sync" with "◆ 10 signal shards", and a more colorful "Tenfold Sync" with "◆ 100 signal shards · 1 guaranteed ★4". Buttons have purple gradient fills, thin violet borders, rounded corners, and a subtle pressed scale effect. If the player lacks enough shards, do not perform a summon; show a temporary bottom toast reading "Not enough signal shards".

Below that, show a "Featured units" section with the small label "original cast" and a responsive card grid. Initially display these five featured cards: Aoi • Sky Thread (★5, Striker, blue square portrait), Ren • Ember Pulse (★5, Vanguard, red square portrait), Mira • Moon Bloom (★4, Support, purple square portrait), Sora • Cloudstep (★4, Scout, green square portrait), and Kaito • Iron Halo (★4, Guardian, yellow square portrait). Cards are compact rounded rectangles with rarity-specific styling: ★5 gold border/warm purple gradient, ★4 violet border/blue-purple gradient, ★3 standard violet styling. Each has a rounded portrait area with a stylized radial anime-like face/background treatment, a top-right rarity badge such as "★5", the unit name in bold truncated text, and a gold row of repeated stars followed by the role in muted lavender. Emoji or simple colored icon portraits are acceptable, but preserve the visible color identities.

The Roster tab contains a matching section titled "Your pilots" with a dynamic count like "0 / 9 collected" and a responsive grid of owned cards. Initially it shows the centered muted message: "No pilots yet. Pull a signal to begin your roster." Once a unit is obtained, add it only once to the roster even if duplicated in later pulls.

The Rates tab contains a matching section titled "Signal rates" and centered explanatory text: "★5 Legendary — 1.5%", "★4 Rare — 8.5%", "★3 Standard — 90%", followed by "Every 60 syncs guarantees a ★5. Every tenfold sync guarantees at least one ★4 or better." and "Your progress is saved on this device. The game is designed to keep working offline after the first load."

Implement the actual summon rules. The unit pool has nine units: Aoi and Ren are ★5; Mira, Sora, and Kaito are ★4; Nami • Starling (★3, Tactician, pink flower icon), Yui • Soft Static (★3, Medic, crescent/moon icon), Toma • Blue Current (★3, Pilot, blue diamond icon), and Hana • Dawn Kite (★3, Scout, yellow flower icon). A single summon costs 10 shards; a tenfold costs 100. For each normal roll, use 1.5% ★5, next 8.5% ★4, and otherwise ★3, selecting randomly from the corresponding available unit pool. Increment pity after every non-★5 and reset pity to zero after a ★5. When pity is already 59 or higher before a roll, force a ★5 and reset pity. A tenfold summon performs ten rolls and forces its final roll to be ★4 or better unless the random chance gives the normal result; in all cases it must guarantee at least one ★4+ in the ten results. Deduct the cost before rolling, update the wallet and pity, add new IDs to ownership, and show all pulled units in a centered modal overlay.

After a pull, open a dark translucent full-screen modal with a raised rounded purple result panel, title "Signal acquired" for a single or "Tenfold sync complete" for ten, a responsive two-column card grid of results, and a full-width pink-to-purple "Continue" button that closes the modal. The modal should be scrollable if ten cards exceed its height. Use random outcomes, but preserve the displayed rates, pity behavior, costs, and guarantee. Make all interface text and interactions functional, with no invented combat, movement, story scenes, or additional gameplay beyond the summon/roster/rates experience shown.