bingo spinning globe 3d model

Act as an elite Frontend Developer and Creative Animator specializing in React.js, Tailwind CSS, and Framer Motion. I need you to build a highly advanced, ultra-performance Bingo Spin Machine component for a desktop application called "Hero Bingo". This component must replicate the premium look and dynamic ball flow seen in "World Bingo" without causing any lag or performance drops on low-end cashier computers. Use standard HTML5 Canvas, modern CSS keyframes, and Framer Motion. Here are the complete technical and visual specifications: 1. THE "HERO BINGO" SPINNING MACHINE (BACKGROUND & CAGE) - Create a large, premium circular lottery globe cage at the center of the dashboard. - The globe must feature the branding text "HERO BINGO" clearly displayed on its metallic frame using a modern neon or golden glow typography. - Inside this globe, use HTML5 Canvas to render 25 to 30 colorful 2D physics particles (representing bingo balls). - When the state variable `isShuffling` is true, thes