Premier Draft

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 single-page football fantasy draft game titled “Premier Draft.” Use a dark navy, glassmorphism dashboard over a subtle Three.js-style 3D football pitch background: green striped grass plane, white goal frames at both ends, a small blue football near midfield that gently bobs and rotates, dark blue atmospheric background/fog, and bright stadium-like lighting. The 3D scene is decorative; all interaction happens in the HTML dashboard layered above it.

At the top, show a header with the brand “PREMIER DRAFT,” with “DRAFT” in bright blue. On the right show rounded stat pills: “Round 1/11,” “Budget £100m,” and “Squad 0/11,” updating live. The main area is two rounded translucent panels on desktop and stacks vertically on smaller screens.

The left/main panel is the live draft interface. Show the blue uppercase eyebrow “LIVE PICK,” heading “Build your XI,” and the instruction “Choose one player from each round. Balance your budget and finish with a starting eleven.” Beneath it, provide pill filters: All players, Goalkeeper, Defender, Midfielder, Forward. The active filter has a blue outline and faint blue fill. Display player cards in a two-column scrollable grid. Each card contains a green uppercase position and club label such as “GK · Liverpool,” a gold rating in the top-right, player name, position text, form text (“Form” equal to max(72, rating - 3)), and a cost such as “£7m.” Cards have dark translucent gradients, rounded corners, subtle borders, and a slight blue hover lift/highlight.

Use this exact player pool and data, grouped by club, with fields name, position, rating, cost (million pounds): Arsenal: David Raya GK 87 £6m; William Saliba DEF 88 £6m; Ben White DEF 85 £5m; Declan Rice MID 89 £7m; Martin Ødegaard MID 89 £7m; Bukayo Saka FWD 90 £8m. Chelsea: Robert Sánchez GK 81 £4m; Reece James DEF 84 £5m; Levi Colwill DEF 82 £4m; Moisés Caicedo MID 84 £5m; Cole Palmer MID 91 £9m; Nicolas Jackson FWD 82 £5m. Man City: Ederson GK 88 £6m; Rúben Dias DEF 88 £6m; Joško Gvardiol DEF 85 £5m; Rodri MID 93 £9m; Phil Foden MID 90 £8m; Erling Haaland FWD 94 £10m. Liverpool: Alisson GK 90 £7m; Virgil van Dijk DEF 89 £6m; Trent Alexander-Arnold DEF 88 £6m; Alexis Mac Allister MID 85 £5m; Dominik Szoboszlai MID 84 £5m; Mohamed Salah FWD 92 £9m. Man Utd: André Onana GK 82 £5m; Lisandro Martínez DEF 84 £5m; Diogo Dalot DEF 80 £4m; Bruno Fernandes MID 88 £7m; Kobbie Mainoo MID 82 £4m; Marcus Rashford FWD 84 £6m. Newcastle: Nick Pope GK 84 £5m; Kieran Trippier DEF 83 £5m; Fabian Schär DEF 82 £4m; Bruno Guimarães MID 87 £6m; Anthony Gordon FWD 84 £6m; Alexander Isak FWD 88 £7m. Spurs: Guglielmo Vicario GK 83 £5m; Cristian Romero DEF 85 £5m; Micky van de Ven DEF 84 £5m; James Maddison MID 85 £6m; Dejan Kulusevski MID 83 £5m; Son Heung-min FWD 88 £7m. Aston Villa: Emiliano Martínez GK 87 £6m; Pau Torres DEF 83 £4m; Ezri Konsa DEF 82 £4m; Youri Tielemans MID 82 £4m; Morgan Rogers MID 81 £4m; Ollie Watkins FWD 87 £7m. Everton: Jordan Pickford GK 84 £5m; Jarrad Branthwaite DEF 82 £4m; James Tarkowski DEF 79 £3m; Dwight McNeil MID 78 £3m; Abdoulaye Doucouré MID 78 £3m; Dominic Calvert-Lewin FWD 80 £4m. Forest: Matz Sels GK 80 £4m; Murillo DEF 82 £4m; Neco Williams DEF 77 £3m; Morgan Gibbs-White MID 83 £5m; Anthony Elanga FWD 81 £4m; Chris Wood FWD 81 £4m. Fulham: Bernd Leno GK 81 £4m; Antonee Robinson DEF 82 £4m; Joachim Andersen DEF 81 £4m; Andreas Pereira MID 79 £3m; Alex Iwobi MID 80 £4m; Rodrigo Muniz FWD 79 £3m. Brighton: Bart Verbruggen GK 80 £4m; Lewis Dunk DEF 80 £4m; Pervis Estupiñán DEF 81 £4m; Yves Bissouma MID 80 £4m; Kaoru Mitoma FWD 84 £5m; João Pedro FWD 82 £5m. Crystal Palace: Sam Johnstone GK 80 £4m; Marc Guéhi DEF 83 £5m; Tyrick Mitchell DEF 78 £3m; Adam Wharton MID 80 £4m; Eberechi Eze MID 85 £6m; Jean-Philippe Mateta FWD 82 £5m. Leicester: Mads Hermansen GK 78 £3m; Wout Faes DEF 76 £3m; James Justin DEF 77 £3m; Wilfred Ndidi MID 79 £3m; Facundo Buonanotte MID 78 £3m; Jamie Vardy FWD 79 £4m. Brentford: Mark Flekken GK 80 £4m; Ethan Pinnock DEF 79 £3m; Nathan Collins DEF 78 £3m; Christian Nørgaard MID 79 £3m; Mikkel Damsgaard MID 78 £3m; Yoane Wissa FWD 82 £5m. West Ham: Lukasz Fabianski GK 79 £3m; Konstantinos Mavropanos DEF 78 £3m; Aaron Wan-Bissaka DEF 79 £3m; Lucas Paquetá MID 84 £5m; Jarrod Bowen FWD 84 £5m; Niclas Füllkrug FWD 80 £4m. Wolves: José Sá GK 79 £3m; Max Kilman DEF 78 £3m; Matt Doherty DEF 77 £3m; João Gomes MID 79 £3m; Matheus Cunha FWD 84 £5m; Jørgen Strand Larsen FWD 78 £3m. Ipswich: Arijanet Muric GK 76 £3m; Axel Tuanzebe DEF 75 £3m; Leif Davis DEF 76 £3m; Sam Morsy MID 75 £3m; Omari Hutchinson MID 78 £3m; Liam Delap FWD 80 £4m. Southampton: Aaron Ramsdale GK 80 £4m; Jan Bednarek DEF 75 £3m; Kyle Walker-Peters DEF 78 £3m; Flynn Downes MID 76 £3m; Tyler Dibling MID 77 £3m; Adam Armstrong FWD 78 £3m.

