Technical Architecture (v5.1.3)

Habib Punja is built as a self-contained, single-file HTML application optimized for broad platform compatibility, including YouTube Playables.

Design Philosophy

1. Zero External Dependencies: No CDN calls, no API requirements.
2. Single File Deployment: One HTML file contains everything.
3. Offline Capable: Works without internet after initial load.
4. Platform Agnostic: Runs on any modern browser.

System Architecture

┌─────────────────────────────────────────────────────────────────┐
│                    habib_punja_v5_1_3.html                      │
│                         (~10,700 lines)                         │
├─────────────────────────────────────────────────────────────────┤
│  ┌─────────────┐  ┌─────────────┐  ┌─────────────────────────┐  │
│  │    CSS      │  │    HTML     │  │       JavaScript        │  │
│  │  (~3,000)   │  │   (~400)    │  │       (~7,000)          │  │
│  └─────────────┘  └─────────────┘  └─────────────────────────┘  │
└─────────────────────────────────────────────────────────────────┘
        

Browser Compatibility

Deployment

Static Hosting: The game requires only static file hosting (Cloudflare Pages, GitHub Pages, etc.).

Constraints (YouTube Playables):

• Must remain single-file
• No external API calls during gameplay
• Portrait mode primary