Appearance
UI System
HUD
The HUD is a single collapsable menu bar at the bottom of the screen. When collapsed, only a toggle button is visible. Tapping the toggle expands the bar to reveal three menu buttons:
- Inventory - Opens the inventory menu (gold, items)
- Equipment - Opens the Equipment Slot Menu (equip and swap gear)
- Skills - Opens the skills menu (skill levels, XP progress)
There are no persistent on-screen elements like HP bars or gold counters. All combat feedback (HP bars, damage numbers) is rendered in-world, floating above entities.
Menu Behavior
Tapping a menu button opens that menu as a panel overlay. Only one menu can be open at a time. Tapping outside the panel or tapping the same button again closes it. Menus are accessible from anywhere, during combat or while idle.
Mobile
The menu bar sits at the bottom of the screen for thumb accessibility. Touch targets are sized for mobile. The collapsed toggle button stays out of the way during gameplay.
Open Questions
Exact menu panel layouts for Inventory, Equipment, and Skills. Auto-battle toggle placement (menu bar button or in-world tap?). Vendor/Shop UI and Checkpoint Map UI layouts.