Neon Coil

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 arcade game titled "Neon Coil": a neon, grid-based Snake game viewed from directly overhead in a fixed rectangular playfield. Use a dark futuristic cyberpunk presentation: near-black navy/purple background with a subtle radial glow, a fine dark-blue square grid across the canvas, bright cyan UI accents, magenta spark/food, lime particle bursts, and soft bloom/glow effects. The game should fill the viewport (with a reasonable max width), work on desktop and mobile, and use a canvas for the playfield with an HTML HUD layered above it.

Gameplay: On the initial screen, show the game board behind a centered dark translucent panel with a thin blue-violet border and inset neon glow. The panel says "NEON COIL" in large white uppercase letters with a magenta glow, followed by: "Eat the glowing sparks. Every spark makes you longer — and faster." Add a cyan outlined button labeled "START RUN". The starting snake is three grid cells long, centered on the board, moving right automatically once the run starts. The snake is made of rounded square cells with a bright cyan/turquoise gradient and cyan glow; its head is brighter, transitioning from white to cyan, while its body transitions from pale aqua to deeper blue. A single glowing magenta/pink circular spark appears at a random unoccupied grid cell and gently pulses in size. The board should use a dynamically sized grid: target about 24 columns by 32 rows, with cell size based on the available canvas dimensions and a minimum cell size around 14px; center the resulting board if there is unused space.

The player steers the continuously moving snake, with no stopping or wrapping: colliding with the outer board boundary or with the snake's own body ends the run. Prevent an immediate 180-degree reversal. When the head reaches the spark, award 10 points, add one segment (the tail remains for that movement), relocate the spark to another random unoccupied cell, and emit a brief burst of about 16 small lime glowing particles. Each collected spark also increases movement speed: speed starts at 1.0x and is calculated as 1 + min(2.8, snake length * 0.055), so it rises as the snake grows and caps at 3.8x. Movement is tick-based, with an initial interval around 0.15 seconds divided by speed and a minimum interval around 0.055 seconds. Animate the canvas continuously, including the pulsing spark, glowing snake, and fading particle bursts.

Controls must include keyboard arrows and WASD, with direction changes handled on pointer/touch input as well. At the bottom center, while playing, show a mobile-friendly 3-column by 2-row directional pad: up centered in the top row, left/down/right in the bottom row. These buttons are square (about 52px), magenta outlined, translucent magenta fill, and show arrow glyphs. Hide the pad on the initial and game-over panels; on wider screens it may be partially faded. Pressing a direction before a run starts should also start a run, and the spacebar should start/restart when not running. Include a prominent HUD top bar: left-aligned cyan glowing, widely letter-spaced "NEON COIL" brand; right-aligned three dark translucent statistic cards with blue borders showing SCORE, LENGTH, and SPEED. Initially show 0, 3, and 1.0x. Keep these values updated during play.

On collision, stop movement and show the centered overlay panel again, now with title "RUN OVER", text formatted like "Score [score] · Best [high score]. The coil hit the grid.", and a button labeled "RUN AGAIN". Persist the best score in localStorage under a Neon Coil high-score key and update it at game over. The overall visual style should be crisp, minimal, high-contrast neon arcade UI with white/cyan/magenta glow, rounded canvas snake cells, no characters, enemies, powerups, sound, or additional game modes beyond the single Snake-like run.