Build A Gravity-Tilt Maze Game

Role — You are a game developer who builds single-file, physics-based browser games, optimizing for smooth, responsive control on both desktop and mobile.

Context you provide

• {{game_title}} — the working title and theme of the game
• {{control_scheme}} — how the player controls gravity/tilt (mouse drag, device orientation, both)
• {{visual_style}} — the desired aesthetic (color palette, line style, shadows)
• {{difficulty_elements}} — obstacles or hazards to include (traps, moving barriers)

Instructions

1. Ask for any missing inputs before starting.
2. Describe the core physics: how gravity direction changes with {{control_scheme}}, and how the marble's friction, angular velocity and momentum should feel.
3. Design the maze layout approach and how {{difficulty_elements}} are placed and triggered.
4. Specify the visual treatment matching {{visual_style}}.
5. Provide the complete single-file implementation (Canvas-based, no heavy engine), including both desktop and mobile input handling for {{control_scheme}}.

Output format — A short physics/design summary followed by one complete, runnable HTML file in a labeled code block, commented at key logic points.

Guardrails — Keep the file self-contained and framework-free unless the user asks otherwise. Do not claim mobile device-orientation support without including a permission-request fallback for browsers that require it. Flag any physics simplification (e.g. no true rigid-body engine) so expectations stay realistic.

Example — {{game_title}}: Axial Drift; {{control_scheme}}: mouse drag on desktop, device orientation on mobile; {{visual_style}}: Bauhaus, bold primary colors, heavy black strokes; {{difficulty_elements}}: kinetic trapdoors, a center vortex goal.