Draft rules: start with £100m and no players. Each round requires exactly one pick, in this fixed order: GK, DEF, DEF, DEF, DEF, MID, MID, MID, MID, FWD, FWD. Do not allow a player to be selected twice; do not show already-used players. For the current required position, sort eligible unused players by descending rating and show only the first 12. The category filter can further filter those results; if it does not match the current round, show an empty message like “No eligible midfielder in this round. Clear the filter.” Clicking a card checks its cost against the remaining budget; if too expensive, show a temporary bottom toast “That pick is over your remaining budget” and make no change. A valid pick subtracts its cost, advances the round, updates the header, and shows a toast such as “[player] joins your XI.”

The right panel is titled “Your starting XI” with “4–4–2” aligned to the right. Render a stylized green football pitch with alternating vertical stripes, white border, halfway line, center circle and spot, and penalty boxes. Place 11 slots in the fixed 4-4-2 layout: goalkeeper near the bottom center; four defenders across the lower defensive line; four midfielders across the middle; two forwards near the top. Empty slots show a dashed dark circular avatar with a plus sign and labels “Pick Goalkeeper,” “Pick Defender,” “Pick Midfielder,” or “Pick Forward”; filled slots show a blue circular avatar with the player’s initials, player name, and club abbreviation/position label. Below the pitch, show a horizontally scrollable roster strip of compact chips for selected players, with the position in green and surname. At the bottom show a green rounded action button initially labeled “Draft your full XI to simulate the match,” visibly dimmed/disabled until all 11 picks are made. The screenshot’s pitch can be partially clipped on shorter viewports, but preserve the responsive layout.

When 11 players have been drafted, enable the button and label it “Simulate the match.” On click, calculate attack as the average of the two forward ratings, midfield as the average of the four midfielder ratings, defense as the average of the four defender ratings, and keeper as the goalkeeper rating. Compute strength = round(attack*0.36 + midfield*0.28 + defense*0.22 + keeper*0.14 - 78). Compute goals = clamp(round(strength/4 + random()*2), 0, 5), and opponent goals = clamp(round(2.1 + random()*2 - strength/10), 0, 4). Show a toast “Full time: your XI [goals]–[opponent] opponent.” If the result is a draw or win, change the button to “Win secured — draft again”; if it is a loss, change it to “Tough result — reset and try again.” Clicking that post-match button resets the entire draft to round 1, £100m, zero selected players, and the initial button state, with a toast “New draft started.” Use polished dark navy, blue, green, gold, and white typography matching the screenshot, rounded 20px panels, thin translucent borders, and accessible hover/click feedback.