Style: 3D & Hyperrealism. Type: General. Keywords: Depth, realistic textures, 3D models, spatial navigation, tactile, skeuomorphic elements, rich detail, immersive. Primary Colors: Deep Navy #001F3F, Forest Green #228B22, Burgundy #800020, Gold #FFD700, Silver #C0C0C0. Secondary Colors: Complex gradients (5-10 stops), realistic lighting, shadow variations (20-40% darker). Effects & Animation: WebGL/Three.js 3D, realistic shadows (layers), physics lighting, parallax (3-5 layers), smooth 3D (300-400ms). Best For: Gaming, product showcase, immersive experiences, high-end e-commerce, architectural viz, VR/AR. Do Not Use For: Low-end mobile, performance-limited, critical accessibility, data tables/forms. Light Mode: ◐ Partial. Dark Mode: ◐ Partial. Performance: ❌ Poor. Accessibility: ⚠ Not accessible. Mobile-Friendly: ✗ Low. Conversion-Focused: ◐ Medium. Framework Compatibility: Three.js 10/10, R3F 10/10, Babylon.js 10/10. Era/Origin: 2020s Modern. Complexity: High. AI Prompt Keywords: Build an immersive 3D interface using realistic textures, 3D models (Three.js/Babylon.js), complex shadows, realistic lighting, parallax scrolling (3-5 layers), physics-based motion. Include skeuomorphic elements with tactile detail.. CSS/Technical: transform: translate3d, perspective: 1000px, WebGL canvas, Three.js/Babylon.js library, box-shadow: complex multi-layer, background: complex gradients, filter: drop-shadow(). Implementation Checklist: ☐ WebGL/Three.js integrated, ☐ 3D models loaded, ☐ Parallax 3-5 layers, ☐ Realistic lighting verified, ☐ Complex shadows rendered, ☐ Physics animation smooth 300-400ms. Design System Variables: --perspective: 1000px, --parallax-layers: 5, --lighting-intensity: realistic, --shadow-depth: 20-40%, --animation-duration: 300-400ms.