Same face. Now it has volume.

• Brand cyan gradient, running diagonally from top-left to bottom-right: #22d3ee → #0891b2
• Two white eyes are the whole face. No mouth, nose, brows, cheeks or teeth.
• Emotion comes from eyes, motion, props and status colour.
• The hero mark and the wordmark "o" stay brand cyan. Agent colours are for agents only.
• Props sit outside the body and never cover the eyes. No humanoid body, hands or antennae.
• Rejected and error stay different: rejected slumps with drooping eyes; error uses round eyes and a shake.

• Circle → gumdrop. A superellipse with exponent n = 2.4, a 1.11 : 1 width-to-height ratio, and 7% narrower at the top than the base, so it sits heavy and stable.
• Flat → lit volume. One lighting recipe, shared by the 3D and SVG versions.
• Eyes move across the body, so the head appears to turn. It can even spin all the way round.
• Status light and glow. An orb carries the status colour and is always paired with a text label.
• Reactions (nod, giggle, curious, spin) answer the user without changing the product state.
• Wardrobe: seasonal outfits under the same rule as props: outside the body, never over the eyes.
• Two material options for review: glossy Candy, or translucent Jelly (slime).
• Anime emotes: 14 expressions built from eye shapes and manga marks. Still no mouth. Blush hatching is the one exception to v1's "no cheeks" rule, pending approval.

• Opaque, glossy shell: wrap diffuse, broad sheen, white rim light.
• Strengths: the crispest at small sizes, and identical on any background.
• Weakness: on light pages the white rim and broad sheen read as metallic or plastic.

• Translucent body: the renderer measures thickness through the body. Thin edges are clear, thick parts deep (absorption ×1.25). Opacity ranges 58–92%; the eyes stay solid.
• Wet surface: a sharp highlight (exponent 160) plus a soft window reflection; no broad sheen.
• Alive: the outline wobbles harder after hops and taps, and squash springs are looser (damping 8 instead of 14). No bubbles: anything inside the body competes with the eyes.
• Light shadow: the ground shadow is tinted by light passing through the body.
• Cost: one extra 28-step march per body pixel in 3D, covered by the same adaptive-resolution rule. Below 30 px it falls back to near-opaque, because translucency muddies tiny avatars.

• Base: agent gradient, diagonal TL → BR (the v1 rule)
• Volume: half-Lambert wrap diffuse, 0.42 + 0.75·d²
• Candy edge: base hue × Fresnel³ × 0.35, so the edge glows in the body's own colour
• Rim: cool white × Fresnel³ × 0.35
• Specular: Blinn, exponent 70, plus a broad sheen at exponent 10 × 0.07
• Eyes: flat self-lit white, with no glow or halo. They never take shading, so they read at any size and stay graphic, like anime eyes.
• Glow: a soft halo behind the body in the status colour, 0–45% depending on the state
• Contact: 28% darker under the body, plus a soft ground shadow that shrinks when it hops

• 3D hero: one canvas running a WebGL1 fragment shader. The body, status light, props and outfits are signed-distance shapes, ray-marched with soft silhouettes.
• SVG component: <nama-bot>. All instances share one animation loop, pause when off screen, and drop to 10 fps while asleep. Detail drops automatically by size.
• Shared: the Bot brain (springs, keyframe tweens with locks, blinks, reactions) outputs one pose that both renderers draw.
• Performance budget: pixel density capped at 1.75; resolution drops automatically if frames exceed 24 ms; falls back to SVG without WebGL; honours reduced motion.

<!-- anywhere in the app -->
<nama-bot state="working" agent="mira" size="48"></nama-bot>
<nama-bot state="idle" outfit="diya" interactive follow></nama-bot>

// product state → mascot state
el.setAttribute("state", "waiting");   // blinks, light swaps
el.bot.react("nod");                    // task accepted

// hero (marketing / empty states only)
const hero = new NamaHero(canvas, { agent: "brand" });
hero.bot.set("approved");              // hop + crescents

• Keyframe tweens with locks: a scripted move owns a property until it finishes, then the springs take it back.
• Indicator swap: shrink, change, then pop back with overshoot (we apply it to the status light).
• Pointer-follow with a soft limit: tanh-limited gaze, and 22% double blinks.
• Status glow behind the character, varying in strength by state.
• Battery care: no rendering when hidden, and a reduced frame rate while asleep.
• Interaction vocabulary: hover, dwell, tap and multi-tap as separate gestures; a wardrobe as a separate layer from state.