UX User Flow 针对单页游戏应用，提供导航架构与用户旅程模式，覆盖路由、状态驱动 UI 与渐进式披露。
用途：设计多步骤流程、游戏阶段导航、菜单交互和进度推进时使用，帮助把状态、路由与界面显示对应起来。
主要能力：
- 基于状态的游戏状态机路由，用 data-state 与 data-view 控制视图显示，并派发 state-change 事件。
- URL Hash 路由，监听 hashchange，支持 navigate(route) 切换路由。
- 游戏阶段导航，用 PHASES 数组和 canAccess 控制阶段解锁，配合 phase-indicator 展示阶段。
- 多步骤向导模式，步骤元素在构造时直接引用，不使用 querySelector，提供 next/previous 与 aria-current 标记。
- 进度跟踪，用有序列表与 data-status（complete/current/pending）展示步骤进度。
- 渐进式披露，按展开状态或进度条件渲染高级选项与解锁功能，失败次数达到阈值时显示轻/强提示。
- 菜单导航，支持方向键、Home/End、Escape 的键盘操作，使用 role=menu/menuitem 结构。
- 视图过渡，提供淡入淡出与滑动样式。
- 焦点管理，视图切换后将焦点移到标题（tabindex=-1），并提供跳过链接。
- 历史管理，监听 popstate 并恢复状态。
- 游戏进度模式，包括保存点、会话恢复提示、错误恢复、离线支持与上线同步。
使用方式：作为前端技能参考，代码以自定义元素（如 step-wizard、phase-indicator、ViewRouter）和事件处理组织，可在 Web 组件中直接借用对应模式。具体运行环境、安装方式和依赖暂未提供。
适用场景：单页游戏、多步骤表单/向导、阶段解锁式流程与菜单界面。
限制：资料为代码模式说明，未提供完整项目结构、打包配置、兼容的浏览器范围或效果验证，实际使用时需自行适配。