TITLE: ORACLE — the fortune ball
PROMPT: Build 'ORACLE', a mystery fortune experience. Scene: a velvet-dark séance room, candle flames flickering (pure CSS), a glass fortune ball on an ornate brass stand — inside, nebular swirl (animated conic gradients) with drifting 'mist'; ask your question, the mist thickens, and a chipped enamel answer tile floats up. Palette: black velvet, brass gold, oxblood, spectral cyan glow. Interactions: type a question (or voice a thought and just press), the ball charges with rising hum (WebAudio, gesture-gated), a printed-style answer card slides from the ball with a wax-seal stamp animation; a deck of the last eight answers sits fanned below, hoverable; one answer in twenty is eerily specific. Theatrical, spooky, impeccably dressed.
DESCRIPTION: A velvet-dark séance: three CSS candles with independently-flickering flames frame a glass sphere on a brass claw-footed stand — inside, a blurred conic nebula swirls slowly with a specular glint, and the whole ball breathes a violet aura. Type a question (or press with nothing but a thought) and CONSULT THE GLASS: the aura flares, the mist thickens and brightens, and a rising sawtooth hum charges the sphere for two seconds before a cream answer slip rises with a rotated wax-seal stamp and a three-partial chime. Twenty theatrical answers ("yes, if you stop asking strangers in glass balls"); the last eight fan below as chips, hoverable by title. Reduced-motion stills the flames and swirl.
TECHNIQUES: layered CSS candle flames with per-candle flicker keyframes, conic-gradient nebula with blur and slow rotation, charging aura via box-shadow transitions, WebAudio lowpass sawtooth rising hum plus sine chime arpeggio (gesture-gated, try/catch), wax-seal answer slip with cubic-bezier overshoot entrance and max-height reveal, answer-history fan chips.
INTERACTION: Click the ball or CONSULT (Enter also works) to charge and receive an answer slip; type an optional question first; hover the fanned chips to revisit past answers.