Glowcoil

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.

Recreate “Glowcoil” as a fullscreen neon arcade Snake game on a very dark navy/black background. Use a fixed HTML canvas covering the viewport, with a centered square 24×24 tile playfield. Each tile should be sized responsively from the viewport (roughly the smaller viewport dimension divided by 24, never below 16px), so the board remains centered and square. Draw a subtle radial background gradient, a faint blue-purple 24×24 grid, and a thin cyan glowing border around the board.

The player controls a glowing segmented coil/snake. On a new run it starts horizontally at grid cells (11,12), (10,12), and (9,12), moving right. The head is the first segment. Segments are nearly square with a small inset/gap, glow strongly, and cycle through neon cyan, hot pink, lime green, and violet colors by segment index. Add a small pale highlight on each segment and two dark square eye marks on the head. The snake advances one grid cell at a time, initially every 0.16 seconds. It cannot reverse directly into its current direction. Arrow keys and WASD change direction; ignore input while not running or paused. On touch/mobile layouts, show a bottom-centered four-button directional pad with cyan/pink neon styling and ▲, ◀, ▼, ▶ controls; hide it on screens at least 700px wide. Prevent touch controls from scrolling the page.

Place one collectible spark at a random unoccupied grid cell. Render it as a small hot-pink diamond/rhombus with a bright glow, gentle pulsing scale, and slow rotation. When the head reaches it, award 10 points, increase the snake length by one (do not remove the tail on that movement), relocate the spark to another unoccupied cell, and emit about 16 short-lived glowing particles in random directions using the same cyan, pink, lime, and violet palette. The movement interval accelerates as the snake grows: use approximately max(0.055, 0.16 - max(0,length-3)*0.006) seconds per step. Display speed as a multiplier of 1.0x plus 0.08 for each segment beyond the starting length, formatted to one decimal place; display the current score and length.

The run ends immediately if the head leaves the 24×24 board or collides with any body segment other than itself/current head. Stop movement, save the highest score in local storage under “glowcoil-best,” and show the centered game-over overlay with a large glowing pink “RUN OVER” heading, text in the form “Score [score] · Best [best]. The coil got too close to itself.” and a neon outlined “TRY AGAIN” button. Clicking START RUN or TRY AGAIN resets score, direction, length, particles, and board position, then begins play. Before the first run, show a centered overlay with a large glowing pink “GLOWCOIL” title, the subtitle “Eat the sparks. Grow longer. The coil accelerates every time you feed it.” and a cyan-outlined dark “START RUN” button. Keep the overlay hidden during active gameplay. Press Space while running to toggle paused state; pause movement but retain the board and HUD (no need to add a separate pause overlay).

Build the HUD as a fixed overlay above the canvas: top-left neon cyan brand text “GLOWCOIL” with wide letter spacing and cyan/blue glow; top-right three dark translucent bordered stat boxes labeled SCORE, LENGTH, and SPEED with muted gray labels and bright white values. On desktop, show the bottom-right hint “ARROW KEYS / WASD · SPACE TO PAUSE”; hide that hint on narrow mobile screens. Use a crisp Arial-like sans-serif, responsive title sizes, translucent navy panels, cyan and hot-pink borders/glows, and no scrolling. Include active-button scale feedback and neon inset/outset shadows so the overall presentation matches a polished cyberpunk synthwave arcade aesthetic.