From c1e8bfa0cf4aab95cf41c8f42d3b2f326ac17ac8 Mon Sep 17 00:00:00 2001
From: netim <netimmmm@proton.me>
Date: Wed, 17 Jun 2026 17:39:17 +0200
Subject: [PATCH] =?UTF-8?q?Zwei=20Modi:=20Spieler-Modus=20(Standard)=20und?=
 =?UTF-8?q?=20passwortgesch=C3=BCtzter=20Spielleiter-Modus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Spieler-Modus zeigt spoilerfreie Tabs (Willkommen, grober Ablauf)
- Spielleiter-Modus (Passwort) blendet alle bestehenden GM-Tabs ein
- Umschalt-Knopf in der Nav, startet standardmäßig im Spieler-Modus

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 index.html | 791 ++++++++++++++++++++++++++++++++++++++---------------
 1 file changed, 563 insertions(+), 228 deletions(-)

diff --git a/index.html b/index.html
index 593b403..531408a 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="color-scheme" content="light only">
 <meta name="supported-color-schemes" content="light">
-<title>Der letzte Auftrag – JGA Abenteuer</title>
+<title>Der letzte Auftrag – JGA Wendl · Im Jahre Schnee</title>
 <link href="https://fonts.googleapis.com/css2?family=MedievalSharp&family=Cinzel+Decorative:wght@700&family=Cinzel:wght@400;600&family=Crimson+Pro:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
 <style>
   :root {
@@ -521,6 +521,11 @@
     background: rgba(201,162,39,0.05);
     color: #e8d5a0;
   }
