Card Hub

Act as an expert Senior Frontend and Game Developer. I want to build a clean, modern, and bug-free 2D Card Game Hub using HTML5 Canvas or clean HTML/CSS with JavaScript (Single file index.html, no external heavy libraries like Phaser to avoid broken links, pure native architecture). The game must have a modular architecture so I can easily add multiplayer and more games later. Phase 1 Architectural Requirements (Zero-Bug Policy): 1. State Management: Create a robust, global GameStateManager that handles screen switching (Main Menu <-> Game Screen) without memory leaks. 2. Layout & Responsive Design: Portrait mobile-first responsive layout (works beautifully on both iOS/Android browsers and PC). Clean UI with a modern dark casino/arcade aesthetic. 3. Card Deck Engine: Write a reusable, bulletproof CardDeck class with standard methods: shuffle(), deal(), reset(). It must handle card entities perfectly with no rendering artifacts or duplicate cards. Features to include in this build: - Main Menu: A clean dashboard/carousel to select games: "Poker", "Uno", "Durak", "Blackjack / 21". (Currently, lock Poker, Uno, and Durak with a "Coming Soon" badge). - Fully Playable Blackjack (21) Module: Implement a flawless local Player vs AI Blackjack game to test the core mechanics. - Must include: Clear "Hit" and "Stand" buttons, automatic dealer AI logic (stands on 17), exact score calculation (Aces should dynamically count as 1 or 11 based on context), Win/Loss/Push conditions, and an instant "Play Again" loop. - Animations & Sound: Smooth 60fps card dealing animations using requestAnimationFrame. Use Web Audio API (AudioContext) to generate clean synth sound effects for card flips and wins (no external audio assets needed). Provide the complete, production-ready, fully functional index.html code. Write it carefully, ensuring there are no placeholders, no cut-off code, and no bugs.