Grid Duel

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-screen web game titled "Grid Duel", a polished tic-tac-toe game called out as a "QUICK MATCH". Use a centered layout on a very dark navy background with a soft radial glow: brighter blue around the upper center fading to near-black at the edges. At the top show the small spaced uppercase cyan eyebrow "QUICK MATCH", a large bold white title "GRID DUEL", and the subtitle "A tiny battle of Xs and Os. Three in a row wins.". Below it place a rounded dark translucent navy card with a thin blue border, subtle blur, and a strong shadow.

Inside the card, make a top status bar: on the left show a bright cyan bold status such as "Your turn · X", and after a completed round show "Match over"; on the right show the score as "YOU 0 · BOT 0" with the numbers emphasized. The main play area is a square 3-by-3 grid with ten-pixel gaps. Each square is a large rounded rectangle with a dark blue diagonal gradient, thin muted-blue border, slight inset highlight, and shadow. It is an actual clickable/tappable button. Empty cells are blank. The human player's X is large, bold, bright cyan with a cyan glow; the bot/opponent's O is large, bold pink with a pink glow. Hovering a cell can brighten its background and border, and pressing it can slightly scale it down. When a winning three-cell line is found, highlight all three winning cells with a brighter teal/purple gradient and pale border, with a gentle pulsing scale animation.

Implement standard tic-tac-toe rules on the eight lines (three rows, three columns, and the two diagonals). In the default mode, the user is X and goes first. Tapping an empty square places X; if that does not end the game, disable input briefly while a smart bot places O after about 260 milliseconds. The bot should use exhaustive minimax play: evaluate terminal O wins as 10, X wins as -10, draws as 0, and choose the available move with the highest score. Stop input after a win or draw. On an X win display "You win! Nice line." and increment the YOU score; on an O win display "Bot wins this round." and increment BOT; on a full-board draw display "Draw game.". Ended rounds show "Match over" in the status bar.

Below the board include an initially empty result area with enough reserved height to avoid layout jumping. Under it place two equal-width rounded buttons: a prominent gradient cyan-to-purple "New round" button with dark text, and a dark-blue "Reset score" button with light text. New round clears the 3-by-3 board and result while preserving scores. Reset score sets both scores to zero and starts a new round. Add a mode line reading "Mode: vs smart bot" with the mode text as a cyan clickable button; clicking it toggles between "vs smart bot" and "2 players", resets both scores, and begins a new round. In two-player mode, alternate X and O clicks locally, with the status reading "Player X turn" or "Player O turn"; use the same win/draw handling, score display, and winning-cell highlight (the O result should read "Player O wins!"). Include the small muted hint "Tap a square to place your mark" below the card.

Use a clean Inter/system sans-serif visual style, high contrast, responsive sizing, rounded corners, and touch-friendly controls. Keep the entire game fitting on one viewport; on short screens scale the wrapper down slightly, reduce card/cell corner radii and padding, and hide the hint. The game is a flat UI board rather than a 3D scene, with no characters, enemies, camera movement, sound, or other gameplay systems.