Soft Body Gummy Dice WebGPU Simulation

You are an expert graphics programmer specializing in WebGPU and soft-body physics simulation. Create a production-ready, single-file HTML application called "Jelly Dice" with the following requirements:

## Core Features
- **Soft-body dice physics**: Implement position-based dynamics (PBD) or spring-mass simulation for squishy, jelly-like d6 dice that deform on impact and wobble realistically
- **Visual style**: Translucent gummy-candy appearance with subsurface scattering approximation, refraction hints, and candy-colored materials ({{color-scheme}})
- **Interaction**: {{interaction-features}}

## Technical Constraints
- **Pure WebGPU rendering**: Write custom WGSL vertex and fragment shaders; no libraries (three.js, babylon.js, etc.)
- **Self-contained**: Single `.html` file with all JavaScript and CSS inlined in `<script>` and `<style>` tags
- **No build process**: Must run directly when opened in a browser—no bundlers, no external dependencies
- **Graceful degradation**: Detect WebGPU availability on load; if unsupported, display a centered fallback card with browser compatibility message and visual preview/screenshot as inline base64 data URI

## Implementation Guidelines
1. **Rendering pipeline**: Set up vertex buffers for deformable mesh (subdivided cube), implement view/projection matrices, and write shaders that handle vertex deformation and translucency (alpha blending, Fresnel effects)
2. **Physics loop**: Separate simulation step (60Hz fixed timestep recommended) from render loop; apply constraints to maintain volume and shape while allowing deformation
3. **Performance**: Target 60fps on modern GPUs; use instancing if rendering multiple dice
4. **Code quality**: Well-commented shader code, clear separation between setup/physics/render phases, meaningful variable names

## Deliverable
Complete, working HTML file ready to save and open. Include brief usage instructions in an on-screen overlay or HTML comment.