Coffre Suprême

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 “Coffre Suprême” as a French-language, browser-based casino-style progression dashboard using fictional credits only. The presentation is a dark, premium vertical-vault/casino interface: nearly black navy background with subtle radial glow, muted purple panels, thin blue-gray borders, warm gold highlights, aqua accent text, and elegant Playfair Display serif headings paired with a small monospaced DM Mono UI font. The layout is desktop-first with a left navigation sidebar about 290px wide and a main area; on mobile the sidebar becomes a slide-out menu opened by a hamburger button.

Persistent layout and HUD:
- Sidebar brand “COFFRE SUPRÊME”, subtitle “Casino fictif · monnaie de jeu”, and a vault progression card showing “Niveau 12 · Rang Argent”, a progress bar visually filled around 38%, “1 840 / 4 000 XP”, and “VIP 2”.
- Below it, show a vertical list of eight selectable floors, each with a numbered circle 01–08, name, and subtitle. Floor 1 is active initially; floors 1–3 are selectable, while floors 4–8 look dimmed/locked and clicking them opens a modal-style message saying the floor unlocks with level and VIP rank. The floor data is: “Hall d’Entrée” / “petites mises · tutoriel” / Bronze; “Salle des Habitués” / “mises moyennes · séries” / Bronze; “Salon Argent” / “machines vidéo · bonus” / Argent; “Étage Or” / “ways to win · tournois” / Argent; “Salle Platine” / “hold & win · VIP” / Or; “Suite Diamant” / “progressif · collection” / Or; “Penthouse Légendaire” / “tables · événements” / Diamant; “Coffre Suprême” / “mises illimitées · endgame” / Diamant. End the sidebar with the disclaimer “Aucun argent réel. Les crédits sont fictifs. Faites une pause quand vous voulez.”
- Main top bar has the aqua eyebrow “Ascenseur central · accès sécurisé”, a dynamic floor title initially “Hall d’Entrée”, a credits chip reading “Crédits 2 500” with the number gold, and a “Mode démo” button. On mobile show a hamburger button at the left.
- Main content is a two-column area: a large hero panel and a right progression card. The hero is a rounded, bordered panel with a dark purple-to-navy gradient and an animated-looking radial/repeating gold ray pattern behind the content. It contains a gold-outlined pill badge such as “ÉTAGE 1 · BRONZE”, a large serif headline “Entrez dans le coffre.”, descriptive copy about a vertical casino whose floors tell new stories and where players advance with level, VIP rank, and streaks without real-money betting, a gold “Jouer une machine” button, and a large decorative elevator shape anchored at bottom-right: an arched purple/pink gradient doorway with a gold upward arrow and label “ASCENSEUR · 01 / 08”. When a selectable floor changes, update the badge, headline, description, and elevator floor number. Use these floor hero texts: floor 1 “Entrez dans le coffre.” plus “Le point de départ du Coffre Suprême : machines classiques, missions guidées et une entrée généreuse.”; floor 2 “La salle des séries.” plus “Les habitués viennent chercher les multiplicateurs de régularité et les premiers mini-jackpots.”; floor 3 “L’argent change de tempo.” plus “Des vidéos-slots plus rapides, des symboles mystère et les premières roues bonus.”
- Right card is titled “Votre progression” and has four stat tiles: “XP de la session” initially +0, “Meilleur gain” initially 0, “Série actuelle” initially 0, and a static “Jackpot local” initially “12 840”. Under “Missions du jour”, show three mission rows with progress bars: “Tour de chauffe” 0 / 3 (this advances with spins up to 3), “Visiter un étage” 1 / 2 with a 50% bar, and “Décrocher un mini-jackpot” 0 / 1 with an empty bar. Keep the clean compact card styling.

Interactive slot machine:
- Clicking “Jouer une machine” opens a centered overlay modal over a dark translucent backdrop. The modal is a rounded dark machine panel with border and shadow. Its header says “Machine signature · mode démo disponible” and dynamically names the machine “Royal Vault 3” on floor 1, or “<current floor name> · Signature” on floors 2–3. Include a circular close X button.
- The machine has three large reel windows in a row, initially showing 💎, 7️⃣, and 👑. Reels are light cream/gray with inset darker borders, and the machine background is very dark. Below them show “3 rouleaux · 5 niveaux de mise · jackpot local de l'étage”.
- Include a gold result/status line initially “Prêt pour un tour ?”, a bet control with minus and plus buttons and “Mise 25”, and an aqua “LANCER · 25” spin button. The actual bet starts at 25; minus/plus adjust it by 10 and clamp it between 10 and 250 (the UI’s minus and plus buttons are the controls).
- On spin, if credits are at least the bet, subtract the bet, increment the spin count, animate/blur each reel briefly with staggered stopping, then randomly assign each reel one symbol from exactly: 💎, 7️⃣, 👑, 🃏, 🍀, 🔔, ⭐. Resolve the result after the reels stop. Three matching symbols pays bet × 20 and displays “Gain de [amount] crédits · MINI-JACKPOT !”; exactly any pair pays bet × 3 and displays “Gain de [amount] crédits · Belle série.”; otherwise, if any reel is 💎, pay back exactly the bet; otherwise pay 0 and display “Pas de combinaison — la prochaine peut tomber.” Add the win to credits, add XP equal to max(10, bet) on every completed spin, increase the current streak by one for any win and reset it to zero on a loss, and update the best gain to the largest payout. Update credits, XP, best gain, streak, spin mission count, mission bar, and button text after every action. Format credit amounts in French-style thousands notation.
- If credits are below the selected bet when spinning, do not spin; instead display “Plancher anti-ruine activé : bonus de secours +250 crédits.”, add 250 credits, and refresh the HUD.
- “Mode démo” always adds 1,000 fictional credits and displays “Mode démo : +1 000 crédits fictifs.” in the current result line. Closing the modal returns to the dashboard. Locked-floor notices can use the same modal result treatment.

Responsive/art direction: preserve the luxurious editorial casino feel with restrained animation, rounded cards, thin outlines, gold and aqua accents, and high contrast readable French text. Make the hero overflow-hidden and place the decorative elevator over the lower-right of the ray background. On narrow screens use one content column, hide the demo button, make the sidebar slide in from the left, reduce the hero/elevator dimensions, and keep controls touch-friendly. Do not add real-money systems, accounts, combat, characters, or mechanics beyond this fictional three-reel slot and floor-selection dashboard.