NBA A+

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 responsive browser game titled “NBA A+”, a polished touch-friendly fantasy basketball lineup builder. The game is primarily a layered HUD/UI over a blank white Three.js canvas: do not add a basketball court, 3D props, animated players, or gameplay action. Use a clean white background, dark near-black text, rounded translucent white cards with subtle borders, blur, and large soft shadows. Use a bold condensed display font for the title and main action button, with Inter-style text for the rest. The visual language is energetic basketball/sports UI: electric blue primary accents, purple gradients on generic buttons, golden grade text, and five-position lineup cards. Do not use official NBA team logos or artwork; use text team names and color accents only.

At the top, place a large “NBA A+” brand at upper left with the subtitle “RANDOM TEAM ROSTER BUILDER”. At upper right, show a rounded “TEAM GRADE” pill with the current grade, initially “—”. Centered below the header, show temporary gold toast messages for actions and rule explanations. Along the bottom, use a two-column layout on desktop and a stacked layout on mobile. The left card is the generated-team panel: label it “GENERATED TEAM”, show “Tap Generate Team” before the first spin, a short explanatory note, a bright blue “GENERATE TEAM” button with black condensed lettering, and a secondary “NEW RUN” button. Once a team is generated, show its name, number of available players, the drafting instructions, and how many of the single-use recollections remain. The right, larger card is the roster/lineup panel. Its header says “PICK PLAYERS FROM THIS ROSTER” and gives a dynamic instruction such as “Choose any open lineup slot first”; on the right provide a SLOT label and a dropdown with PG, SG, SF, PF, and C.

Below the header, display five compact lineup slots in one row: PG, SG, SF, PF, C. Each slot initially shows a dash, “Empty”, and “Tap to draft”. Tapping a slot selects it and gives it a prominent blue outline; locked slots use a golden-tinted background and show the player’s final adjusted grade, name, and originating team. The player roster below is a scrollable responsive grid of buttons/cards. Each card shows the player name, natural position(s), base letter grade, a fit/status line, and the grade they would receive in the selected slot. Natural fits say “Natural fit”; out-of-position players show a negative grade-step penalty. Cards become dimmed/disabled after the current team has already supplied a player, if the selected lineup slot is already occupied, or if that player name is already used in the lineup. Allow selecting lineup positions in any order by either tapping a lineup slot or changing the dropdown.

Populate the game with a large pool of text-only NBA team rosters (the implementation uses the 30 current team names, with roughly 8 players per team and team color values, including Atlanta Hawks, Boston Celtics, Brooklyn Nets, Charlotte Hornets, Chicago Bulls, Cleveland Cavaliers, Dallas Mavericks, Denver Nuggets, Detroit Pistons, Golden State Warriors, Houston Rockets, Indiana Pacers, LA Clippers, Los Angeles Lakers, Memphis Grizzlies, Miami Heat, Milwaukee Bucks, Minnesota Timberwolves, New Orleans Pelicans, New York Knicks, Oklahoma City Thunder, Orlando Magic, Philadelphia 76ers, Phoenix Suns, Portland Trail Blazers, Sacramento Kings, San Antonio Spurs, Toronto Raptors, Utah Jazz, and Washington Wizards). Each player has one or more natural positions and a base grade from the ordered scale F-, F, F+, D-, D, D+, C-, C, C+, B-, B, B+, A-, A, A+. Include recognizable roster names and ten A+ players in the dataset, but keep everything as text and generic team-color styling rather than logos.

Core loop: pressing Generate Team randomly reveals one unseen team. The player must lock exactly one player from that team into one currently open position before they can generate the next team. Teams do not repeat until the pool is exhausted. There is exactly one “recollection” per run: if the current team is disliked and no player has yet been selected from it, the button changes to “USE RECOLLECTION” and can reveal a different unseen team, consuming that one recollection. The current team cannot be rerolled again, and when no recollection remains the button is disabled/communicates “Lock A Player First”. After a player is picked, the button returns to “GENERATE TEAM”. Prevent duplicate player names in the lineup, prevent picks into occupied slots, and prevent spinning once all five slots are full. A “NEW RUN” button clears the lineup, current team, seen-team set, spin count, recollection, and result state.

When a player is locked, compute their final slot grade by finding the minimum absolute distance between the selected lineup slot and any of their natural positions in the ordered list PG, SG, SF, PF, C. Subtract that many steps from their base grade, clamping at F-. Display a toast naming the player, slot, final grade, and whether the fit was perfect or penalized. The Team Grade in the header is the rounded average of the final grades of all currently locked players. When all five positions are filled, show a full-screen dark translucent result modal over the UI. It must list the five position/player/final-grade results, explain that the final score is the rounded average, and present the large final letter grade. Style the modal by grade: A+ purple, A or A- green, B+ through C yellow, C- through D- orange, and F grades red. The title for A+ should be “A+ Perfect Team!”; other finishes can say “Round Complete”. For A+, A, and A-, include a large faint dramatic Curry callout behind the modal and a “Watch Curry Clip” button that opens the configured real clip URL in a new tab. For D+ through F-, include the blocked-layup callout “Iguodala up for the layup... OH! BLOCKED BY JAMES!” and a “Watch Blocked By James Clip” button. Grades from C- through B+ should have no callout or clip button. Include a “Keep Lineup” button to close the modal while preserving the lineup.

Make it responsive: on narrow screens stack the generated-team card above the roster card, keep all five lineup slots visible in a compressed row, use a two-column player grid, and allow roster scrolling. Expose a game state API with window.getGameState() containing title, current team, spins, pickedThisSpin, roundFinished, rerollsLeft, seenTeams, selectedSlot, teamGrade, lineup, completion state, and last message; support window.setGameState(patch) for changing team, lineup, and selected slot and re-rendering the interface.