+  /* Listen in der dunklen Encounter-Box hell einfärben (sonst dunkel-auf-dunkel) */
+  .encounter-box .rules-box { background: rgba(201,162,39,0.05); border-color: #4a2800; }
+  .encounter-box .rules-list li { color: #e8d5a0; }
+  .encounter-box .rules-list li strong { color: var(--gold-light); }
+  .encounter-box .rules-list li::before { color: var(--gold-light); }
 
   .stat-block {
     display: grid;
@@ -858,6 +863,53 @@
     padding: 1rem;
   }
 
+  /* ── MODE-BUTTON & MODUS-UMSCHALTUNG ─────────  */
+  .nav-mode-btn {
+    font-family: 'Cinzel', serif;
+    font-size: 0.72rem;
+    letter-spacing: 0.08em;
+    color: #c8a86a;
+    background: rgba(201,162,39,0.08);
+    border: 1px solid var(--gold);
+    padding: 0.35rem 0.9rem;
+    cursor: pointer;
+    border-radius: 3px;
+    transition: all 0.2s;
+    white-space: nowrap;
+  }
+  .nav-mode-btn:hover {
+    background: rgba(201,162,39,0.2);
+    color: var(--gold-light);
+  }
+  body.gm-mode .nav-mode-btn {
+    border-color: #80c0ff;
+    color: #80c0ff;
+    background: rgba(128,192,255,0.08);
+  }
+  body.gm-mode .nav-mode-btn:hover {
+    background: rgba(128,192,255,0.2);
+    color: #b0d8ff;
+  }
+
+  /* Tab-Sichtbarkeit je nach Modus */
+  body:not(.gm-mode) .nav-tab.gm-tab { display: none; }
+  body.gm-mode .nav-tab.player-tab { display: none; }
+
+  /* Dezenter GM-Hinweis-Streifen */
+  .gm-banner {
+    display: none;
+    background: linear-gradient(90deg, #0a1428, #16243f, #0a1428);
+    border-bottom: 1px solid #80c0ff;
+    color: #80c0ff;
+    font-family: 'Cinzel', serif;
+    font-size: 0.7rem;
+    letter-spacing: 0.2em;
+    text-transform: uppercase;
+    text-align: center;
+    padding: 0.35rem;
+  }
+  body.gm-mode .gm-banner { display: block; }
+
   /* ── RESPONSIVE ──────────────────────────────  */
   @media (max-width: 600px) {
     .cover-title { font-size: 1.8rem; }
@@ -872,12 +924,13 @@
 <div id="cover">
   <div class="stars" id="stars"></div>
   <div class="cover-emblem">⚔️</div>
-  <div class="cover-subtitle">Ein Junggesellenabschied der Legenden</div>
+  <div class="cover-subtitle">Im Jahre Schnee · Ein JGA für Wendl</div>
   <div class="cover-title">Der letzte<br>Auftrag</div>
   <div class="cover-divider"></div>
   <div class="cover-desc">
-    Eine Heldengeschichte, Trinkspiele & tabletop Quests –<br>
-    für den tapfersten Krieger, der je eine Braut zu retten wagte.
+    Iris wurde vom Erpresser entführt. Wendl muss Quests bestehen,<br>
+    Stärke sammeln, im Tabletop-Kampf siegen und im Werwolf-Finale<br>
+    den Komplizen entlarven – um seine Braut zu befreien.
   </div>
   <button class="btn-primary" onclick="startApp()">📜 Abenteuer beginnen</button>
 </div>
@@ -887,105 +940,171 @@
   <nav class="top-nav">
     <span class="nav-title">⚔ Der letzte Auftrag</span>
     <div class="nav-tabs">
-      <button class="nav-tab active" onclick="showTab('intro')">Intro</button>
-      <button class="nav-tab" onclick="showTab('quests')">Quests</button>
-      <button class="nav-tab" onclick="showTab('tabletop')">Tabletop</button>
-      <button class="nav-tab" onclick="showTab('tracker')">Tracker</button>
-      <button class="nav-tab" onclick="showTab('spieler')">Spieler</button>
-      <button class="nav-tab" onclick="showTab('ablauf')">Ablauf</button>
+      <!-- Spieler-Tabs (für alle) -->
+      <button class="nav-tab player-tab active" data-tab="willkommen" onclick="showTab('willkommen', this)">Willkommen</button>
+      <button class="nav-tab player-tab" data-tab="ablauf-spieler" onclick="showTab('ablauf-spieler', this)">Ablauf</button>
+      <!-- Spielleiter-Tabs (passwortgeschützt) -->
+      <button class="nav-tab gm-tab" data-tab="intro" onclick="showTab('intro', this)">Intro</button>
+      <button class="nav-tab gm-tab" data-tab="quests" onclick="showTab('quests', this)">Quests</button>
+      <button class="nav-tab gm-tab" data-tab="tabletop" onclick="showTab('tabletop', this)">Tabletop</button>
+      <button class="nav-tab gm-tab" data-tab="werwolf" onclick="showTab('werwolf', this)">Werwolf</button>
+      <button class="nav-tab gm-tab" data-tab="tracker" onclick="showTab('tracker', this)">Tracker</button>
+      <button class="nav-tab gm-tab" data-tab="spieler" onclick="showTab('spieler', this)">Spieler</button>
+      <button class="nav-tab gm-tab" data-tab="ablauf" onclick="showTab('ablauf', this)">Ablauf (SL)</button>
     </div>
+    <button class="nav-mode-btn" id="modeBtn" onclick="toggleMode()">🔒 Spielleiter</button>
   </nav>
+  <div class="gm-banner">🔮 Spielleiter-Modus · Spoiler sichtbar</div>
 
   <div class="page-wrap">
 
-    <!-- ═══ INTRO ═══ -->
-    <div id="tab-intro" class="tab-content active">
+    <!-- ═══ WILLKOMMEN (Spieler) ═══ -->
+    <div id="tab-willkommen" class="tab-content active">
       <div class="parchment">
-        <div class="section-title">Das Abenteuer</div>
-        <div class="section-subtitle">Für Spielleiter & Organisatoren</div>
+        <div class="section-title">Willkommen in der Taverne</div>
+        <div class="section-subtitle">„Im Jahre Schnee" · Ein JGA für Wendl</div>
         <div class="ornament">✦ ✦ ✦</div>
 
         <div class="flavor-text">
-          „Höre mich an, tapferer Held. Deine zukünftige Gemahlin wurde von den mächtigen Hütern ihrer Habseligkeiten gefangen gehalten. Acht Gegenstände von unschätzbarem Wert trägt sie bei sich – oder vielmehr: tragen sie ANDERE für sie. Nur wer alle acht erbeuten kann, verdient es, sie zum Traualtar zu führen."
+          „Tretet ein, Freunde! Heute feiern wir Wendl – doch dunkle Kunde erreicht uns: Seine Iris ist verschwunden. Nur gemeinsam, mit Mut, List und manchem Krug, holen wir sie zurück."
         </div>
 
-        <p>Das Konzept ist simpel: <strong>Der Bräutigam ist der Held.</strong> Jeder Gast (oder eine Gruppe) hütet ein Besitztum der Braut. Durch Quests und Aufgaben erkämpft er sich die Gegenstände – oder trinkt bei Misserfolg.</p>
+        <p>Heute verwandelt sich alles in eine mittelalterliche Taverne. <strong>Wendl</strong> ist der Held des Tages – und ihr alle seid das Tavernenvolk, das ihm zur Seite steht.</p>
+
+        <p><strong>Worum geht's?</strong> Iris wurde entführt. Über den Tag verteilt warten Prüfungen, Spiele und Aufgaben auf Wendl. Helft mit, feuert an, spielt mit – und gemeinsam bringen wir den Tag zu einem würdigen Finale.</p>
 
         <div class="rules-box">
-          <div class="rules-title">Grundregeln</div>
+          <div class="rules-title">Grundinfos für alle</div>
           <ul class="rules-list">
-            <li>Der Held löst Aufgaben bei den verschiedenen Gästen (= Hüter).</li>
-            <li>Erfolg → Hüter übergibt seinen Gegenstand (oder einen Hinweis-Zettel).</li>
-            <li>Misserfolg → Der Held trinkt. Der Gegenstand bleibt beim Hüter.</li>
-            <li>Er kann es später nochmal versuchen – mit erhöhtem Schwierigkeitsgrad.</li>
-            <li>Hat er am Ende ALLE 8 Gegenstände, darf er die Braut symbolisch freikaufen.</li>
-            <li>Fehlt noch etwas? Er trinkt für jeden fehlenden Gegenstand nochmal.</li>
-            <li>Einsteiger-Quests brauchen keine Vorkenntnisse. Der Tabletop-Block ist optional für RPG-Enthusiasten.</li>
-          </ul>
-        </div>
-
-        <div class="rules-box">
-          <div class="rules-title">Was braucht ihr?</div>
-          <ul class="rules-list">
-            <li>8 physische Gegenstände (Fotos, kleine Dinge oder Zettel mit Clue-Beschreibungen)</li>
-            <li>Diese App / Ausgedrucktes für den Spielleiter</li>
-            <li>Getränke in ausreichender Menge 🍺</li>
-            <li>Gute Laune & keine Scham</li>
-            <li>Für den Tabletop-Block: W6, W10 oder diese App als Würfel</li>
+            <li><strong>Rolle:</strong> Wir bleiben den ganzen Tag „in der Taverne" – theatralisch, albern, mit vollem Einsatz.</li>
+            <li><strong>Mitmachen:</strong> Jeder hat seinen Moment. Wer eine Aufgabe hütet, wird vorher kurz gebrieft.</li>
+            <li><strong>Spaßwährung:</strong> Gold (Dukaten) gibt's für gute Stimmung – auszugeben beim Wirt.</li>
+            <li><strong>Wichtigste Regel:</strong> Stimmung vor Regeln. Alles für Wendl!</li>
           </ul>
         </div>
 
         <div class="ornament">✦ ✦ ✦</div>
-        <p style="text-align:center; font-style:italic; color: #5a3a10;">Der Held weiß am Anfang NUR, dass er Quests lösen muss.<br>Die Hüter kennen ihre Aufgabe, er nicht.</p>
+        <p style="text-align:center; font-style:italic; color:#5a3a10;">Den groben Tagesablauf findest du im Reiter „Ablauf".</p>
       </div>
+    </div>
 
+    <!-- ═══ ABLAUF (Spieler) ═══ -->
+    <div id="tab-ablauf-spieler" class="tab-content">
       <div class="parchment">
-        <div class="section-title">Die 8 Besitztümer</div>
-        <div class="section-subtitle">Für die Braut vorbereiten</div>
-        <p>Bereite diese 8 Gegenstände (oder Zettel mit ihrer Beschreibung) vor. Die Hüter bekommen sie vorab zugewiesen:</p>
-        <div class="inventory-grid">
-          <div class="item-slot" id="inv-0" onclick="toggleItem(0)">
-            <span class="item-emoji">💍</span>
-            <span class="item-name">Der Ring der Verbindung</span>
-            <span class="item-check">✦</span>
+        <div class="section-title">Ablauf des Tages</div>
+        <div class="section-subtitle">Grober Fahrplan – der Takt bleibt locker</div>
+
+        <div class="timeline">
+          <div class="timeline-item">
+            <div class="timeline-time">~12:00</div>
+            <div class="timeline-event">Aufbau & Ankommen</div>
+            <div class="timeline-note">Taverne herrichten, einrichten, erstes Anstoßen.</div>
           </div>
-          <div class="item-slot" id="inv-1" onclick="toggleItem(1)">
-            <span class="item-emoji">👠</span>
-            <span class="item-name">Der Schuh der Flucht</span>
-            <span class="item-check">✦</span>
+          <div class="timeline-item">
+            <div class="timeline-time">~14:00</div>
+            <div class="timeline-event">Ankunft Wendl & Auftakt 🕊️</div>
+            <div class="timeline-note">Der Wirt begrüßt – dann erreicht die böse Nachricht die Taverne. Das Abenteuer beginnt.</div>
           </div>
-          <div class="item-slot" id="inv-2" onclick="toggleItem(2)">
-            <span class="item-emoji">💌</span>
-            <span class="item-name">Der Brief des ersten Dates</span>
-            <span class="item-check">✦</span>
+          <div class="timeline-item">
+            <div class="timeline-time">Nachmittag</div>
+            <div class="timeline-event">Prüfungen & Spiele</div>
+            <div class="timeline-note">Wendl stellt sich Aufgaben rund um die Taverne. Alle helfen mit und feuern an.</div>
           </div>
-          <div class="item-slot" id="inv-3" onclick="toggleItem(3)">
-            <span class="item-emoji">🌹</span>
-            <span class="item-name">Die Blume der Ewigkeit</span>
-            <span class="item-check">✦</span>
+          <div class="timeline-item">
+            <div class="timeline-time">~21:00</div>
+            <div class="timeline-event">Grillpause 🔥</div>
+            <div class="timeline-note">Essen, durchatmen, Kräfte sammeln.</div>
           </div>
-          <div class="item-slot" id="inv-4" onclick="toggleItem(4)">
-            <span class="item-emoji">🔑</span>
-            <span class="item-name">Der Schlüssel zur Zukunft</span>
-            <span class="item-check">✦</span>
+          <div class="timeline-item">
+            <div class="timeline-time">Abend</div>
+            <div class="timeline-event">Die große Herausforderung ⚔</div>
+            <div class="timeline-note">Es wird ernst – Wendl braucht die ganze Taverne hinter sich.</div>
           </div>
-          <div class="item-slot" id="inv-5" onclick="toggleItem(5)">
-            <span class="item-emoji">📸</span>
-            <span class="item-name">Das Foto der gemeinsamen Zeit</span>
-            <span class="item-check">✦</span>
-          </div>
-          <div class="item-slot" id="inv-6" onclick="toggleItem(6)">
-            <span class="item-emoji">🧸</span>
-            <span class="item-name">Das Maskottchen des Heils</span>
-            <span class="item-check">✦</span>
-          </div>
-          <div class="item-slot" id="inv-7" onclick="toggleItem(7)">
-            <span class="item-emoji">🏆</span>
-            <span class="item-name">Die Urkunde der Heldentaten</span>
-            <span class="item-check">✦</span>
+          <div class="timeline-item">
+            <div class="timeline-time">Mitternacht</div>
+            <div class="timeline-event">Das große Finale 🏆</div>
+            <div class="timeline-note">Wie der Tag endet? Lasst euch überraschen.</div>
           </div>
         </div>
 
+        <div class="ornament">✦ ✦ ✦</div>
+        <p style="text-align:center; font-style:italic; color:#5a3a10;">Zeiten sind Richtwerte – die Stimmung gibt den Takt vor.</p>
+      </div>
+    </div>
+
+    <!-- ═══ INTRO ═══ -->
+    <div id="tab-intro" class="tab-content">
+      <div class="parchment">
+        <div class="section-title">Das Abenteuer</div>
+        <div class="section-subtitle">GM-Überblick · „Im Jahre Schnee"</div>
+        <div class="ornament">✦ ✦ ✦</div>
+
+        <div class="flavor-text">
+          „Höre mich an, Wendl. Deine Iris wurde vom Erpresser entführt. Beweise deine Stärke in den Prüfungen der Taverne, schlage den Schurken im Kampf – und entlarve den Komplizen, der unter uns weilt. Erst dann kehrt Iris zu dir zurück."
+        </div>
+
+        <p><strong>Der Bogen des Tages:</strong> Iris ist entführt → Wendl besteht Quests und sammelt <strong>6 Würfel</strong> → ab 6 Würfeln öffnet sich der <strong>Tabletop-Kampf</strong> gegen den Erpresser → sein Sterbemonolog verrät, dass ein Verräter unter ihnen ist (<em>ohne Namen!</em>) → das <strong>Werwolf-Finale</strong> entlarvt den <strong>Höschenhändler</strong> → Iris wird befreit.</p>
+
+        <div class="rules-box">
+          <div class="rules-title">Die vier Ressourcen</div>
+          <ul class="rules-list">
+            <li><strong>🎲 Würfel</strong> (Mut/Stärke) – 1 pro abgeschlossenem Quest. Ab <strong>6 Würfeln</strong> ist der Kampf offen. Einziger Pflichtpfad.</li>
+            <li><strong>🃏 Hinweis-Karten</strong> – Futter fürs Werwolf-Finale, führen schrittweise zum Höschenhändler.</li>
+            <li><strong>👕 Kleidungsstücke</strong> (Iris' Sachen) – roter Faden & Finale-Reveal.</li>
+            <li><strong>🪙 Gold</strong> (Dukaten) – Spaßwährung, gatet nichts Kritisches. Sink: Höschenhändler (10 Gold → „Iris-Bluse"), Barkeeper, Lukis Esel.</li>
+          </ul>
+        </div>
+
+        <div class="rules-box">
+          <div class="rules-title">Der Taktgeber – damit Wendl nie ratlos rumsteht</div>
+          <ul class="rules-list">
+            <li><strong>Wahrsager (Sebastian):</strong> Zur vollen Stunde genau ein Tipp, was als Nächstes dran ist. Im Finale = Spielleiter.</li>
+            <li><strong>Barkeeper (Alex):</strong> Dauer-Anlaufstelle für Gerüchte, Getränke und immer einen Faden.</li>
+            <li><strong>Failsafe:</strong> Steht Wendl orientierungslos rum, schiebt Wahrsager oder Barkeeper aktiv an.</li>
+          </ul>
+        </div>
+
+        <div class="ornament">✦ ✦ ✦</div>
+        <p style="text-align:center; font-style:italic; color: #5a3a10;">Die „Iris-Bluse" vom Höschenhändler ist eine <strong>Fälschung</strong> –<br>genau das überführt den Komplizen am Ende.</p>
+      </div>
+
+      <div class="parchment">
+        <div class="section-title">Die 6 Würfel der Stärke</div>
+        <div class="section-subtitle">Fortschritt zur Kampf-Freischaltung</div>
+        <p>Jeder abgeschlossene Quest gibt Wendl <strong>einen Würfel</strong>. Sind alle sechs gesammelt, öffnet sich der Tabletop-Kampf gegen den Erpresser. Tippe an, um den Fortschritt zu markieren:</p>
+        <div class="inventory-grid">
+          <div class="item-slot" id="inv-0" onclick="toggleItem(0)">
+            <span class="item-emoji">🎲</span>
+            <span class="item-name">1. Würfel</span>
+            <span class="item-check">✦</span>
+          </div>
+          <div class="item-slot" id="inv-1" onclick="toggleItem(1)">
+            <span class="item-emoji">🎲</span>
+            <span class="item-name">2. Würfel</span>
+            <span class="item-check">✦</span>
+          </div>
+          <div class="item-slot" id="inv-2" onclick="toggleItem(2)">
+            <span class="item-emoji">🎲</span>
+            <span class="item-name">3. Würfel</span>
+            <span class="item-check">✦</span>
+          </div>
+          <div class="item-slot" id="inv-3" onclick="toggleItem(3)">
+            <span class="item-emoji">🎲</span>
+            <span class="item-name">4. Würfel</span>
+            <span class="item-check">✦</span>
+          </div>
+          <div class="item-slot" id="inv-4" onclick="toggleItem(4)">
+            <span class="item-emoji">🎲</span>
+            <span class="item-name">5. Würfel</span>
+            <span class="item-check">✦</span>
+          </div>
+          <div class="item-slot" id="inv-5" onclick="toggleItem(5)">
+            <span class="item-emoji">🎲</span>
+            <span class="item-name">6. Würfel ⚔ Freischaltung</span>
+            <span class="item-check">✦</span>
+          </div>
+        </div>
+        <p style="text-align:center; font-style:italic; color:#5a3a10; margin-top:1rem;">Hinweis-Karten, Kleidungsstücke & Gold trägst du am besten auf den Notizen im Tracker mit.</p>
       </div>
     </div>
 
@@ -993,15 +1112,15 @@
     <div id="tab-quests" class="tab-content">
       <div class="parchment">
         <div class="section-title">Die Quests</div>
-        <div class="section-subtitle">Aufgaben der Hüter — Klicken zum Aufklappen</div>
+        <div class="section-subtitle">Aufgaben der NPCs — Klicken zum Aufklappen</div>
 
         <div class="rules-box">
           <div class="rules-title">Farbcode</div>
           <ul class="rules-list" style="columns:2; gap:1rem;">
-            <li><span class="quest-badge badge-easy">EINSTEIGER</span> Keine Vorkenntnisse</li>
-            <li><span class="quest-badge badge-medium">MITTEL</span> Etwas Geschick</li>
-            <li><span class="quest-badge badge-hard">HERAUSFORDERUNG</span> Echte Prüfung</li>
-            <li><span class="quest-badge badge-tabletop">TABLETOP</span> RPG-Erfahrene</li>
+            <li><span class="quest-badge badge-easy">AKT 1</span> Leichte Prüfungen</li>
+            <li><span class="quest-badge badge-medium">AKT 2</span> Fleischigere Quests</li>
+            <li><span class="quest-badge badge-hard">KERN</span> Pflicht für die Story</li>
+            <li><span class="quest-badge badge-tabletop">HINWEIS</span> Futter fürs Finale</li>
           </ul>
         </div>
 
@@ -1014,74 +1133,83 @@
     <!-- ═══ TABLETOP ═══ -->
     <div id="tab-tabletop" class="tab-content">
       <div class="parchment">
-        <div class="section-title">Tabletop-Block</div>
-        <div class="section-subtitle">Für erfahrene Rollenspieler · W6/W10-System</div>
+        <div class="section-title">Tabletop-Kampf: Wendl vs. Der Erpresser</div>
+        <div class="section-subtitle">Freischaltung ab 6 Würfeln · W6-System · ~35 Min</div>
 
         <div class="flavor-text">
-          Dieser Block ist für den Moment gedacht, wenn die erfahrenen Rollenspieler in der Runde zusammenkommen. Eine kurze Kampf- und Entscheidungsszene, vollständig vorbereitet. Dauer: ca. 30–60 Minuten.
+          Wendl hat seine 6 Würfel gesammelt – der Erpresser kann sich nicht länger verstecken. Kurz, laut, theatralisch: ein punchiger Kampf, kein zähes Ringen. Der GM spricht für den Erpresser und hamt es richtig auf.
         </div>
 
         <div class="encounter-box">
-          <div class="encounter-title">🐉 Szene I – Der Wächter des Tores</div>
+          <div class="encounter-title">👹 Der Erpresser – „Der Namenlose"</div>
           <div class="flavor-text">
-            „Der Held steht vor dem letzten Tor zur Festung der Braut. Der Wächter – ein alter Vertrauter – versperrt den Weg. Er verlangt den Beweis, dass der Held seiner Gemahlin würdig ist."
+            Kein Spieler. Der GM spricht für ihn: monologisiert fies, reagiert auf Treffer, stirbt theatralisch.
           </div>
-          <p>Der Wächter stellt <strong>3 Fragen</strong> – echte Fragen über die Beziehung (Spielleiter vorbereiten!). Für jede richtige Antwort: kein Würfelwurf nötig. Für jede falsche: Würfelduell.</p>
           <div class="stat-block">
             <div class="stat-item">
-              <div class="stat-val">W10</div>
-              <div class="stat-name">System</div>
+              <div class="stat-val">20</div>
+              <div class="stat-name">Lebenspunkte</div>
             </div>
             <div class="stat-item">
-              <div class="stat-val">7+</div>
-              <div class="stat-name">Erfolg</div>
+              <div class="stat-val">W6</div>
+              <div class="stat-name">4+ = 1 Treffer</div>
             </div>
             <div class="stat-item">
-              <div class="stat-val">3</div>
-              <div class="stat-name">Fragen</div>
+              <div class="stat-val">2</div>
+              <div class="stat-name">Phasen</div>
             </div>
           </div>
-          <p style="font-size:0.9rem;"><strong>Beispielfragen:</strong> Wann hatten sie ihr erstes Date? Was ist ihr Lieblingsessen? Was war ihr erster gemeinsamer Urlaub?</p>
+          <p style="font-size:0.9rem;"><strong>Widerstand:</strong> Treffer unter 4 prallen ab. <strong>Phasen-Schwelle:</strong> Sinkt er auf ≤10 LP, dreht er durch – Phase-2-Fähigkeiten C & D werden frei: <em>„Er streckt sich zu voller Größe auf – jetzt kämpft er wie ein verwundetes Tier!"</em></p>
         </div>
 
         <div class="encounter-box">
-          <div class="encounter-title">⚔ Szene II – Die Prüfung des Mutes</div>
-          <div class="flavor-text">
-            „Der Rat der Weisen (= die erfahrenen Rollenspieler) sitzt im Kreis. Jeder hat eine Herausforderung für den Held: einen Skill-Check, eine moralische Entscheidung oder eine Improvisation."
-          </div>
-          <p>Jeder RPG-erfahrene Spieler ist ein <strong>Ratsmitglied</strong> und beschreibt eine kurze Szene. Der Held muss reagieren (Roleplay + Würfelwurf). Das Ratsmitglied entscheidet, ob der Wurf ausreicht.</p>
+          <div class="encounter-title">📜 Boss-Fähigkeiten</div>
           <div class="rules-box" style="background: rgba(201,162,39,0.05); border-color: #4a2800;">
-            <div class="rules-title" style="color: var(--gold);">Beispiel-Szenen für Ratsmitglieder</div>
             <ul class="rules-list">
-              <li>„Du stehst vor einem Drachen, der dich nach ihrem schlimmsten Eigenschaft fragt. Antworte weise." (Charisma-Check)</li>
-              <li>„Ein alter Rivale erscheint. Er behauptet, ihr erster Kuss war mit ihm." (Einschüchterungs-Check)</li>
-              <li>„Du musst in 30 Sekunden 3 Dinge nennen, die du an ihr liebst – ohne zu stocken." (Wisdom-Check)</li>
-              <li>„Der Magier bietet dir: ENTWEDER ihre Schuhe ODER ein ewiges Leben ohne sie. Was wählst du?" (Roleplay – kein Würfelwurf)</li>
+              <li><strong>A · Erpresserschreiben</strong> (1× pro Phase): GM liest einen Brief vor; ein genannter Spieler setzt aus – oder trinkt und bleibt dabei.</li>
+              <li><strong>B · Geiseldrohung</strong> (1×, Phase 1): zeigt Iris' Kleidungsstück. Wendl würfelt W6, 4+; misslingt → ganze Gruppe trifft diese Runde ins Leere.</li>
+              <li><strong>C · Blendgranate</strong> (1×, Phase 2): Mehl-Tüte auf den Tisch. Alle Augen zu, bis 3 zählen – GM würfelt verdeckt, bei 5+ heilt der Boss 3 LP.</li>
+              <li><strong>D · Zweikampf-Forderung</strong> (1×, nur Phase 2): Duell best of 3 (W6). Wendl gewinnt 2/3 → 5 Sofortschaden; Boss gewinnt 2/3 → Wendl geht zu Boden.</li>
             </ul>
           </div>
         </div>
 
         <div class="encounter-box">
-          <div class="encounter-title">🎲 Szene III – Der finale Würfelkampf</div>
+          <div class="encounter-title">⚔ Helfer-Aktionen <span style="font-size:0.75rem;opacity:0.7;">(je 1× pro Kampf)</span></div>
+          <div class="rules-box" style="background: rgba(201,162,39,0.05); border-color: #4a2800;">
+            <ul class="rules-list">
+              <li><strong>Jaron – Schwerer Hieb:</strong> würfelt 2 W6 statt 1 (je 4+ = 1 Treffer).</li>
+              <li><strong>Heindl – Arkaner Eingriff:</strong> erzwingt eine 6 bei Wendl ODER hebt eine Boss-Fähigkeit auf.</li>
+              <li><strong>Dom – Notsalbe:</strong> Wendl steht nach „zu Boden" sofort auf und greift noch an. Alt.: +1 Extra-Würfel.</li>
+              <li><strong>Markus – Kampflied:</strong> spielt 30 Sek. live → diese Runde trifft die Gruppe schon ab 3+.</li>
+              <li><strong>Christoph – Schauder-Blick:</strong> starrt den Boss an → er überspringt seine nächste Fähigkeit.</li>
+              <li><strong>Stammtisch (Basti, Joe, Paul) – Schlachtruf:</strong> gemeinsamer Wurf, 4+ = 3 Schaden auf einmal.</li>
+            </ul>
+          </div>
+          <p style="font-size:0.9rem;"><strong>Tavernenvolk:</strong> feuert an; geht Wendl zu Boden und ALLE rufen seinen Namen → +1 Freiwürfel nächste Runde (einmalig).</p>
+        </div>
+
+        <div class="encounter-box">
+          <div class="encounter-title">🎲 Wendls 6 Sonderangriffe <span style="font-size:0.75rem;opacity:0.7;">(je 1 Würfel)</span></div>
+          <div class="rules-box" style="background: rgba(201,162,39,0.05); border-color: #4a2800;">
+            <ul class="rules-list">
+              <li><strong>1 · „Für Iris!"</strong> – 3 W6 gleichzeitig, alle Treffer zählen (bis 3 Schaden).</li>
+              <li><strong>2 · „Kein Schnapsen mehr!"</strong> – 1 W6: Erfolg = 2 Schaden, sonst 1. Kann nie ganz scheitern.</li>
+              <li><strong>3 · „Der Bräutigam schlägt zurück"</strong> – wiederholt einen missratenen Würfel (≤3).</li>
+              <li><strong>4 · „Freunde!" – Massenangriff</strong> – alle werfen Münze/Daumen, jeder 3. Treffer = 1 Schaden.</li>
+              <li><strong>5 · „Iris wartet" – Fokusmoment</strong> – ein Satz über Iris, kein Wurf: automatisch 3 Schaden.</li>
+              <li><strong>6 · „Finaler Schlag"</strong> – nur bei ≤3 LP: Riesen-W6, egal was kommt – der Erpresser ist tot.</li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="encounter-box">
+          <div class="encounter-title">🏁 Sieg & Übergang</div>
+          <p>Erpresser auf 0 LP → <strong>Sterbemonolog</strong> (GM):</p>
           <div class="flavor-text">
-            „Ein letztes Tor. Dahinter wartet der Wächter der Wächter – der härteste Gegner des Abends. Er fordert den Held zum entscheidenden Duell."
+            „Ihr… habt gewonnen. Aber wisst ihr, was das kostet? Iris ist frei. Doch ich war nicht allein… Jemand hier… hat euch verraten. Und schmutzige Hände… färben ab. Sucht den Fleck… er steht… mitten unter euch…" <em>(stirbt)</em>
           </div>
-          <p>Klassischer Würfelkampf: Beide würfeln W10. Wer höher würfelt, gewinnt die Runde. Beste 3 von 5 Runden. Bei Unentschieden: Stechershot trinkt der Verlierer.</p>
-          <div class="stat-block">
-            <div class="stat-item">
-              <div class="stat-val">W10</div>
-              <div class="stat-name">Würfel</div>
-            </div>
-            <div class="stat-item">
-              <div class="stat-val">3/5</div>
-              <div class="stat-name">Best-of</div>
-            </div>
-            <div class="stat-item">
-              <div class="stat-val">🍺</div>
-              <div class="stat-name">Einsatz</div>
-            </div>
-          </div>
-          <p style="font-size:0.9rem;">Jede verlorene Runde = ein Schluck. Wer das Duell verliert, ERZÄHLT außerdem einer Anekdote über die Braut.</p>
+          <p style="font-size:0.9rem;"><strong>Kein Name!</strong> Der Erpresser verrät nur die Spur (<em>schmutzige Hände färben ab</em>) – wer der Verräter ist, wird erst im Werwolf enttarnt. Christoph bestattet ihn (Tuch drüber). 30 Sek. später: <em>„Jemand in dieser Taverne weiß, wo Iris ist. Das Werwolf-Spiel beginnt."</em> → Karten werden <strong>aktiv ausgeteilt</strong> (SL steuert nur Drahtzieher→Marcel, Ritter→Jaron, Heiler→Dom). <strong>Notfall:</strong> Niederlage gibt es nicht – der GM riggt still (LP anpassen, Bonus-Würfel).</p>
         </div>
 
         <div class="dice-roller">
@@ -1093,6 +1221,131 @@
       </div>
     </div>
 
+    <!-- ═══ WERWOLF ═══ -->
+    <div id="tab-werwolf" class="tab-content">
+      <div class="parchment">
+        <div class="section-title">Werwolf-Finale: Die Jagd auf den Verräter</div>
+        <div class="section-subtitle">Mitternacht, zum Gulasch · gerigged · 2–3 Nächte · ~20–30 Min</div>
+
+        <div class="flavor-text">
+          Klassisches Werwolf – am Ende <strong>gerigged</strong>, unterwegs ein echtes Rätsel. Fix ist nur: <strong>Marcel (der Höschenhändler) wird als Drahtzieher enttarnt.</strong> Der laute <strong>Scherge</strong> lenkt zuerst ab – wer ihn lyncht, hat Iris noch lange nicht.
+        </div>
+
+        <div class="encounter-box">
+          <div class="encounter-title">🧩 Warum es nicht zu leicht ist</div>
+          <div class="rules-box">
+            <ul class="rules-list">
+              <li><strong>Zwei Schuldige, nur einer führt zu Iris:</strong> Der grobe Scherge wird zuerst gelyncht – aber Iris bleibt weg. Erst der <em>stille</em> Drahtzieher zählt.</li>
+              <li><strong>Hände-Clue kommt spät:</strong> Bis zur letzten Nacht sind die Visionen metaphorisch &amp; mehrdeutig – vorher echte Diskussion.</li>
+              <li><strong>Falsche Fährten:</strong> 1–2 Unschuldige mit „schuldig wirkendem" Geheimnis bringen die Runde auf die falsche Spur.</li>
+              <li><strong>Mehr Tote = mehr Druck:</strong> Zwei Wölfe töten, der Ritter kann an Stelle eines anderen fallen – die Reihen lichten sich, Urteile werden hastig.</li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="encounter-box">
+          <div class="encounter-title">✋ Der zentrale Trick: Das Mal an den Händen</div>
+          <p>Der Erpresser nennt im Sterben <strong>keinen Namen</strong> – nur die Spur: <em>„schmutzige Hände färben ab."</em></p>
+          <div class="rules-box">
+            <ul class="rules-list">
+              <li><strong>Vorbereitung:</strong> <strong>Nur Marcel</strong> bekommt heimlich ein abfärbendes Mal auf die Handinnenfläche (Rote-Bete-Saft, abwaschbarer Stempel, Kohle oder rotbrauner Filzstift).</li>
+              <li><strong>Tarnung:</strong> Er hat tagsüber die „Iris-Bluse" verkauft – die Farbe der Fälschung „hat abgefärbt". Narrativ wasserdicht.</li>
+              <li><strong>Der Scherge hat saubere Hände</strong> – der Beweis, dass er nur Handlanger war und der Drahtzieher noch lebt.</li>
+              <li><strong>Reveal (erst letzte Nacht!):</strong> alle zeigen die Handflächen – nur Marcels sind gezeichnet → Überführung.</li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="encounter-box">
+          <div class="encounter-title">🃏 Rollen &amp; Karten</div>
+          <div class="rules-box">
+            <ul class="rules-list">
+              <li><strong>Spielleiter / Wahrsager – Sebastian:</strong> moderiert, narriert die Nächte, lenkt mit „Visionen".</li>
+              <li><strong>Drahtzieher – Marcel</strong> (fix): trägt das Mal, tötet nachts mit, hält sich raus. Finale Enthüllung.</li>
+              <li><strong>Scherge – 2. Werwolf</strong> (<strong>zufällig ausgeteilt</strong> – selbst der SL weiß erst nachts, wer es ist): tötet mit; die Karte weist ihn an, laut &amp; verdächtig zu spielen. Saubere Hände.</li>
+              <li><strong>Ritter / Leibwächter – Jaron:</strong> schützt jede Nacht einen; greifen die Wölfe seinen Schützling an, <strong>stirbt Jaron an dessen Stelle</strong>. Nicht sich selbst.</li>
+              <li><strong>Heiler – Dom:</strong> darf 1× ein Nachtopfer zurückholen.</li>
+              <li><strong>Falsche Fährte (1–2):</strong> unschuldige Gäste mit verdächtigem Geheimnis (Gold geklaut / nachts beim Händler) – lenken ab.</li>
+              <li><strong>Wendl &amp; Dorfbewohner:</strong> diskutieren, verdächtigen, johlen, stimmen ab – Wendl hebt am Ende den Zeigefinger.</li>
+            </ul>
+          </div>
+          <p style="font-size:0.9rem;"><strong>Optional:</strong> Seher-Rolle an einen gebrieften Spieler abgeben, der nachts „prüft". Sebastian bleibt dann reiner Moderator.</p>
+        </div>
+
+        <div class="encounter-box">
+          <div class="encounter-title">🎴 Kartenvergabe – aktiv ausgeteilt</div>
+          <p>Die Karten werden <strong>vor aller Augen aktiv ausgeteilt</strong> – so sitzt jeder mit verdeckter Karte da und <strong>rätselt mit</strong>.</p>
+          <div class="rules-box">
+            <ul class="rules-list">
+              <li>Der <strong>Spielleiter</strong> steuert unauffällig nur <strong>drei</strong> Karten: <strong>Drahtzieher → Marcel</strong>, <strong>Ritter → Jaron</strong>, <strong>Heiler → Dom</strong>.</li>
+              <li>Alle übrigen Karten (<strong>Scherge, 1–2 falsche Fährten, Rest Dorf</strong>) gehen <strong>zufällig</strong> an den Tisch.</li>
+              <li><strong>Folge:</strong> Selbst der SL weiß nicht, wer der <strong>Scherge</strong> wird – das zeigt sich erst nachts. Echtes Mitraten für alle.</li>
+              <li><strong>Methode:</strong> identische Rückseiten; mit dem verdeckten Stapel die Runde abgehen, den drei Schlüsselpersonen die vorbereitete Karte zustecken, Rest der Reihe nach.</li>
+              <li><strong>Tipp:</strong> Wendl unauffällig eine Dorfbewohner-Karte zuspielen – der Bräutigam bleibt der Jäger.</li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="encounter-box">
+          <div class="encounter-title">🔍 Die Beweislage (über den Tag gesammelt)</div>
+          <p>Alle echten Hinweise zeigen auf einen <em>Händler-Typ</em> – und der Scherge ist <strong>kein</strong> Händler. Lege sie als Wendls „Akte" in die Tischmitte:</p>
+          <div class="rules-box">
+            <ul class="rules-list">
+              <li><strong>Die falsche Bluse</strong> (Quest ⑥) – Fälschung mit Flecken, die Farbe färbt ab.</li>
+              <li><strong>Der Pub-Quiz-Satz</strong> (⑤) – z. B. „Wer Falsches verkauft, trägt Flecken."</li>
+              <li><strong>Kevs Erinnerung</strong> (③) – „ein Mann mit Korb voll Wäsche".</li>
+              <li><strong>Der Morse-Zettel</strong> (⑨) – nennt das falsche Kleidungsstück.</li>
+              <li><strong>Der stumme Zeuge</strong> (⑧) – deutete „Mann mit Korb voll Wäsche".</li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="encounter-box">
+          <div class="encounter-title">🎬 Ablauf – geskriptet (2–3 Nächte)</div>
+          <div class="rules-box">
+            <ul class="rules-list">
+              <li><strong>Auftakt (2 Min):</strong> GM-Frame „…Jemand lügt. Das Werwolf-Spiel beginnt." → Karten <strong>aktiv austeilen</strong> (3 gesteuert, Rest zufällig), Regelansage (45 Sek): <em>wer verbannt wird, deckt sofort auf</em>.</li>
+              <li><strong>🌙 Nacht 1:</strong> Beide Wölfe wählen ein Opfer (<em>nie Wendl/Schlüsselrolle</em>). Ritter wirft sich ggf. dazwischen, Heiler darf retten. Vision noch vage.</li>
+              <li><strong>Morgen 1:</strong> Opfer „zum Schweigen gebracht" (Tortilla-Gag). Vage Vision: <em>„Zwei sind es – eine Hand tat Drecksarbeit, eine lenkte im Schatten."</em> Diskussion + Abstimmung → Richtung <strong>Scherge</strong> lenken.</li>
+              <li><strong>Scherge fällt:</strong> <strong>Karte sofort aufdecken</strong> – als Werwolf entlarvt. Geht laut unter (<em>„Wo das Mädchen ist, weiß nur EINER von euch noch!"</em>). GM: <em>„Iris ist immer noch weg – das war nicht der Kopf."</em> Stakes hoch.</li>
+              <li><strong>🌙 Nacht 2:</strong> Marcel tötet (allein, falls Scherge raus) → weiteres Opfer. Vision wird wärmer: <em>„Der Drahtzieher trägt ein Mal an den Händen…"</em></li>
+              <li><strong>🌙 Nacht 3 / Reveal:</strong> Klare Vision: <em>„Zeigt alle eure Hände!"</em> → nur Marcels sind gezeichnet → <strong>Wendl</strong> zeigt → einstimmige Verbannung.</li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="encounter-box">
+          <div class="encounter-title">🏆 Auflösung &amp; Übergang</div>
+          <p>Marcel wird unter Gejohle <strong>verbannt</strong> (raus aus der Tür) → schlüpft draußen in Iris' Kleidung → kommt als <strong>gerettete Iris</strong> zurück. Wendl bekommt <strong>Pokal + Schatzsack</strong>, die Kleidungsstücke gehen an „Iris", der Barde spielt das Finale-Lied. Foto. Prost.</p>
+        </div>
+
+        <div class="encounter-box">
+          <div class="encounter-title">🎛 Rigging-Knöpfe &amp; Failsafes</div>
+          <div class="rules-box">
+            <ul class="rules-list">
+              <li><strong>Runde verdächtigt Wendl</strong> → Wahrsager: „Nicht der, den ihr feiert."</li>
+              <li><strong>Marcel zu früh im Visier</strong> (Nacht 1) → „Erst die laute Hand – der Kopf wartet." Verdacht auf den Schergen lenken.</li>
+              <li><strong>Scherge gelyncht, Runde glaubt fertig</strong> → „Iris ist immer noch weg – das war nur der Handlanger."</li>
+              <li><strong>Diskussion stockt</strong> → Stammtisch/Barkeeper liest einen Hinweis laut vor.</li>
+              <li><strong>Zu viele Tote zu schnell</strong> → Heiler/Ritter „retten" lassen, eine Nacht fällt niemand.</li>
+              <li><strong>Runde müde / will Schluss</strong> → Nacht 3 streichen, direkt zum Hände-Reveal.</li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="rules-box">
+          <div class="rules-title">Requisiten (Werwolf-Teil)</div>
+          <ul class="rules-list">
+            <li>Werwolf-Kärtchen für alle (Drahtzieher, Scherge, Ritter, Heiler, 1–2 falsche Fährten, Dorf) – Marcels Karte schon bei ihm</li>
+            <li>Das Mal: abfärbendes Mittel + heimliche Gelegenheit, es <strong>nur Marcel</strong> aufzutragen</li>
+            <li>Geheimnis-Zettel für die falschen Fährten</li>
+            <li>Die „Akte": alle Tages-Hinweise gesammelt</li>
+            <li>Kalte Tortilla (Knebel-Gag), Iris-Kostüm draußen, Pokal + Schatzsack</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+
     <!-- ═══ TRACKER ═══ -->
     <div id="tab-tracker" class="tab-content">
       <div class="parchment">
@@ -1109,10 +1362,10 @@
             </div>
           </div>
           <div class="drink-tracker">
-            <div class="drink-count" id="questCount" style="color: var(--green);">0/8</div>
-            <div class="drink-label">Besitztümer ⚔</div>
+            <div class="drink-count" id="questCount" style="color: var(--green);">0/6</div>
+            <div class="drink-label">Würfel 🎲</div>
             <div style="margin-top:1rem; font-family: 'Cinzel', serif; font-size:0.75rem; color:#8a6520; letter-spacing:0.1em;">
-              Im Intro-Tab verwalten
+              Ab 6 → Kampf frei · im Intro-Tab verwalten
             </div>
           </div>
         </div>
@@ -1139,7 +1392,7 @@
     <div id="tab-spieler" class="tab-content">
       <div class="parchment">
         <div class="section-title">Die Gefährten</div>
-        <div class="section-subtitle">Spieler, Rollen & Hüter-Zuteilung</div>
+        <div class="section-subtitle">Spieler, Rollen & Quest-Zuteilung</div>
 
         <div class="flavor-text">
           Trage hier alle Teilnehmer des Abends ein und weise ihnen ihre Rolle zu. So behältst du den Überblick, wer welche Quest hütet.
@@ -1151,12 +1404,12 @@
           <div class="spieler-add-row" style="margin-top:0.8rem;">
             <input class="spieler-input" id="sName" placeholder="Name..." maxlength="30" onkeydown="if(event.key==='Enter')addSpieler()">
             <select class="spieler-select" id="sRolle">
-              <option value="held">⚔ Held (Bräutigam)</option>
-              <option value="spielleiter">📜 Spielleiter</option>
-              <option value="hüter" selected>🔒 Hüter</option>
-              <option value="ratsmitglied">🧙 Ratsmitglied</option>
-              <option value="einsteiger">🌱 Einsteiger</option>
-              <option value="gast">🍺 Gast</option>
+              <option value="held">⚔ Held (Wendl)</option>
+              <option value="spielleiter">🔮 Wahrsager / Spielleiter</option>
+              <option value="hüter" selected>🎭 NPC / Questgeber</option>
+              <option value="ratsmitglied">⚔ Kampf-Helfer</option>
+              <option value="einsteiger">🃏 Schlüsselrolle</option>
+              <option value="gast">🍺 Tavernenvolk</option>
             </select>
             <select class="spieler-select" id="sQuest">
               <option value="">– Quest zuweisen –</option>
@@ -1173,9 +1426,9 @@
         <!-- Zusammenfassung -->
         <div class="spieler-summary" id="spielerSummary" style="display:none;">
           <span class="summary-chip" id="sumTotal">0 Teilnehmer</span>
-          <span class="summary-chip" id="sumHüter">0 Hüter</span>
-          <span class="summary-chip" id="sumRat">0 Ratsmitglieder</span>
-          <span class="summary-chip" id="sumEinsteiger">0 Einsteiger</span>
+          <span class="summary-chip" id="sumHüter">0 NPCs</span>
+          <span class="summary-chip" id="sumRat">0 Kampf-Helfer</span>
+          <span class="summary-chip" id="sumEinsteiger">0 Schlüsselrollen</span>
         </div>
       </div>
 
@@ -1185,12 +1438,12 @@
         <div class="ornament">✦ ✦ ✦</div>
         <div class="rules-box">
           <ul class="rules-list">
-            <li><span class="spieler-rolle-badge rolle-held">⚔ HELD</span> &nbsp;Der Bräutigam – löst alle Quests.</li>
-            <li><span class="spieler-rolle-badge rolle-spielleiter">📜 SPIELLEITER</span> &nbsp;Organisator – kennt alle Aufgaben, leitet den Abend.</li>
-            <li><span class="spieler-rolle-badge rolle-hüter">🔒 HÜTER</span> &nbsp;Bewacht ein Besitztum & stellt die zugewiesene Quest.</li>
-            <li><span class="spieler-rolle-badge rolle-ratsmitglied">🧙 RATSMITGLIED</span> &nbsp;Erfahrener RPG-Spieler – nimmt am Tabletop-Block teil.</li>
-            <li><span class="spieler-rolle-badge rolle-einsteiger">🌱 EINSTEIGER</span> &nbsp;Tabletop-Neuling – bekommt einfache Quests.</li>
-            <li><span class="spieler-rolle-badge rolle-gast">🍺 GAST</span> &nbsp;Schaut zu, feuert an und trinkt mit.</li>
+            <li><span class="spieler-rolle-badge rolle-held">⚔ HELD</span> &nbsp;Wendl – besteht alle Quests und führt den Kampf.</li>
+            <li><span class="spieler-rolle-badge rolle-spielleiter">🔮 WAHRSAGER</span> &nbsp;Sebastian – Spielleiter/GM, gibt zur vollen Stunde den nächsten Tipp.</li>
+            <li><span class="spieler-rolle-badge rolle-hüter">🎭 NPC</span> &nbsp;Questgeber wie Barkeeper Alex, Heindl, Janosch & Kajetan, Luki …</li>
+            <li><span class="spieler-rolle-badge rolle-ratsmitglied">⚔ KAMPF-HELFER</span> &nbsp;Jaron, Heindl, Dom, Markus, Christoph, Stammtisch – Sonder-Aktionen im Tabletop-Kampf.</li>
+            <li><span class="spieler-rolle-badge rolle-einsteiger">🃏 SCHLÜSSELROLLE</span> &nbsp;Höschenhändler (Marcel = Komplize) bzw. Erpresser (GM-Stimme).</li>
+            <li><span class="spieler-rolle-badge rolle-gast">🍺 TAVERNENVOLK</span> &nbsp;Stimmung, Gerüchte, Anfeuern – wer ohne Quest ist, gibt Wendl eine Goldmünze.</li>
           </ul>
         </div>
       </div>
@@ -1204,49 +1457,45 @@
 
         <div class="timeline">
           <div class="timeline-item">
-            <div class="timeline-time">Beginn · Ankunft</div>
-            <div class="timeline-event">Versammlung & Einstimmung</div>
-            <div class="timeline-note">Alle Hüter bekommen ihren Gegenstand & ihre Aufgabe erklärt. Der Held weiß noch nichts.</div>
+            <div class="timeline-time">~12:00 · Auto 1</div>
+            <div class="timeline-event">Aufbau & Deko</div>
+            <div class="timeline-note">Taverne herrichten, Hinweise + Morse-Zettel verstecken, Playlist an, Schlafplätze klären.</div>
           </div>
           <div class="timeline-item">
-            <div class="timeline-time">~30 Min. nach Beginn</div>
-            <div class="timeline-event">Die Verkündigung 📜</div>
-            <div class="timeline-note">Der Spielleiter liest dem Held feierlich die Quest vor (Intro-Text). Dann beginnt das Abenteuer.</div>
+            <div class="timeline-time">~14:00 · Wendl kommt an</div>
+            <div class="timeline-event">Ankunft & Schreckensnachricht 🕊️</div>
+            <div class="timeline-note">Wirt/GM begrüßt in der Rolle, erstes Anstoßen + Grillhendl. Die Brieftaube (= Backhendl) bringt die Nachricht: Iris ist entführt!</div>
           </div>
           <div class="timeline-item">
-            <div class="timeline-time">Phase 1 · 45-60 Min.</div>
-            <div class="timeline-event">Einsteiger-Quests (1–5)</div>
-            <div class="timeline-note">Der Held absolviert die ersten Aufgaben und erbeutet die ersten Besitztümer.</div>
+            <div class="timeline-time">Nachmittag · Akt 1</div>
+            <div class="timeline-event">Leichte Quests</div>
+            <div class="timeline-note">Bargames, Heindls Prüfungen, erste Kleidungsstücke + Würfel. Wahrsager-Heartbeat läuft zur vollen Stunde.</div>
           </div>
           <div class="timeline-item">
-            <div class="timeline-time">Pause · ~Mitte des Abends</div>
-            <div class="timeline-event">Inventur & Halftime-Ritual</div>
-            <div class="timeline-note">Für jeden fehlenden Gegenstand trinkt der Held einen kleinen Schluck. Dann gehts weiter.</div>
+            <div class="timeline-time">21:00 · Pause</div>
+            <div class="timeline-event">Grillen 🔥</div>
+            <div class="timeline-note">Bewusster Energie-Reset. Essen, durchatmen, neu sammeln.</div>
           </div>
           <div class="timeline-item">
-            <div class="timeline-time">Phase 2 · 45-60 Min.</div>
-            <div class="timeline-event">Herausforderungs-Quests (6–8)</div>
-            <div class="timeline-note">Anspruchsvollere Aufgaben mit höherem Einsatz.</div>
+            <div class="timeline-time">Nach dem Essen · Akt 2 (Prime Time)</div>
+            <div class="timeline-event">Fleischige Quests → ⚔ Tabletop-Kampf</div>
+            <div class="timeline-note">Sobald 6 Würfel voll → Kampf gegen den Erpresser. Sieg → Kleidungsstücke „befreit", aber der Komplize ist noch frei.</div>
           </div>
           <div class="timeline-item">
-            <div class="timeline-time">Optional · nach Phase 2</div>
-            <div class="timeline-event">⚔ Tabletop-Block</div>
-            <div class="timeline-note">Die RPG-erfahrenen Spieler ziehen sich für 30-60 Min. in die Ratssitzung zurück. Andere trinken weiter.</div>
-          </div>
-          <div class="timeline-item">
-            <div class="timeline-time">Finale · Abend-Ende</div>
-            <div class="timeline-event">Die Befreiung der Braut 🏆</div>
-            <div class="timeline-note">Der Held präsentiert alle Besitztümer. Für jeden fehlenden: Straftrunk. Dann: Feier ohne Quests!</div>
+            <div class="timeline-time">Mitternacht · Akt 3</div>
+            <div class="timeline-event">🐺 Werwolf-Finale & Iris-Reveal 🏆</div>
+            <div class="timeline-note">Zum Gulasch: Höschenhändler enttarnt → rausgeschleppt → kommt als „gerettete Iris" zurück. Pokal + Schatzsack, Kleidungsstücke an Iris, Barden-Lied, Foto, Prost.</div>
           </div>
         </div>
 
         <div class="rules-box" style="margin-top:1.5rem;">
           <div class="rules-title">Hinweise für den Spielleiter</div>
           <ul class="rules-list">
-            <li>Hüter vorab briefen! Aufgabe kennen, Gegenstand bereit haben.</li>
-            <li>Zweite Chance immer erlauben – aber mit Extratrinken.</li>
+            <li>Wahrsager-Heartbeat: zur vollen Stunde genau ein Tipp für Wendl.</li>
+            <li>Failsafe: steht Wendl ratlos rum, schiebt Wahrsager oder Barkeeper aktiv an.</li>
+            <li>NPCs vorab briefen! Aufgabe kennen, Belohnung (Würfel/Hinweis/Kleidung/Gold) bereit haben.</li>
+            <li>Werwolf ist fürs Drama gerigged – die Anklage muss auf dem Höschenhändler landen.</li>
             <li>Atmosphäre hat Vorrang vor strikter Regelauslegung.</li>
-            <li>Wasser & Snacks bereitstellen, wenn es länger geht.</li>
           </ul>
         </div>
       </div>
@@ -1298,19 +1547,21 @@ async function apiDelete(url) {
 }
 
 // Lokale State-Variablen
-const itemCollected = new Array(8).fill(false);
+const itemCollected = new Array(6).fill(false);   // 6 Würfel = Kampf-Freischaltung
 let drinks = 0;
-const questDone = new Array(8).fill(false);
+const questDone = new Array(11).fill(false);       // 11 Quests
 
 // State vom Server laden
 async function syncState() {
   const data = await apiGet('/game');
   if (!data) return;
   const s = data.state;
-  if (s.itemCollected) s.itemCollected.forEach((v, i) => { itemCollected[i] = v; });
+  if (s.itemCollected) s.itemCollected.forEach((v, i) => { if (i < itemCollected.length) itemCollected[i] = v; });
   if (s.drinks !== undefined) drinks = s.drinks;
-  if (s.questDone) s.questDone.forEach((v, i) => { questDone[i] = v; });
+  if (s.questDone) s.questDone.forEach((v, i) => { if (i < questDone.length) questDone[i] = v; });
   document.getElementById('drinkCount').textContent = drinks;
+  const ta = document.getElementById('notes');
+  if (ta && typeof s.notesText === 'string') ta.value = s.notesText;
 }
 
 // State zum Server speichern
@@ -1320,7 +1571,7 @@ async function saveStateToServer(state) {
 
 // Lokale UI aktualisieren
 function refreshUI() {
-  for (let i = 0; i < 8; i++) {
+  for (let i = 0; i < itemCollected.length; i++) {
     const slot = document.getElementById('inv-' + i);
     if (slot) slot.classList.toggle('collected', itemCollected[i]);
   }
@@ -1340,46 +1591,61 @@ async function updateAndSync(state) {
 // PART 2: QUEST-DATEN
 // ═══════════════════════════════════════════
 const quests = [
-  { id:0, badge:'easy', badgeLabel:'EINSTEIGER', name:'Das Lied der Liebe',
-    holder:'Hüter des <strong>Briefes</strong>', item:'💌 Brief des ersten Dates',
-    desc:'Der Held muss der Runde einen Liebesfilm-Titel nennen und ihn pantomimisch darstellen.',
-    success:'✓ Brief bekommt er', fail:'✗ Ein Schluck',
-    details:'Der Hüter flüstert dem Held einen Filmtitel ins Ohr. Der Held stellt ihn pantomimisch dar (60s).' },
-  { id:1, badge:'easy', badgeLabel:'EINSTEIGER', name:'Der Wissenstest',
-    holder:'Hüter des <strong>Rings</strong>', item:'💍 Ring der Verbindung',
-    desc:'Der Hüter stellt 5 Fragen über die Braut. Mindestens 3 richtig = Gewinn.',
-    success:'✓ Ring bekommt er', fail:'✗ Pro Falschantwort ein Schluck',
-    details:'Fragen: Lieblingsessen, Lieblingsfilm, Reisetraum, größter Tick, beste Freundin.' },
-  { id:2, badge:'easy', badgeLabel:'EINSTEIGER', name:'Das Duell der Münzen',
-    holder:'Hüter des <strong>Schlüssels</strong>', item:'🔑 Schlüssel zur Zukunft',
-    desc:'Münze oder Kronkorken werfen: Wer 3 von 5 in einen Becher trifft, gewinnt.',
-    success:'✓ Schlüssel bekommt er', fail:'✗ Ein ordentlicher Schluck',
-    details:'Becher 1-2m entfernt. Bester aus 5 Versuchen. Bei Gleichstand: plötzlicher Tod.' },
-  { id:3, badge:'easy', badgeLabel:'EINSTEIGER', name:'Der Schwur der tausend Worte',
-    holder:'Hüter der <strong>Blume</strong>', item:'🌹 Blume der Ewigkeit',
-    desc:'Der Held muss in 90 Sekunden einen Heiratsantrag improvisieren – vor allen Gästen.',
-    success:'✓ Blume bekommt er', fail:'✗ Kein Applaus = trinken',
-    details:'90s improvisierter Heiratsantrag. Lautester Applaus = Erfolg.' },
-  { id:4, badge:'medium', badgeLabel:'MITTEL', name:'Die Chronik der Scham',
-    holder:'Hüter des <strong>Fotos</strong>', item:'📸 Foto der gemeinsamen Zeit',
-    desc:'Der Hüter erzählt eine peinliche Geschichte. Wer die meisten Details wusste, gewinnt.',
-    success:'✓ Foto und Geschichte über die Braut', fail:'✗ Held trinkt & erzählt selbst',
-    details:'Hüter liest peinliche Geschichte. 3 Detailfragen. 2/3 richtig = Erfolg.' },
-  { id:5, badge:'medium', badgeLabel:'MITTEL', name:'Das Blindverkostung',
-    holder:'Hüter des <strong>Schuhs</strong>', item:'👠 Schuh der Flucht',
-    desc:'5 Getränke blind verkosten und benennen. Mindestens 3 richtig.',
-    success:'✓ Schuh bekommt er', fail:'✗ Alle falsch erkannten austrinken',
-    details:'5 nummerierte Becher (Alkohol+Softdrinks). Augenbinde auf. Riechen erlaubt.' },
-  { id:6, badge:'hard', badgeLabel:'HERAUSFORDERUNG', name:'Der Zweikampf der Weisheit',
-    holder:'Hüter des <strong>Maskottchens</strong>', item:'🧸 Maskottchen des Heils',
-    desc:'Trivia-Duell: Pop-Kultur, Warhammer & DnD. Wer 3 von 5 beantwortet, gewinnt.',
-    success:'✓ Maskottchen und Ehrentitel', fail:'✗ Zwei große Schlucke',
-    details:'RPG/Warhammer/DnD/Filmfragen. Schwierigkeitsgrad anpassen.' },
-  { id:7, badge:'hard', badgeLabel:'HERAUSFORDERUNG', name:'Die letzte Prüfung',
-    holder:'Hüter der <strong>Urkunde</strong>', item:'🏆 Urkunde der Heldentaten',
-    desc:'Abend-Rückblick: Die 5 peinlichsten Momente, dramatisch vorgetragen.',
-    success:'✓ Urkunde + Applaus der Legende', fail:'✗ Nochmal von vorne – lauter!',
-    details:'2-3 Min Rede. Stehende Ovationen = Erfolg.' },
+  { id:0, badge:'easy', badgeLabel:'AKT 1', name:'① Bargames',
+    holder:'<strong>Janosch & Kajetan</strong> · Die Spieler', item:'🎲 Würfel + 👕 Kleidung',
+    desc:'Wendl spielt 4-Gewinnt + Schnapsen gegen die beiden.',
+    success:'✓ Würfelset (in Iris\' Hose) + 1 Würfel', fail:'⌁ Best 2 von 3, notfalls gewinnt Wendl',
+    details:'Sitzen sichtbar am Spieltisch. Das Würfelset ist in Iris\' Hose versteckt – also gleich ein Kleidungsstück mit dabei.' },
+  { id:1, badge:'easy', badgeLabel:'AKT 1', name:'② Heindls Prüfungen',
+    holder:'<strong>Heindl</strong> · Magier', item:'🎲 Würfel',
+    desc:'Heindl spricht Wendl spontan an und stellt einen Random Skill-Check (z. B. „Balanciere das Bier über den Hof").',
+    success:'✓ Kleinigkeit + 1 Würfel', fail:'⌁ Beliebig wiederholbar (Reservequest)',
+    details:'Heindl kann jederzeit weitere Mini-Checks nachziehen, falls Zeit/Energie da ist.' },
+  { id:2, badge:'medium', badgeLabel:'AKT 2', name:'③ Der genesene Säufer',
+    holder:'<strong>Kev</strong> (Säufer) + <strong>Dom</strong> (Heiler)', item:'🃏 Hinweis + 🎲 Würfel',
+    desc:'Kev liegt sturzbetrunken da → ins Krankenzimmer bringen, 3 Heilkräuter (Pilz, Blume, Brennnessel) ums Haus sammeln, „Trank" (Jägermeister) verabreichen.',
+    success:'✓ Kev erinnert sich → Hinweis-Karte + 1 Würfel', fail:'⌁ Einziger sequenzieller Quest – Dom lotst',
+    details:'Dom weiß, welche Kräuter Kev kurieren, und begleitet den Quest.' },
+  { id:3, badge:'medium', badgeLabel:'AKT 2', name:'④ Das Ritterduell',
+    holder:'<strong>Jaron</strong> · Ritter', item:'👕 Kleidung + 🎲 Würfel',
+    desc:'Fecht-Duell mit Schaumstoff-/Holzaxt, best of 3 Treffer.',
+    success:'✓ Kleidungsstück + 1 Würfel', fail:'⌁ Best of 3 – notfalls gewinnt Wendl',
+    details:'Jaron bringt die Axt auch für Christoph mit.' },
+  { id:4, badge:'medium', badgeLabel:'AKT 2', name:'⑤ Pub-Quiz',
+    holder:'<strong>Alex</strong> (Barkeeper) + Stammtisch', item:'🃏 Hinweis + 🎲 Würfel',
+    desc:'Fragenrunde; die richtigen Antworten ergeben einen Satz (z. B. „Wer Falsches verkauft, trägt Flecken").',
+    success:'✓ Hinweis-Karte (→ Höschenhändler) + 1 Würfel', fail:'⌁ Satz noch offen – Fragen vorher festlegen!',
+    details:'Stammtisch ruft Wendl heran. Der Satz deutet auf den Komplizen.' },
+  { id:5, badge:'easy', badgeLabel:'AKT 1', name:'⑦ Hypnose-Stammtisch',
+    holder:'<strong>Joe, Paul</strong> · Stammtisch', item:'👕 Kleidung + 🃏 Hinweis',
+    desc:'Stammtisch lotst Wendl heran und fragt ihn über Iris aus (Wie kennengelernt? Lieblingsessen?). Herzlich + lustig.',
+    success:'✓ Kleidungsstück + Hinweis', fail:'⌁ Reiner Stimmungs-Quest',
+    details:'„Hypnotisch" inszeniert, aber eigentlich ein warmes Iris-Interview.' },
+  { id:6, badge:'hard', badgeLabel:'KERN', name:'⑥ Die gekaufte Bluse',
+    holder:'<strong>Marcel</strong> · Höschenhändler (Komplize)', item:'👕 falsches Kleidungsstück',
+    desc:'Wendl spart 10 Gold und kauft die „Iris-Bluse" (weißes T-Shirt mit Grillhendl-Flecken).',
+    success:'✓ Das FALSCHE Kleidungsstück (späterer Beweis)', fail:'⌁ Trigger: Wendl hat 10 Gold',
+    details:'Scheinbar Fortschritt – in Wahrheit die Falle des Komplizen. Die Fälschung überführt Marcel im Finale.' },
+  { id:7, badge:'tabletop', badgeLabel:'HINWEIS', name:'⑧ Der stumme Zeuge',
+    holder:'Ein <strong>Tavernengast</strong> (Pantomime)', item:'🃏 Hinweis',
+    desc:'Ein Gast deutet wild herum – der Erpresser hat ihm „die Zunge ausgeschnitten". Wendl errät per Pantomime einen Hinweis.',
+    success:'✓ Hinweis-Karte (z. B. „Mann mit Korb voll Wäsche")', fail:'⌁ GM hilft mit Gesten nach',
+    details:'Einer aus dem Tavernenvolk ist der stumme Zeuge.' },
+  { id:8, badge:'tabletop', badgeLabel:'HINWEIS', name:'⑨ Der verschlüsselte Brief',
+    holder:'Spontan für jemanden · Morsecode', item:'🃏 Hinweis',
+    desc:'Ein versteckter Zettel wird gefunden und mit der Morse-Tabelle (vom Barden/Wahrsager) übersetzt.',
+    success:'✓ Hinweis-Karte (nennt das falsche Kleidungsstück)', fail:'⌁ Morse-Text vorher festlegen & altern!',
+    details:'Zettel + Morse-Tabelle müssen vorbereitet und versteckt werden.' },
+  { id:9, badge:'easy', badgeLabel:'AKT 1', name:'⑩ Lukis Lutschstein',
+    holder:'<strong>Luki</strong> · Eseltreiber', item:'🃏 Hinweis (🪙 Gold-Sink)',
+    desc:'Luki jammert um seinen Esel. Wendl muss einen Lutschstein beim Barkeeper kaufen (Gold).',
+    success:'✓ Hinweis-Karte + Dank', fail:'⌁ Reiner Gold-Sink, kein Risiko',
+    details:'Verbrennt etwas Gold und gibt dafür einen Finale-Hinweis.' },
+  { id:10, badge:'easy', badgeLabel:'GAG', name:'⑪ Saugnapf-Wurf',
+    holder:'Gag-Minispiel · jederzeit', item:'🎲 Würfel oder 🪙 Gold',
+    desc:'Zielwurf mit Saugnapf-Pfeilen.',
+    success:'✓ 1 Würfel oder Gold', fail:'⌁ Lockerer Lückenfüller',
+    details:'Jederzeit spielbar, wenn eine Pause zu füllen ist.' },
 ];
 // ═══════════════════════════════════════════
 // PART 3: STARS, TABS & START
@@ -1397,11 +1663,45 @@ const quests = [
   }
 })();
 
-function showTab(id) {
+function showTab(id, el) {
   document.querySelectorAll('.tab-content').forEach(t => t.classList.remove('active'));
   document.querySelectorAll('.nav-tab').forEach(t => t.classList.remove('active'));
-  document.getElementById('tab-' + id).classList.add('active');
-  event.target.classList.add('active');
+  const content = document.getElementById('tab-' + id);
+  if (content) content.classList.add('active');
+  const btn = el || document.querySelector('.nav-tab[data-tab="' + id + '"]');
+  if (btn) btn.classList.add('active');
+}
+
+// ═══════════════════════════════════════════
+// MODUS: Spieler (Standard) ⇄ Spielleiter (Passwort)
+// ═══════════════════════════════════════════
+const GM_PASSWORD = 'Wendl2026';  // Hier bei Bedarf das Passwort ändern
+
+function setMode(mode) {
+  const btn = document.getElementById('modeBtn');
+  if (mode === 'gm') {
+    document.body.classList.add('gm-mode');
+    if (btn) btn.textContent = '👁 Spieler-Modus';
+    showTab('intro');           // erster SL-Tab
+  } else {
+    document.body.classList.remove('gm-mode');
+    if (btn) btn.textContent = '🔒 Spielleiter';
+    showTab('willkommen');      // erster Spieler-Tab
+  }
+}
+
+function toggleMode() {
+  if (document.body.classList.contains('gm-mode')) {
+    setMode('spieler');
+  } else {
+    const pw = prompt('Passwort für den Spielleiter-Modus:');
+    if (pw === null) return;            // Abbruch
+    if (pw === GM_PASSWORD) {
+      setMode('gm');
+    } else {
+      alert('Falsches Passwort.');
+    }
+  }
 }
 
 function startApp() {
@@ -1428,7 +1728,7 @@ function buildQuests() {
     card.innerHTML = `
       <span class="quest-badge badge-${q.badge}">${q.badgeLabel}</span>
       <div class="quest-name">${q.name}</div>
-      <div class="quest-holder">Hüter: ${q.holder}</div>
+      <div class="quest-holder">NPC: ${q.holder}</div>
       <div class="quest-desc">${q.desc}</div>
       <div class="quest-rewards">
         <span class="reward-success">${q.success}</span>
@@ -1490,7 +1790,7 @@ async function changeDrinks(n) {
 function updateQuestStatus() {
   const count = itemCollected.filter(Boolean).length;
   const qc = document.getElementById('questCount');
-  if (qc) qc.textContent = count + '/8';
+  if (qc) qc.textContent = count + '/6';
   const list = document.getElementById('questStatusList');
   if (!list) return;
   list.innerHTML = quests.map((q, i) => `
@@ -1525,10 +1825,18 @@ function rollDice(sides) {
   void el.offsetWidth;
   el.classList.add('rolling');
   el.textContent = result;
-  const reactions = result === sides ? '⭐ KRITISCH! Legendär!' :
-                    result === 1 ? '💀 Kritischer Fehlschlag! Trinken!' :
-                    result >= Math.ceil(sides * 0.7) ? '✓ Starkes Ergebnis!' :
-                    result >= Math.ceil(sides * 0.4) ? '~ Mittelmaß...' : '✗ Schwach. Trinken?';
+  let reactions;
+  if (sides === 6) {
+    // Kampf-Würfel: 4+ = 1 Treffer
+    reactions = result === 6 ? '⭐ Sechs! Heldenmoment!' :
+                result >= 4 ? '⚔ Treffer! (4+)' :
+                result === 1 ? '💀 Daneben – prallt ab!' : '✗ Prallt ab (unter 4)';
+  } else {
+    reactions = result === sides ? '⭐ KRITISCH! Legendär!' :
+                result === 1 ? '💀 Kritischer Fehlschlag! Trinken!' :
+                result >= Math.ceil(sides * 0.7) ? '✓ Starkes Ergebnis!' :
+                result >= Math.ceil(sides * 0.4) ? '~ Mittelmaß...' : '✗ Schwach. Trinken?';
+  }
   log.textContent = `W${sides} → ${result} · ${reactions}`;
 }
 // ═══════════════════════════════════════════
@@ -1537,12 +1845,12 @@ function rollDice(sides) {
 let spieler = [];
 
 const rolleLabels = {
-  held: '⚔ Held',
-  spielleiter: '📜 Spielleiter',
-  hüter: '🔒 Hüter',
-  ratsmitglied: '🧙 Ratsmitglied',
-  einsteiger: '🌱 Einsteiger',
-  gast: '🍺 Gast',
+  held: '⚔ Held (Wendl)',
+  spielleiter: '🔮 Wahrsager / SL',
+  hüter: '🎭 NPC / Questgeber',
+  ratsmitglied: '⚔ Kampf-Helfer',
+  einsteiger: '🃏 Schlüsselrolle',
+  gast: '🍺 Tavernenvolk',
 };
 
 async function syncSpieler() {
@@ -1631,12 +1939,39 @@ function renderSpieler() {
   if (summary) {
     summary.style.display = spieler.length ? 'flex' : 'none';
     document.getElementById('sumTotal').textContent = spieler.length + ' Teilnehmer';
-    document.getElementById('sumHüter').textContent = spieler.filter(s=>s.rolle==='hüter'||s.questIdx!==null).length + ' Hüter';
-    document.getElementById('sumRat').textContent = spieler.filter(s=>s.rolle==='ratsmitglied').length + ' Ratsmitglieder';
-    document.getElementById('sumEinsteiger').textContent = spieler.filter(s=>s.rolle==='einsteiger').length + ' Einsteiger';
+    document.getElementById('sumHüter').textContent = spieler.filter(s=>s.rolle==='hüter'||s.questIdx!==null).length + ' NPCs';
+    document.getElementById('sumRat').textContent = spieler.filter(s=>s.rolle==='ratsmitglied').length + ' Kampf-Helfer';
+    document.getElementById('sumEinsteiger').textContent = spieler.filter(s=>s.rolle==='einsteiger').length + ' Schlüsselrollen';
   }
 }
 
+// ═══════════════════════════════════════════
+// PART 9: NOTIZEN & NEUSTART
+// ═══════════════════════════════════════════
+let notesTimer = null;
+function saveNotes() {
+  clearTimeout(notesTimer);
+  notesTimer = setTimeout(async () => {
+    const ta = document.getElementById('notes');
+    if (!ta) return;
+    const sv = await apiGet('/game');
+    if (!sv) return;
+    await saveStateToServer({ ...sv.state, notesText: ta.value });
+  }, 600);
+}
+
+async function resetAll() {
+  if (!confirm('Wirklich alles zurücksetzen? Würfel, Quests, Schlucke und Notizen werden gelöscht.')) return;
+  await apiPost('/game/reset');
+  itemCollected.fill(false);
+  questDone.fill(false);
+  drinks = 0;
+  const ta = document.getElementById('notes');
+  if (ta) ta.value = '';
+  buildQuests();
+  refreshUI();
+}
+
 // Start bei Page Load
 document.addEventListener('DOMContentLoaded', startApp);
 </script>