Roblox Adopt Me Coinflip Website

I need a simple web-based coin flip game themed around Roblox’s “Adopt Me!” universe. The main deliverable is a fully functional page where visitors can press a button, watch a realistic-style coin flip animation, and instantly see whether they win or lose.

Key points
• Platform: Web (desktop and mobile browsers).
• Visual style: Realistic coin flip animation—smooth motion, reflective metal look, clear heads/tails outcome.
• Theme: Use colours, fonts, and pet-inspired accents that feel at home in the Adopt Me! community, without infringing on Roblox assets.

Core requirements
1. Animation: HTML5/CSS3/JavaScript (or a lightweight WebGL/Canvas approach) that plays quickly and consistently across modern browsers.
2. Randomisation: Fair, server-side generation of results so outcomes can’t be manipulated by the client.
3. Responsive layout: Scales cleanly on phones, tablets, and desktops.
4. Basic result log: Display the last 10 flips on-screen so players can see recent outcomes.
5. Clean code: Commented, easy for me to adjust colours or text later.

Nice-to-have (if time allows)
– Sound effect on flip completion.
– Simple username field so players can tag their flip results.

Please outline the tech stack you plan to use (e.g., vanilla JS, React, Three.js) and how you’ll ensure randomness and animation smoothness. A short demo or link to past animation work will help me choose quickly.