Team-Avatare: echte Gesichts-Ausschnitte statt gequetschter Karten

Die runden Avatare zeigten bisher die grossen 1200x1200-Team-Karten mit
Rahmen, Goldschrift, Husky und Hase - bei 96 Pixeln nur Matsch.

- Neue Dateien avatar-*.jpg: sauber zugeschnittene Gesichts-Portraits
  (400x400) aus den Karten, jedes Gesicht mittig und erkennbar
- data-modis.js bekommt ein eigenes Feld "avatar"; die grosse Karte
  bleibt unter "photo" fuer grosse Darstellungen erhalten
- Avatar groesser (108px), mit Akzent-Ring, Glanz und Hover-Anhebung
- Ohne Foto jetzt nur noch EIN Buchstabe statt zwei (kein "FU" mehr)
- Profilkarten mit Lichtschein hinter dem Avatar und Hover-Effekt

Co-Authored-By: Claude Opus 5 <[email protected]>

assets/js/data-modis.js

@@ -23,6 +23,7 @@ const MODIS = [
     role: "Rechte Hand von Dogfather · Musik-Produzentin (Van-Van, Spotify)",
     rank: 1,
     photo: "assets/img/card-vanvan.jpg",
+    avatar: "assets/img/avatar-vanvan.jpg",
     quote: "", // TODO: Zitat von VanVan einholen
     social: {},
     page: "vanvan.html",
@@ -33,6 +34,7 @@ const MODIS = [
     role: "Organisiert & plant gemeinsam mit VanVan",
     rank: 2,
     photo: "assets/img/card-diene.jpg",
+    avatar: "assets/img/avatar-diene.jpg",
     quote: "",
     social: {},
     page: "",
@@ -53,6 +55,7 @@ const MODIS = [
     role: "Modi & Cutterin",
     rank: 4,
     photo: "assets/img/card-miss.jpg",
+    avatar: "assets/img/avatar-miss.jpg",
     quote: "",
     social: {},
     page: "",
@@ -63,6 +66,7 @@ const MODIS = [
     role: "Kommentare auf den Clip-Accounts · alias FlauschiRex",
     rank: 5,
     photo: "assets/img/card-marina.jpg",
+    avatar: "assets/img/avatar-marina.jpg",
     quote: "",
     social: {},
     page: "",