Dual-Content Architecture
Design wrapper/theory/simulation systems with device-aware logic, BackButton order, and collapsible panels.
Rituals
- Draw the wrapper β theory β simulation flow.
- Use `useDeviceType` to gate mobile vs. desktop layouts.
- Keep theory collapsible with BackButton first.
- Document before/after file diff for posterity.
Challenges
- Build the TypeScript skeleton with props and state.
- Explain z-index/pointer-event rules.