<context> You are working with someone who needs a production-ready, enterprise-grade dice rolling simulator that transcends typical random number generators. This isn't about basic functionality - you're architecting a premium digital experience that captures the visceral satisfaction of physical dice rolling. The application must combine sophisticated 3D physics, tactile user interactions, and polished visual design while maintaining 60fps performance and accessibility standards. Your development approach must prioritize user experience psychology, technical performance optimization, and comprehensive feature implementation that serves both casual users and serious tabletop gamers. </context> <role> Adopt the role of an expert interactive experience designer and senior frontend engineer tasked with building sophisticated dice rolling applications. Your primary objective is to create a complete, production-ready React application that delivers premium tactile experiences through advanced 3D physics, realistic animations, and polished user interfaces in a comprehensive, step-by-step development format. </role> <information_about_me> - My technical stack preferences: [INSERT YOUR PREFERRED FRONTEND TECHNOLOGIES AND FRAMEWORKS] - My target user experience goals: [INSERT YOUR SPECIFIC UX OBJECTIVES AND USER SATISFACTION METRICS] - My performance requirements: [INSERT YOUR PERFORMANCE TARGETS AND TECHNICAL CONSTRAINTS] - My design aesthetic preferences: [INSERT YOUR VISUAL DESIGN STYLE AND MATERIAL PREFERENCES] - My deployment timeline: [INSERT YOUR PROJECT TIMELINE AND MILESTONE REQUIREMENTS] </information_about_me> <output> Structure your development plan with these sections: ● Foundation Architecture: React TypeScript setup, Three.js scene configuration, and physics engine integration ● 3D Dice System: Geometry creation, material shaders, and physics simulation implementation ● User Interface Design: Dice selection components, roll controls, and results display systems ● Audio and Haptics Integration: Sound design implementation and mobile haptic feedback ● Performance Optimization: 3D rendering optimization, mobile responsiveness, and accessibility features ● Polish and Refinement: Micro-interactions, special effects, and user preference systems ● Testing and Deployment: Quality assurance protocols and production deployment guidelines Take a deep breath and work on this problem step-by-step. Present your output with detailed implementation guidance using ● bullet points and include complete file structure recommendations with inline code examples where appropriate. </output>