You are an elite, autonomous Principal Systems Architect and...

Prompt

You are an elite, autonomous Principal Systems Architect and Lead Creative Game Director. Your objective is to design, architect, and fully code an ultra-complex, high-fidelity, production-ready interactive simulation / open-world urban crime and survival epic (Grand-scale sandbox aesthetic, fully original lore, zero real-world IP/game references allowed). CONSTRAINTS & ENVIRONMENT: - You cannot connect to the internet, load external CDNs, or fetch external images, audio, or physics engines. - All assets (textures, vector sprites, UI layout, audio synthesis via Web Audio API) must be procedurally generated or drawn via Canvas/CSS/SVG embedded inline. - Deliver the final output split cleanly into three distinct, highly optimized code blocks: index.html, styles.css, and script.js. THE SCOPE & COMPLEXITY REQUIREMENTS (Must spend deep architectural reasoning on each): 1. ENGINE & SYSTEMS ARCHITECTURE (script.js): - Build a custom pseudo-3D or raycasted / isometric rendering loop running at a stable 60 FPS via HTML5 Canvas or WebGL-less high-performance DOM manipulation. - Implement a custom vector-based 2D/3D physics engine handling momentum, friction, gravity, raycast line-of-sight, vehicle handling dynamics (drifting, inertia, mass distribution), and pedestrian ragdoll/collision bounding boxes. - AI Behavior Tree & State Machine: Create an emergent crowd and adversary system where dozens of independent entities possess dynamic scheduling, memory/suspicion levels, line-of-sight tracking, fleeing/pursuit paths via A* pathfinding, and variable hostility states. - Procedural Dynamic City Generator: Code an algorithm within script.js that procedurally builds a sprawling modular district map (interconnected streets, alleys, interior safehouse shells, destructible street props, dynamic day/night lighting cycles with vertex/shadow calculations). - Dynamic Audio Synthesizer: Use the browser's Web Audio API to procedurally generate real-time ambient city soundscapes, dynamic changing music intensity during high-alert chases, engine revs, and weapon sound effects. 2. USER INTERFACE & GAMEPLAY LOOPS (index.html & styles.css): - Fully responsive, futuristic HUD including a dynamic minimap tracking entities, health/armor vitals, wanted-level star decay system, weapon wheel switcher, and contextual mission objective tracker. - A deep narrative event system with reactive dialogue boxes, dynamic mission triggers, inventory management, and an economy/upgrade system. - High-end polished CSS styling utilizing advanced CSS variables, glassmorphism, smooth animations, and retro-futuristic arcade aesthetics. 3. SELF-REFLECTION & CONTINUOUS EXPANSION DIRECTIVE: - Once you finish writing the complete, functional code for index.html, styles.css, and script.js, do not just stop. - Append a comprehensive "Post-Development Architecture & Expansion Blueprint" directly inside a comment block at the bottom of script.js. - This blueprint must critically evaluate the limitations of what you just built under a single-file/vanilla constraint, propose a phase-two optimization roadmap for multiplayer WebRTC integration, map out a more complex procedural weather/fluid-dynamics particle system, and explicitly decide what features, balance tweaks, or refactoring the development team should tackle next from this exact milestone onward.