fix: dino-rugstekels en beer-staart oogden vreemd (v0.4.27-beta)

- Dino: rugstekels stonden als een rij spitse vormen voor de hals/borst
  ("Ga als designer kijken" - gebruiker vond dit "wat vreemd"), wat als
  een rare kraag oogde. Verplaatst naar een klein randje bovenop de kop
  (zoals kleine hoorntjes) - dichter bij de anatomische plek (rug/kruin)
  en rustiger op klein formaat.
- Dier (beer): had een los staartje opzij op dezelfde hoogte en met
  vrijwel dezelfde vorm/grootte als de armen/benen, waardoor het als een
  extra ledemaat oogde. Verwijderd - een beer laat van de voorkant
  sowieso nauwelijks iets van zijn staart zien, dus dit is ook
  anatomisch kloppender dan een zichtbaar zij-staartje.
- Overwogen: SVG vs. PNG-lagen als basis. SVG blijft de juiste keuze
  hier - lichaams-/haarkleur zijn vrije kleurkiezers (elke hex-waarde),
  wat via fill-attributen triviaal is maar bij PNG een vast palet of
  canvas-hertintplugin zou vereisen; SVG schaalt bovendien scherp op
  alle drie weergavegroottes zonder aparte assets.
- Geverifieerd: alle vijf bestaande scenario's, volledige testsuite,
  en een School-navigator met een echte klas (leerling met dier-
  personage toont nu geen vreemd zij-staartje meer).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014EPxzBVRXZZnBPvSAaPAbJ

VERSION

@@ -1 +1 @@
-0.4.26-beta
+0.4.27-beta

public/js/avatar.js

@@ -49,9 +49,6 @@ function avatarBodyMarkup(species, bodyColor){
   if(species === "dino"){
     m += `<path d="M 38 88 C 18 92, 2 82, 1 64 C 3 78, 18 86, 35 76 Z" fill="${dark}"/>`;
   }
-  if(species === "animal"){
-    m += `<circle cx="79" cy="82" r="10" fill="${dark}"/>`;
-  }
   m += `<ellipse cx="34" cy="92" rx="10" ry="8" fill="${dark}"/>`;
   m += `<ellipse cx="66" cy="92" rx="10" ry="8" fill="${dark}"/>`;
   m += `<ellipse cx="50" cy="72" rx="24" ry="19" fill="${bodyColor}"/>`;
@@ -92,10 +89,12 @@ function avatarBodyMarkup(species, bodyColor){
   }
   if(species === "dino"){
     m += `<path d="M 43 51 Q 50 55.5 57 51" stroke="${avatarShade(bodyColor,-0.55)}" stroke-width="1.6" fill="none" stroke-linecap="round"/>`;
+    /* rugstekels als klein randje bovenop de kop i.p.v. voor de hals - een
+       rij spitse vormen op de borst/hals oogde als een vreemde kraag; dit
+       zit anatomisch dichter bij de rug en is ook stiller op klein formaat. */
     const plate = avatarShade(bodyColor, -0.45);
-    m += `<path d="M 35 68 L 39 53 L 43 66 Q 39 72 35 68 Z" fill="${plate}"/>`;
-    m += `<path d="M 46 66 L 50 50 L 54 66 Q 50 73 46 66 Z" fill="${plate}"/>`;
-    m += `<path d="M 57 68 L 61 53 L 65 66 Q 61 72 57 68 Z" fill="${plate}"/>`;
+    m += `<path d="M 39 13 Q 38 2 44 0 Q 46 7 45 15 Z" fill="${plate}"/>`;
+    m += `<path d="M 55 15 Q 54 7 56 0 Q 62 2 61 13 Z" fill="${plate}"/>`;
   }
   if(species === "animal"){
     m += `<path d="M 50 41 L 50 45 M 44 49 Q 50 52 56 49" stroke="#3a2a18" stroke-width="1.6" fill="none" stroke-linecap="round"/>`;

public/js/core.js

@@ -2,7 +2,7 @@
 "use strict";
 /* version — shown until /api/version resolves (or if the fetch fails, e.g. offline).
    Kept in sync by hand with the VERSION file at the repo root on every release. */
-const VERSION = "0.4.26-beta";
+const VERSION = "0.4.27-beta";
 (function(){
   const tag = document.getElementById("verTag");
   tag.textContent = "v"+VERSION;