Flip Vault

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 polished single-page browser game titled “Flip Vault,” a dark neon case-opening and balisong-collecting game. Use a responsive layout: on desktop, a large left main panel and narrower right sidebar; on mobile, stack the panels vertically. The entire viewport should have a deep black/navy radial-gradient background with a subtle purple glow near the top, and rounded translucent charcoal panels with thin low-opacity borders and soft shadows. Use a clean modern system sans-serif typeface, bright off-white text, muted blue-gray secondary text, and purple/lavender accents.

The left panel is the main play area. At the top show the eyebrow “CASE OPENING LAB,” a large two-line title “FLIP VAULT,” the subtitle “Crack a case. Chase the perfect balisong.” and a small sparkle/star icon on the opposite side. Under it show three stat cards: Credits, Opened, and Streak. Start with 12 credits, 0 opened, and 0 streak. Below the stats, show a horizontal selectable case picker with three buttons: “Veil Case” costing 1 credit and tagged “balanced odds,” “Prism Case” costing 2 credits and tagged “rare-forward,” and “Ember Case” costing 3 credits and tagged “jackpot hunt.” Veil is selected initially, with a purple highlighted border/background. Selecting another case updates the central case card and the open button.

Include an “Equipped balisong” flip station in the main panel. It should show a flip counter initially reading “0 flips · +1 credit each,” a large clickable dark-purple rounded pad, and a stylized balisong made from a pale angular blade and two purple-gradient handles. The label says “Tap the balisong to flip,” with a smaller equipped item name; before any item is obtained it says “Equip a drop from your inventory.” Clicking the pad is only effective once an item exists: increment the flip count, award 1 credit, animate the knife through a quick 360-degree flip with a slight scale-up, and show a toast “+1 credit · flip bonus.” Under the pad show “Your inventory” and “tap to equip,” with collected items displayed as clickable cards that equip the chosen finish.

The central case area is a large rounded rectangular vault display with a dark purple angled gradient, subtle rotating/conic translucent light beams, and a centered inset case card. Initially the inset reads a small geometric balisong-like symbol, “VEIL CASE,” and “1 credit per flip.” Give it a purple border and inner highlight. A full-width bright purple gradient button below reads “OPEN VEIL CASE · 1 CREDIT.” For the selected case, charge its cost, increment Opened, temporarily disable the button, label the case “ROLLING...” and “searching the vault,” then after roughly 0.9 seconds reveal one randomized finish. Animate the reveal with a scale/rotation pop-in and emit about 18 small golden/pale spark particles radiating outward. Update the inset card to show the finish’s symbol, uppercase finish name, rarity and descriptive tag, recolor its border/glow to match the finish, and display a toast with the result and rarity. Remove the locked/rolling appearance after the reveal. The hint beneath the button reads “Every case hides one randomized finish. No duplicates protection.”

The five possible finishes are collectible balisong skins, with these base weighted probabilities for the Veil case: Street Alloy, common, 55%, silver-gray; Arctic Wash, rare, 28%, electric blue; Plasma Bloom, epic, 12%, vivid purple; Solar Flare, legendary, 4%, orange-gold; and Void Blossom, mythic, 1%, hot pink. Their descriptive tags are respectively “everyday flip,” “cold steel,” “charged edge,” “golden grail,” and “the 1%.” Show the same five entries in the right sidebar’s “Drop rates” section, each in a rounded dark row with a colored dot, name, and percentage, with a small “weighted RNG” label. The selected case changes the actual weights: Veil uses [55,28,12,4,1], Prism uses [38,38,16,6,2], and Ember uses [45,25,16,9,5]. There is no duplicate protection; every opening appends another item, even if it matches an existing finish. The actual random picker may apply the Lucky Lens upgrade by shifting weight away from the common result.

The right sidebar also contains an “Upgrade shop” with “spend credits” text and three upgrade rows. Each row has a name, level counter, description, and purchase button. Upgrades are: “Lucky Lens,” max level 3, “+4% weight shifted from common drops,” starting cost 5 and increasing by 4 each level; “Case Cashback,” max level 3, “15% chance per level to refund a case,” starting cost 7 and increasing by 4 each level; and “Streak Engine,” max level 3, “+1 bonus credit every 5 openings per level,” starting cost 9 and increasing by 4 each level. Disable purchase buttons when the player cannot afford them or has reached max level, showing “MAX” at max. Lucky Lens shifts 4 percentage points per level from the common weight and distributes the shifted amount across the other outcomes. Cashback gives a 15% per-level chance of refunding the case cost after opening. Streak Engine awards its level in credits whenever the opening count reaches a multiple of five.

Below the shop, show “Your vault” with a live item count such as “0 items.” Initially display “Your first pull is waiting. Will you hit the 1%?” Once items are collected, render a scrollable two-column collection of cards. Each card has a small dark square with a glowing radial-gradient finish and the geometric balisong symbol, the finish name colored by rarity, and its tag; indicate the equipped item with “EQUIPPED ·”. The same inventory should appear in the flip station and in the sidebar, with clicking either copy equipping the item, recoloring the knife using the item glow color, and showing a toast like “[name] equipped.” Automatically equip the first obtained item if nothing is equipped. Track the best/highest-rarity drop internally.

Use these exact finish colors and rarity styling: Street Alloy color #aeb7c9/glow #dce3ef, Arctic Wash #409eff/glow #a9ddff, Plasma Bloom #a05bff/glow #e4c8ff, Solar Flare #ffad35/glow #ffe9a8, Void Blossom #ff4cb4/glow #ffd1f0. Use rarity text colors of gray-blue for common, bright blue for rare, purple for epic, gold for legendary, and pink for mythic. Toast notifications should be pill-shaped, bright near-white with dark text, centered near the bottom, and fade/slide in and out. Persist credits, opening count, streak, inventory, selected case, equipped item, flip count, best item, and upgrade levels in local browser storage so progress survives refreshes. Keep the visual presentation atmospheric and premium: purple case glows, restrained neon highlights, subtle motion, generous rounded corners, and no extraneous screens or mechanics.