Gyroscopic Marble Maze Game

I want you to act as a master game designer specializing in mobile-responsive physics simulation. Create a SINGLE FILE (index.html) interactive maze game.

GAME SPEC:

Title: Axial Drift

Core mechanic: A marble rolls inside a complex geometric maze. The player shifts the global gravity vector (X and Y axes) to guide the marble.

Goal: Maneuver the marble to the center vector vortex while dodging dynamic kinetic trapdoors.

TECH REQUIREMENTS:

Single file: Pure web technology stack (<!doctype html>, CSS, JS) without heavy engine frameworks.

Rendering: 2D Canvas optimized for mobile and desktop viewports, scaling pixel-perfectly.

Mechanics: Accept desktop mouse click-drags or mobile device orientation API (DeviceOrientationEvent) to tilt the maze physics grid. Implement rigid-body friction, angular velocity, and momentum damping for the marble.

Design style: Bauhaus architectural aesthetics. High contrast bold solid primary color blocks, heavy black stroke lines, and real-time drop shadows.

我希望你充当一名精通移动端响应式物理模拟的资深游戏设计师。创建一个单文件（index.html）的交互式迷宫游戏。

游戏规格：

标题：Axial Drift

核心机制：一颗弹珠在一个复杂的几何迷宫内部滚动。玩家通过改变全局重力矢量（X 和 Y 轴）来引导弹珠移动。

目标：操控弹珠抵达中心的矢量漩涡，同时躲避动态的动能活板门。

技术要求：

单文件：纯网页技术栈（<!doctype html>、CSS、JS），不使用重型引擎框架。

渲染：2D Canvas，适配移动端和桌面端视口，实现像素级精准缩放。

机制：支持桌面端鼠标点击拖动或移动端设备方向 API（DeviceOrientationEvent）来倾斜迷宫的物理网格。为弹珠实现刚体摩擦力、角速度和动量阻尼。

设计风格：包豪斯建筑美学。高对比度、大胆的纯色主色块，粗黑描边线条，以及实时投影阴影。