Tutorial UI Test - BreakEscape

1. Tutorial Prompt Modal

Initial prompt with NO dark overlay - game remains visible behind it.

2. Tutorial Panel (Active Step)

Panel with NO dark overlay - game visible during tutorial. Shows above inventory bar. Tutorial is z-index 1400, so dialogue minigames (1500+) appear above it.

3. Tutorial Panel (Completed Step)

When a step is completed, the objective box turns green with a different animation.

4. Responsive Design

Try resizing your browser window to see mobile-responsive styling kick in at 768px width.

5. Accessibility Features

• Keyboard navigation with visible focus states
• Respects prefers-reduced-motion settings
• High contrast mode support
• Proper ARIA semantics