TITLE: PRISMA — holographic membership card showcase
PROMPT: Design 'PRISMA — membership', a holographic trading-card showcase. A stack of collectible cards fanned like a dealer's hand; each card: dark carbon base with a rainbow foil layer (animated conic gradient that refracts as the card tilts), embossed seal, tier name in futuristic type (AURUM, NIMBUS, VOID). The active card floats center; foil pattern, glow and internal sparkle particles react to pointer tilt in real time. Interactions: drag the fan or click to select; card tilt follows cursor (3D perspective); a FLIP button 3D-flips to reveal benefits with staggered lines; a shine slider controls foil intensity; double-click deals a random new card with a satisfying swoosh. Luxe, iridescent, collectible fever.
DESCRIPTION: A full-bleed carbon-dark showroom for five membership tiers — AURUM, NIMBUS, VOID, PRISM and ORE. The active card floats center in a 1400px perspective field: two stacked foil layers (a color-dodge conic refractor plus a repeating faceted band pattern) rotate their hue and gradient origin toward the cursor in real time, while a soft-light sheen tracks the virtual light source and fourteen internal sparkle particles swell as tilt deepens. An embossed SVG seal, letterpress tier lockup and a mono serial complete the collectible face. Below, the dealer's fan holds all five mini-cards on transform-origin pivots; it can be dragged to swirl, hovered to lift, or clicked to deal a selection. A 3D FLIP swings the card 180° to reveal five staggered privilege lines; the SHINE slider modulates foil, bands and sheen opacity together; double-clicking anywhere deals a random card with a swoosh from off-screen and a gesture-gated glassy shimmer chord. Every control also works with no pointer at all — the foil idles through a slow spectral drift when the cursor rests.
TECHNIQUES: Conic-gradient foil with animated --hue custom property and per-pointer gradient origin (--fx/--fy); layered blend modes (color-dodge + overlay + soft-light) for iridescence; CSS 3D transforms with backface-visibility for the flip; custom-property-driven tilt loop with critically-damped easing on requestAnimationFrame; transform-origin fan with pointer-capture drag; animation restart via reflow (void offsetWidth); staggered benefit lines via transition-delay; WebAudio three-partial sine chord with exponential envelopes, created only inside user-gesture handlers, try/catch-guarded; prefers-reduced-motion disables sparkles, deal animation and the tilt loop; fully offline, system fonts, responsive 360px→4K via clamp() everywhere.
INTERACTION: Move pointer over the stage — card tilts in 3D, foil refracts, sparkles brighten. Click a fan card or drag the fan to swirl and select. FLIP button (or card double-click) 3D-flips to benefits with staggered reveals and plays a shimmer chord. SHINE slider scales foil intensity 10–100%. Double-click empty stage deals a random card with a swoosh animation. Hovering fan minis lifts them; active mini glows in its tier accent.