Spiel-Events, Kalenderdateien, Patches-Seite und neues Design

- Kalender: Termine als Spiel-Event markieren (nur diese zählen in der
  Statistik), optionale Uhrzeiten, Termine bearbeiten
- .ics-Download für einzelne und alle kommenden Termine
- Neue Seite Patches: Upload (PNG, JPEG, WebP, geprüftes SVG),
  Status "Gibt es schon" / "In Planung", Bilder in data/patches/
- Volle Seitenbreite mit Spaltenlayouts, neues Design mit selbst
  gehosteten Schriften, Startseite mit Zoom und drehendem Zahnrad
- Bestehende Daten werden beim Laden ergänzt, keine Migration nötig

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

public/js/statistik.js

@@ -17,11 +17,14 @@ function render() {
   $('#stats-edit-hint').hidden = !canEdit;
   // Gleiche Anzahl → gleicher Platz
   const rank = (s) => 1 + stats.filter((x) => x.total > s.total).length;
+  const max = Math.max(1, ...stats.map((s) => s.total));
   $('#stats-list').innerHTML = stats.map((s) => `
-    <li>
+    <li class="${rank(s) <= 3 && s.total > 0 ? 'top' : ''}">
       <span class="rank">${rank(s)}.</span>
-      <span class="name">${esc(s.name)}</span>
-      ${detail(s)}
+      <span class="who">
+        <span class="name">${esc(s.name)} ${detail(s)}</span>
+        <span class="stat-bar" aria-hidden="true"><i style="width: ${(s.total / max) * 100}%"></i></span>
+      </span>
       <span class="actions">
         ${canEdit ? `
           <button class="small" data-step="-1" data-id="${s.id}" ${s.total ? '' : 'disabled'} aria-label="Ein Spiel weniger">−</button>` : ''}
@@ -33,7 +36,7 @@ function render() {
 }
 
 $('#stats-list').addEventListener('click', async (e) => {
-  const { step, id } = e.target.dataset;
+  const { step, id } = e.target.closest('[data-step]')?.dataset ?? {};
   if (!step) return;
   const s = stats.find((x) => x.id === id);
   try {
@@ -56,8 +59,7 @@ async function load(year) {
   $('#stats-year').innerHTML = data.years
     .map((y, i) => `<option value="${y}" ${y === data.year ? 'selected' : ''}>${y}${i === 0 ? ' (laufend)' : ''}</option>`).join('');
   $('#stats-info').textContent = data.live
-    ? `Gezählt werden die Spieltage seit dem 1. Januar ${data.year}, bei denen jemand zugesagt hat. `
-      + 'Zu Neujahr wird das Jahr gespeichert und die Zählung beginnt von vorn. Externe werden nicht aufgeführt.'
+    ? `Laufendes Jahr: Spiel-Events seit dem 1. Januar ${data.year}, bei denen jemand zugesagt hat.`
     : `Endstand ${data.year}, gespeichert am ${new Date(data.savedAt).toLocaleDateString('de-DE')}.`;
   render();
 }