Club Forge

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 responsive browser game/dashboard titled “Club Forge,” a lightweight football/soccer club card-collection management game. The experience is an interactive Matchday Hub rather than an on-field action game: the player starts with 1,250 coins, 12 fans, rank 01, and an empty squad capped at 6 cards. Use a dark navy-to-black radial-gradient background with a centered desktop layout, bright green, gold, and pale blue accents, rounded navy panels with subtle borders and shadows, and bold modern system/Inter-like typography.

Top header: place a green shield/crest marked “CF” at left beside the title “Club Forge” and subtitle “Build your dream squad.” At right show pill-shaped counters for coins (coin icon and formatted amount) and fans (star icon and count). The main area is a two-column layout on desktop: a large left Matchday Hub panel and a narrower right sidebar; stack the columns responsively on smaller screens.

The large left panel should contain an eyebrow label “MATCHDAY HUB,” headline “Turn cards into a club.” and supporting text “Open a pack, collect players, and pin your custom card image to the squad.” Show a rank pill reading “RANK 01” (with the rank dynamically updated and zero-padded). Beneath it, provide a bright green primary button labeled “Open starter pack · 250 🪙” and a dark secondary button labeled “Shuffle squad.”

Below the controls, render a stylized stadium/football pitch visualization. Its upper section is dark blue seating with a row of muted blue circular spectator dots, and its lower section is a green field made from alternating vertical grass stripes. Draw a white outlined rectangular pitch inset into the field, with a vertical halfway line and a center circle. Overlay four dark circular formation markers with glowing green outlines, labeled GK, CB, CM, and ST, arranged horizontally across the pitch. This is decorative formation art; the actual squad cards are managed in the sidebar.

Right sidebar sections:
1. A “My squad 0/6” panel whose count updates with the number of collected cards. When empty, show a dashed-border message: “Open a pack or upload a card image to start your collection.” When cards exist, display them in a two-column grid. Each mini player card is a colorful collectible-card tile with rounded corners, a rating, position, player name, and compact PACE/SKILL stats. Cycle card themes through gold, silver, and blue gradients. Generated player names should cycle through M. Santos, J. Reed, A. Okafor, L. Chen, T. Silva, K. Morgan, R. Ito, and D. Brooks; generated positions should cycle through GK, CB, CM, LW, ST, and RB. Give pack cards a random rating from 78–92, random pace from 70–94, and random skill from 68–95.
2. A “Card image setting” panel explaining: “Upload an image from your phone or computer. It becomes a custom player card in your squad — your image stays in this browser.” Include an image-only file picker and a gold “Add custom card” button. After selecting an image, show a preview row with the thumbnail, filename, and hint telling the player to tap Add custom card to pin it. Accept image files and display the chosen image inside the resulting custom card.
3. A “Club activity” panel with a two-row feed. Initially show “Welcome bonus” with “+250 🪙” and “Club created” with “LIVE.” After actions, show the latest event with “NOW” above the persistent “Club created / LIVE” row.

Implement the actual interactions and rules. Clicking Open starter pack costs 250 coins and adds one generated player card, unless the player has fewer than 250 coins or the squad already contains 6 cards. On a successful pack opening, increase fans by 2; if the generated rating is at least 88, increase rank by 1; update the activity feed to “Signed [player name].” Clicking Shuffle squad requires at least two cards, randomly reorders the collected cards, and reports “Squad formation shuffled”; otherwise report “Need two cards to shuffle.” Uploading an image only stages it in the preview. Clicking Add custom card requires a selected image and available squad slot; add a fixed blue custom card named “My Custom Card,” position CAM, rating 91, pace 94, skill 96, and the uploaded image; increase fans by 5 and rank by 1; clear the preview and report “Custom card added to squad.” If no image is staged, report “Choose an image first”; if full, report “Squad is full.” Pack attempts with a full squad report “Squad is full,” and attempts without enough coins report “Not enough coins.” Keep all displayed counters and card grid state synchronized after every action.

Make the UI feel like a polished dark sports-management collectible game: compact rounded controls, green primary CTA, gold custom-card CTA, muted explanatory copy, glowing green formation markers, and clean spacing. Ensure the file upload remains local to the browser and the layout works on desktop and mobile, with a scrollable/stacked main area on narrow screens.