Emoji 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.

Rebuild “Emoji Vault” as a one-screen emoji-unboxing/collection game with a polished dark neon space aesthetic. Use a full-screen Three.js-style 3D scene behind the interface: a dark navy/purple foggy background scattered with dozens of tiny pastel yellow, cyan, and lavender star particles, a broad dark circular floor, and a glowing violet ring on the floor. Center an oversized stylized pink gift box hovering just above the ring. The box has a hot-pink rectangular base, a lighter pink lid, wide pale-gold vertical and horizontal ribbons, and a chunky gold bow on top; add a soft glowing orb/light inside the box. Give it soft shadows, dramatic warm key lighting and purple rim lighting, a subtle idle bob and yaw, slowly rotating glow ring, drifting/flickering sparkles, and a camera angled slightly downward from the front. When the player opens a pack, animate the box popping upward/scaling briefly and the lid opening outward, with a short glow/pulse effect; prevent another opening during the roughly 1.1-second animation.

The game starts with 100 coins, 0 packs opened, and an empty inventory. Each pack costs exactly 20 coins and reveals exactly 3 independently weighted random emojis. Deduct 20 coins, increment packs opened, add each pulled emoji to its inventory count, track the best rarity pulled, and save all progress in localStorage. If the player lacks 20 coins, do not open and show a toast explaining that they need coins and can sell emojis in the shop. The weighted pool has 25 total collectible items: Common (15): 😀 Sunny Grin, 😎 Shade Star, 🥳 Party Pop, 😉 Wink Link, 😺 Cool Cat, 🚀 Rocket Zip, 🍕 Pizza Slice, ⚽ Goal Ball, 👻 Ghost Ping, 👽 Alien Blink, 🤖 Robot Buddy, 🐙 Octo Ink, 🌈 Rainbow Arc, 🦄 Unicorn Dash, 💎 Crystal Drop; Extreme (4): 🤹 Juggle Riot, 🫵 You Got It, 🐲 Dragon Snout, 🤑 Coin Goblin; Secret (5): 🚡 Sky Tram, 🏌️‍♀️ Hidden Golfer, 🫠 Melty Smile, 🫥 Fade Away, 👩‍🚀 Orbit Hero; and Shop Owner (1): purple-tinted 💩 Purple Poop. Use weighted random selection: the common weights are 24,22,22,22,21,21,21,20,19,19,18,18,18,17,17 respectively; Extreme weights 5,5,4,4; Secret weights 2,2,1,1,1; Purple Poop weight 0.05.

Overlay a responsive glassmorphism HUD over the scene. At the top show translucent rounded stat panels for Coins, Collection (found count / 25), and Opened, plus Collection and Shop buttons. In the center/bottom area show a translucent reveal panel with a title and three reveal cards. Before the first opening, all three cards say “🎁 Mystery Pack” and “3 emojis inside.” After opening, reveal cards appear with staggered delays and show the emoji, name, rarity label, and either “New find” for a first copy or “Owned ×N” for duplicates. Color/glow the rarity cards: Common muted blue-gray, Extreme purple, Secret gold, and Shop Owner pink. Show toasts for outcomes such as a new emoji, duplicate, Extreme/Secret pull, or “SHOP OWNER!!!” pull. The bottom HUD should explain that each pack costs 20 coins and drops 3 emojis, and contain a prominent gold “Unbox Pack — 20” button that disables while animating or when coins are below 20.

Implement the special Shop Owner reveal fake-out: if one of the three pulls is Purple Poop, its reveal card initially displays a common 😂 Laughing Emoji labeled Common with text like “Looks like an easy common...”; after the reveal delay, have the fake card slide/kick off to the left with a 💥 burst, then reveal the purple-filtered 💩 Purple Poop card underneath, and update the title first to “The Shop Owner kicked the laughing emoji out of the way!” and finally to “Surprise — you actually pulled the Shop Owner!”.

The Collection modal is a full-screen dimmed/blurred overlay with a large rounded dark panel, close button, and scrollable sections in this order: Common, Extreme, Secret, Shop Owner. Each section has a colored uppercase header, “found / total found,” and a hint (“Most common,” “Rare,” “2nd rarest,” or “Rarest of all”). Display a responsive tile grid. Unowned items are dimmed/grayscale and show ❔, “Unknown emoji,” and an em dash; owned items show the emoji, name, rarity, and Owned ×N. The collection summary should include found count, 25 total, and the total sell value of the stash.

The Shop modal uses the same overlay/panel style, includes a purple-filtered poop greeter with “Welcome to my shop!”, and lists all rarity sections and all 25 items in tile grids. Each tile shows emoji (or ❔ if not owned), name (or “Not owned yet”), rarity, sell price, Owned ×N, and a “Sell 1” button disabled for zero inventory. Selling one decrements that item and adds gold/coins according to rarity: Common 5, Extreme 30, Secret 200, Shop Owner 10,000. Refresh the collection, shop, HUD, and last reveal after sales and show a sale toast. Add a keyboard shortcut 3 to toggle the shop, C to toggle collection, Escape to close overlays, and Space, U, or Enter to unbox. Also implement shortcut 4 to award exactly 1 bonus coin and show “+1 coin”. Support clicking/tapping all buttons and closing modals by clicking their backdrop. Persist coins, pack count, inventory, last three reveal IDs, and best pull in localStorage.