Neon Snake

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 mobile-friendly 2D arcade Snake game titled “Neon Coil.” Use a full-screen responsive HTML canvas with a dark navy/near-black radial-gradient background, slightly brighter blue at the center and nearly black at the edges. The playfield is a centered rectangular grid exactly 28 columns by 20 rows, with faint blue grid lines and a thin cyan glowing border. Size the cells responsively so the board fits the viewport while leaving room for the HUD and bottom controls; keep the board centered with a small downward offset.

The player controls a glowing segmented snake on this grid. Start each run with a three-segment snake at approximately grid coordinates (13,10), (12,10), (11,10), moving right. The head is a bright white/cyan square with a strong glow; the body segments are inset squares with cyan-to-blue/green variation and neon glow. A single collectible food cell is randomly placed on an unoccupied grid coordinate and rendered as a pulsing hot-pink/magenta glowing dot. On each movement step, advance the snake one cell in its current direction. If it reaches the food, increase the score by 1, leave the snake longer, spawn a brief burst of about 14 small pink particles at the food location, and place a new food item. Otherwise remove the tail so the snake keeps moving at its current length.

Support Arrow keys and WASD on desktop. Also provide a bottom-center four-button D-pad laid out as up above, with left/down/right in the lower row; use cyan text and purple neon borders/glows. Support touch swipes on the canvas: a swipe longer than roughly 24 pixels changes direction according to its dominant axis. Prevent immediate 180-degree reversals. The game should run automatically at the start, and pressing Space or Enter when not running should restart it; tapping the run button should also reset/start.

The initial movement interval is 0.16 seconds divided by the current speed multiplier. Display speed as 1.0x initially and increase it with score using speed = 1 + min(2.5, score * 0.075), formatted to one decimal place, so the maximum is 3.5x. End the run if the snake head hits any outer edge of the 28x20 board or collides with its own body (check body segments excluding the head). Stop movement and show a centered game-over overlay saying “NEON COIL,” with text such as “You reached N points. The coil got too close to the edge.” and a “RUN IT BACK” button.

Place a fixed top-center HUD with two side-by-side rounded rectangular panels: SCORE and SPEED. Each panel has a thin cyan outline, translucent dark-blue fill, cyan inset/exterior glow, small spaced muted-blue uppercase label, and a large bold pale-white value with cyan text shadow. The score starts at 0. The bottom controls should sit above the safe-area inset, with a small muted-blue hint reading “ARROWS / WASD · SWIPE · TAP THE D-PAD.” On narrow screens the D-pad is fully visible; on wider screens it may be partially translucent. The game-over card should be a translucent very dark purple panel centered on screen, outlined and glowing magenta, with a large white title carrying pink/purple neon glow, pale blue explanatory text, and a cyan-outlined dark button. Use no 3D camera: this is a flat top-down canvas game with crisp grid-aligned motion and a futuristic neon arcade aesthetic.