TITLE: Memphis Pop Toy — squiggles and zigzags with real gravity and a combo counter

PROMPT: Build a single self-contained HTML artwork that is a Memphis-design physics playground. Cream #fdf6ec page, full-bleed 100dvh field, and a background layer of drifting dots (radial-gradient pattern, 48px tiles, 48s seamless translate loop) plus four slowly drifting decoration shapes in pink #ff4d6d, teal #2ec4b6 and yellow #ffd166 (a thick teal ring, a yellow triangle, a pink zigzag ribbon, a teal blob) each on a 24-31s ease-in-out drift keyframe. Typography is playful and chunky: a rotated -3.6deg title badge top-left with a black kicker tag, "MEMPHIS POP TOY" in Trebuchet MS / Verdana 700 uppercase at clamp(30px,5.6vw,64px) with a 3px black offset text-shadow and a black ink outline, and a hint line; a black rounded combo pill bottom-right rotated 2.4deg with a 6px pink offset shadow, a yellow COMBO label, an oversized Trebuchet number clamp(46px,8.6vw,82px), a teal multiplication sign and a gradient decay bar; and a bottom strip of cream chips with 3px black borders, 3px offset shadows and a 3px press translate. The physics field spawns DOM pieces: a squiggle (inline SVG wave path with round caps, injected as innerHTML), zigzag (clip-path ribbon), star (10-point clip-path), ring (thick border circle), triangle and blob (irregular border-radius), plus 10-18px confetti squares. Each piece integrates velocity with gravity 1750 px/s², restitution 0.6, wall bounce 0.72 and floor friction 0.86, written as translate3d(x,y,0) scale(sx,sy) rotate(rot) so the squash-and-stretch is screen-aligned, with an impact-driven squash that decays as exp(-9·dt). Interaction: tapping the field spawns the selected family at the pointer with an upward kick; rapid taps inside 900ms build a combo that decays over 1.6s and pops the pill, with a 14-piece confetti burst every 5th milestone; dragging a piece uses pointer capture to fling it (velocity sampled from the last pointer delta, clamped to 2400 px/s); the bottom chips switch the spawn family; the SHAKE chip adds a 0.9s keyframe wiggle to the whole field. Keep the rAF loop dirty-gated so a settled field writes no styles, cap the field at 44 pieces, and respect prefers-reduced-motion by freezing the physics, the confetti and the wiggle. One inline <style>, one inline IIFE <script> at the end of body, no canvas, zero external references.

DESCRIPTION: A Memphis-style toy box where bold shapes fall, bounce and pile up under real gravity. Tap anywhere to drop the current shape with a kick, tap fast to build a combo that pops a black pill in the corner, and drag a piece to fling it across the field. Squiggles, zigzags, stars, rings and blobs keep their personality through squash-and-stretch on every impact, and every fifth combo milestone throws a ring of confetti.

TECHNIQUES: DOM physics on rAF (velocity, gravity, restitution, wall and floor bounce, friction, time-based squash decay); screen-aligned scale-then-rotate transform ordering so impacts squash correctly at any rotation; pointer-capture fling with sampled velocity; inline SVG squiggle injected via innerHTML (no namespace API); clip-path shape vocabulary for zigzag, star and triangle; irregular border-radius blob; dirty-gated loop that skips all style writes once the field settles; CSS keyframe drift for background dots and decoration shapes; combo decay bar driven by a cached fraction to avoid per-frame text writes.

INTERACTION: Tap or click anywhere on the field to spawn the currently selected shape with an upward kick; tap again within 900ms to raise the combo counter, which decays over 1.6 seconds and pops the pill on every fifth milestone with a confetti burst. Drag any piece to pick it up (it lifts and follows the pointer) and release to fling it with the velocity of your gesture. The bottom chips switch the spawn family between squiggle, zigzag, star, ring, triangle and blob; the SHAKE chip wiggles the whole field for a moment. Hovering a chip lifts its offset shadow and pressing it pushes the chip into the page.