RUMBLE STARS

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 a responsive interactive collection-management game/web app titled “Vault of 1000,” with French UI text and a polished dark glassmorphism dashboard aesthetic. It is not an action game: the core loop is browsing a vault of 1,000 collectible character entries, checking progress, and using a protected admin panel to reveal the final secret character.

Visual design: use a near-black navy background (#08111f) with a subtle blue radial glow near the top, pale white text, muted blue-gray secondary text, thin translucent borders, rounded corners, and soft shadows. Center the app inside a large rounded shell on desktop (roughly 1040×760 maximum) with a translucent dark background and blurred/glass effect; on mobile it should fill the viewport with square-ish edges. Use a compact header with a gradient cyan-to-purple square sigil containing a sparkle (✦), the small uppercase label “COLLECTION PRIVÉE,” the title “Vault of 1000,” and two header buttons: “Personnages” and a gold-accented “⚿ Admin.”

The default home view has a two-column hero on desktop and a single-column layout on narrow screens. On the left show the eyebrow “MENU PRINCIPAL,” a large heading “Construis ta collection.”, and this exact explanatory text: “Un coffre de 1 000 personnages originaux. 999 sont déjà disponibles — le dernier est gardé derrière un verrou spécial.” Below it place a bright cyan-to-indigo gradient button “Voir la collection” and a secondary dark button “Personnage aléatoire.” On the right show a dark rounded progression card with a large rounded-square gradient avatar initially displaying 🦊, the label “PROGRESSION,” a large “999/1000” counter, “personnages débloqués,” and a nearly full cyan-to-purple progress bar. The random button should choose a random currently available character ID (1–999 by default, 1–1000 after unlocking) and update the hero avatar to that character’s emoji, with a brief scale-and-rotate pop animation.

The collection view is opened by either “Voir la collection” or the “Personnages” header button. At the top show the eyebrow “COFFRE DE COLLECTION,” heading “Les 1 000 personnages,” and a search field with placeholder “Rechercher un personnage…”. Below, render a responsive grid of character cards. Use a repeating library of the visible animal emojis (fox, panda, frog, tiger, unicorn, octopus, owl, dragon, bee, butterfly, wolf, lion, koala, cat, monkey, dinosaur, rabbit, crab, turtle), repeating across IDs; use repeating names such as Nova, Milo, Kira, Orion, Pixel, Luma, Echo, Rex, Zia, Bolt, Nox, Mira, Astra, Coco, Juno, Iris, Koda, Vega, Sora, Tango. Label each unlocked card with its name plus a zero-padded three-digit ID, such as “Nova 001,” and a small “Débloqué” status. Give each card a rounded colorful gradient art tile, alternating through cyan/indigo, pink/purple, green/teal, amber/orange, and violet/pink gradients. Cards should be dark blue, rounded, bordered, and slightly lift/highlight on hover. The search filters entries by name or numeric ID as the user types. All 1–999 entries are unlocked initially. Entry 1000 is omitted from normal unlocked content visually as a locked card unless the secret has been enabled; when locked it displays a desaturated dimmed card with ❔, name “???,” status “Verrouillé,” and a lock icon 🔒. The character cards are visual collection entries and do not need a separate detail screen or gameplay interaction.

The Admin button opens a centered dark modal if the owner has not yet been verified. The modal dims the entire screen and contains a rounded dialog, a blue-purple rounded square with a finger icon, heading “Vérification propriétaire,” explanatory text about using device fingerprint/biometrics, “Annuler” and bright “Scanner la biométrie” buttons, and a small note that real biometrics depend on the browser/device. Attempt WebAuthn platform biometric authentication. If it is unavailable or fails, change the message to explain that biometrics are unavailable in this preview and change the action to “Activer la session locale”; pressing it activates the local owner session. Once verified, show the admin view.

The admin view is a centered panel with eyebrow “ZONE PROPRIÉTAIRE,” heading “Panneau administratif,” and a gold-tinted warning notice explaining that the area is protected by device biometrics and that this prototype stores state only locally in the browser. Show a green-dot status “Session propriétaire active.” Include these rows in a bordered dark card: (1) “Débloquer le personnage secret” with help text “Rend le personnage n°1000 visible dans la collection.” and an off/on pill toggle; (2) “Mode créateur” with help text “Affiche les outils avancés du menu.” and an initially on green toggle; (3) “Réinitialiser la collection” with help text “Remets les 999 personnages au statut initial.” and a “Réinitialiser” button. Admin toggles should only work after owner verification. Turning on the secret makes progress 1000/1000, fills the bar completely, and makes character 1000 unlocked and visible. Turning it off restores 999/1000 and the locked final card. Reset should confirm with “Réinitialiser la collection ?”, then turn only the secret unlock off. The creator-mode toggle persists but has no additional visible tools beyond its state in this prototype.

Persist secretUnlocked, creatorMode, and ownerVerified in localStorage under a vault-state record so the state survives reloads. The app should start with secretUnlocked false, creatorMode true, and ownerVerified false unless saved state exists. Keep navigation between home, collection, and admin as single-page views, with only one view visible at a time. Use French labels throughout, desktop and mobile responsive sizing, and no combat, enemies, physics, timers, or external game world: this is an interactive collectible vault UI with a special owner-gated unlock.