Orb 3D spike — A canvas-2D (today) · B Three.js glass · C WebGL shader

Same "Start" look + "Yair default" motion on all three. The decider: at Hero size, does B (real glass) beat C (shader)? Watch each panel's FPS on your phone. Toggle Talk + Mic.

A. Canvas-2D (today)–
0 KB added · already shipped. Flat illusion of depth (gradients + blur). The honest baseline to beat.
B. Three.js glass–
+~150–220 KB gz · real transmission glass, env refraction, true sphere + inner emissive nebula. Best big; muddy + heavy small.
C. WebGL shader–
+~5 KB, 0 deps · one fragment shader: hemisphere normal → fresnel glass + refracted volumetric nebula. Real depth, one draw call, cheap at any size.
Palette = Start coach-blue (#0c266e → #1e60eb → #6eaaff → #ecf4ff, accent #7868ff). Mic uses your live microphone amplitude; nothing is recorded or sent. Vendored three@0.169.