Clear the Way

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 sliding-block puzzle titled “Clear the Way.” Use a dark navy radial-gradient background and a centered single-screen layout. At the top show the gold uppercase eyebrow “BLOCK SLIDING PUZZLE,” the large white title “Clear the Way,” and the muted subtitle “Slide the red block through the exit.” On the right (or below on narrow screens), show two dark rounded stat cards labeled MOVES and LEVEL, displaying the current move count and level number.

The main game board is a square 6x6 grid, centered and sized responsively (roughly up to 570px desktop, about 88vw on mobile). Give it a dark blue frame with 7px inner padding, 6px gaps, rounded 20px corners, a subtle border and shadow. Each empty cell is a rounded dark slate rectangle. Place a glowing gold exit tab protruding from the board’s right edge, vertically aligned with the middle row (the target’s row), with a small rotated “EXIT” label.

Implement three fixed puzzles, cycling through them with a “New puzzle” button. The board coordinates are 0-based, with x increasing rightward and y downward. Blocks occupy rectangular grid cells and can only move one cell at a time along their assigned axis, cannot leave the 6x6 board, and cannot overlap another block. A move increments the Moves counter. Blocks should be draggable with pointer/touch input: dragging horizontally moves horizontal pieces and dragging vertically moves vertical pieces, snapping one cell per valid drag threshold. Also support keyboard play: click/tap a block to select it, highlight it with a bright outline, then use the arrow keys; only arrows matching the block’s axis should have an effect. Include Reset and New puzzle buttons.

The red target block is horizontal, 2 cells wide by 1 high. The goal is to slide it right until its right edge reaches the board’s right edge at y=2, visually lining up with the exit. When this happens, show a fixed translucent dark overlay with backdrop blur and a centered rounded card: a door emoji, the heading “Path cleared!”, and text “You opened the exit in N moves.” Include a primary “Play another” button that advances to the next puzzle. The New puzzle button should also advance and wrap around after the third puzzle; Reset restores the current puzzle and clears moves and selection.

Use bright glossy rounded blocks with gradients, light borders, shadows, and a small translucent horizontal highlight near their top. The target uses a coral/red gradient and a white right-arrow symbol. Other pieces use these visual colors: blue, green, purple, orange, and yellow. Keep the polished clean casual-puzzle aesthetic shown in the reference.

Use exactly these initial puzzle layouts, where each object is {x,y,w,h,axis,color}: 
Puzzle 1: target (1,2,2,1,horizontal,red); blue (0,0,1,2,vertical); green (2,0,1,2,vertical); purple (3,0,2,1,horizontal); orange (5,0,1,2,vertical); purple (0,3,1,2,vertical); blue (2,3,2,1,horizontal); green (4,3,1,2,vertical); yellow (5,3,1,3,vertical); orange (1,4,2,1,horizontal); purple (3,5,2,1,horizontal).
Puzzle 2: target (0,2,2,1,horizontal,red); blue (2,0,1,3,vertical); green (4,0,2,1,horizontal); purple (0,0,2,1,horizontal); orange (5,1,1,2,vertical); yellow (0,3,1,3,vertical); blue (1,4,2,1,horizontal); green (3,3,1,3,vertical); purple (4,4,2,1,horizontal); orange (2,5,1,1,vertical).
Puzzle 3: target (1,2,2,1,horizontal,red); green (0,0,1,3,vertical); blue (1,0,2,1,horizontal); orange (3,0,1,2,vertical); purple (4,0,2,1,horizontal); yellow (5,1,1,3,vertical); purple (0,4,2,1,horizontal); green (2,4,1,2,vertical); blue (3,3,2,1,horizontal); orange (4,4,1,2,vertical); blue (5,5,1,1,vertical).

On mobile, stack the header content, keep the board usable within the viewport, and retain the controls and instructions: “Drag blocks along their track. Tap a block, then use arrow keys too.”