Viper Game

Snake
• Dual snake colors with automatic switch after N food eaten
• Custom text rendered on snake body segments
• Snake text font size control
• Optional eyes on the snake head with color per skin phase
• Adjustable eye size scale
• Starting snake length from 1 to 100 segments

Snake Skins
• Image or video overlay per snake skin phase
• Skin 1 (before switch) and Skin 2 (after switch)
• Shopify hosted video or uploaded image support
• Transparent textures layer over the snake color

Food Icons
• Unlimited food icon blocks via section blocks
• Custom color per food item
• Adjustable roundness per food (0–100%)
• Custom icon image per food via upload or external URL
• Multiple food types spawn randomly during gameplay

Game Rules
• Win score target from 1 to 100 points
• Time limit from 0 to 600 seconds
• Collision detection ends the game on self-hit
• Auto-advance food spawning on eat
• Two food items active on the board at all times

D-Pad Controls
• On-screen directional pad for mobile and desktop
• Keyboard arrow key support
• Adjustable button size for desktop and mobile
• Adjustable gap spacing between buttons

Begin Screen
• Rich text content above the begin button
• Rich text color, size, and weight controls
• Gap between text and button
• Begin button text, font size, and weight
• Begin screen overlay with adjustable opacity

Top Left Logo
• Image or text logo in the top left corner
• Logo width independent for desktop and mobile
• X and Y offset positioning for desktop and mobile
• Text color, font size, and font weight controls

Top Right UI
• Timer display (toggleable)
• Score counter (toggleable)
• Speed toggle button: 1X and 2X modes
• Pause and play button with icon swap
• Fullscreen button with independent desktop/mobile visibility
• Refresh button with custom font picker
• UI offset positioning for desktop and mobile
• Font size and weight controls
• Background opacity independent for stats and controls
• Button border, radius, and padding controls

Win / Lose / Timeout Modals
• Three separate modal states with custom title and message per state
• Optional timestamp and date display below message
• Modal background image or video with cover/contain fit
• Modal overlay color and opacity
• Modal text, border, and button color controls
• Modal border width and corner radius
• Backdrop opacity behind the modal card
• Custom link button or refresh button in modal actions
• Close button with custom text
• Preview mode toggle to force-open the modal in the editor

Background
• Background color fallback
• Background image or video independent for desktop and mobile
• Mobile falls back to desktop media if none set
• Cover or contain fit mode
• Background media opacity control
• Video autoplay behavior: always or on game start

Game Canvas
• Tile size independent for desktop and mobile
• Canvas auto-sizes to fill the section
• Pixel-rendered (image-rendering: pixelated)
• Wrapping edges: snake reappears on the opposite side

Layout
• Section height in vh for desktop and mobile
• Outer border width, color, and radius
• Game area padding (top, bottom, left, right) for desktop and mobile