feat(sasch40): major overhaul with doodle jump, party bunker, and guitar hero

- Add global settings & pause modal (gear icon) with mute and reset, removing obsolete bag button
- Extend Prologue with Flo Maier (castle fire game over & Löschzug restart) and Viktor (vampire bite game over & Knoblauch restart)
- Rebuild Akt II as 3-level vertical Doodle Jump climber to rescue sisters Saskia, Maja, and Miriam with custom pixel portraits
- Update Akt III Schankraum with seamless oak floor, double-tap 'Luke zum Party Bunker', duel intro modals, and Hansi's departure in Hinterland
- Rebuild Akt IV as 3-lane medieval Guitar Hero rock concert with live crowd meter, combo multipliers, and Hansi duo
- Update AGENTS.md architectural documentation and playtest test suite

projects/sasch40/frontend/src/components/GameBoyFrame.vue

@@ -11,18 +11,32 @@ import CertificateModal from './CertificateModal.vue'
 
 const store = useGameStore()
 const platformerRef = ref<InstanceType<typeof PlatformerView> | null>(null)
-const inventoryOpen = ref(false)
+const concertRef = ref<InstanceType<typeof PartyExpressView> | null>(null)
 
 function handleJump() {
-  if (platformerRef.value) {
+  if (store.currentAct === 'platformer' && platformerRef.value) {
     platformerRef.value.onJump()
+  } else if (store.currentAct === 'party_express' && concertRef.value) {
+    concertRef.value.hitLane(2)
   }
 }
 
-function handleDpad(dir: 'left' | 'right', pressed: boolean) {
-  if (platformerRef.value) {
+function handleButtonB() {
+  if (store.currentAct === 'party_express' && concertRef.value) {
+    concertRef.value.hitLane(1)
+  } else {
+    store.addBeer()
+  }
+}
+
+function handleDpad(dir: 'left' | 'right' | 'down', pressed: boolean) {
+  if (store.currentAct === 'platformer' && platformerRef.value) {
     if (dir === 'left') platformerRef.value.onLeft(pressed)
     if (dir === 'right') platformerRef.value.onRight(pressed)
+  } else if (store.currentAct === 'party_express' && concertRef.value && pressed) {
+    if (dir === 'left') concertRef.value.hitLane(0)
+    if (dir === 'down') concertRef.value.hitLane(1)
+    if (dir === 'right') concertRef.value.hitLane(2)
   }
 }
 
@@ -30,8 +44,26 @@ function toggleAudio() {
   store.toggleMute()
 }
 
-function toggleInventory() {
-  inventoryOpen.value = !inventoryOpen.value
+const settingsOpen = ref(false)
+
+function openSettings() {
+  sound.playDialogueBlip()
+  settingsOpen.value = true
+  store.pauseGame()
+}
+
+function closeSettings() {
+  sound.playDialogueBlip()
+  settingsOpen.value = false
+  store.resumeGame()
+}
+
+function resetGameFromSettings() {
+  if (confirm('Möchtest du das gesamte Spiel wirklich von vorne neu beginnen?')) {
+    settingsOpen.value = false
+    store.resumeGame()
+    store.resetGame()
+  }
 }
 </script>
 
@@ -48,8 +80,8 @@ function toggleInventory() {
           {{ store.currentAct === 'prologue' ? 'AKT I' : store.currentAct === 'platformer' ? 'AKT II' : store.currentAct === 'tavern' ? 'AKT III' : store.currentAct === 'party_express' ? 'AKT IV' : store.currentAct === 'finale' ? 'AKT V' : '' }}
         </span>
       </div>
-      <button class="sound-toggle" @click="toggleAudio">
-        {{ store.soundMuted ? '🔇 TON' : '🔊 135 BPM' }}
+      <button class="settings-toggle-btn" @click="openSettings" title="Einstellungen & Pause" aria-label="Einstellungen">
+        ⚙️
       </button>
     </div>
 
@@ -60,7 +92,7 @@ function toggleInventory() {
         <PrologueView v-else-if="store.currentAct === 'prologue'" />
         <PlatformerView v-else-if="store.currentAct === 'platformer'" ref="platformerRef" />
         <TavernView v-else-if="store.currentAct === 'tavern'" />
-        <PartyExpressView v-else-if="store.currentAct === 'party_express'" />
+        <PartyExpressView v-else-if="store.currentAct === 'party_express'" ref="concertRef" />
         <CertificateModal v-else-if="store.currentAct === 'finale'" />
       </div>
     </div>
@@ -99,7 +131,14 @@ function toggleInventory() {
               @mousedown="handleDpad('right', true)"
               @mouseup="handleDpad('right', false)"
             >▶</button>
-            <button class="dpad-btn dpad-down" disabled></button>
+            <button
+              class="dpad-btn dpad-down"
+              :disabled="store.currentAct !== 'party_express'"
+              @touchstart.prevent="handleDpad('down', true)"
+              @touchend.prevent="handleDpad('down', false)"
+              @mousedown="handleDpad('down', true)"
+              @mouseup="handleDpad('down', false)"
+            >▼</button>
           </div>
           <span class="control-label">D-PAD</span>
         </div>
@@ -108,9 +147,9 @@ function toggleInventory() {
         <div class="center-controls">
           <div class="royal-crest">👑</div>
           <div class="pill-buttons">
-            <button class="pill-btn" @click="toggleInventory">
+            <button class="pill-btn" @click="openSettings">
               <span class="pill-key">SELECT</span>
-              <span class="pill-sub">BEUTEL</span>
+              <span class="pill-sub">PAUSE</span>
             </button>
             <button class="pill-btn" @click="toggleAudio">
               <span class="pill-key">START</span>
@@ -124,7 +163,7 @@ function toggleInventory() {
           <div class="action-buttons">
             <button
               class="action-round-btn btn-b"
-              @click="store.addBeer"
+              @click="handleButtonB"
             >
               <span class="btn-letter">B</span>
             </button>
@@ -137,8 +176,8 @@ function toggleInventory() {
             </button>
           </div>
           <div class="action-labels">
-            <span>O'ZAPFT (B)</span>
-            <span>SPRUNG (A)</span>
+            <span>{{ store.currentAct === 'party_express' ? 'SAITE G (B)' : "O'ZAPFT (B)" }}</span>
+            <span>{{ store.currentAct === 'party_express' ? 'SAITE A (A)' : 'SPRUNG (A)' }}</span>
           </div>
         </div>
       </div>
@@ -154,21 +193,27 @@ function toggleInventory() {
         <span class="adv-icon">🍻</span>
         <span class="adv-val">{{ store.beers }} Helles</span>
       </div>
-      <button class="inv-mini-btn" @click="toggleInventory">
-        🎒 Beutel
-      </button>
     </div>
 
-    <!-- Inventory Drawer Modal -->
-    <div v-if="inventoryOpen" class="inventory-drawer" @click="inventoryOpen = false">
-      <div class="inventory-card" @click.stop>
-        <h3>👑 KÖNIGLICHER LEERGUTSACK</h3>
-        <ul class="inventory-items">
-          <li v-for="item in store.inventory" :key="item" class="inv-item">
-            ✨ {{ item }}
-          </li>
-        </ul>
-        <button class="close-inv-btn" @click="inventoryOpen = false">Schließen</button>
+    <!-- Settings & Pause Modal -->
+    <div v-if="settingsOpen" class="settings-overlay" @click="closeSettings">
+      <div class="settings-card" @click.stop>
+        <div class="settings-header">
+          <h3 class="settings-title">⚙️ EINSTELLUNGEN & PAUSE</h3>
+          <button class="settings-close-x" @click="closeSettings">✕</button>
+        </div>
+        <p class="settings-paused-hint">⏸️ Spiel und Timer pausiert</p>
+        <div class="settings-actions">
+          <button class="settings-btn" @click="toggleAudio">
+            {{ store.soundMuted ? '🔇 Ton: AUS (Einschalten)' : '🔊 Ton: 135 BPM AN (Stummschalten)' }}
+          </button>
+          <button class="settings-btn reset-danger-btn" @click="resetGameFromSettings">
+            🔄 Spiel neu starten (Reset)
+          </button>
+          <button class="settings-btn resume-btn" @click="closeSettings">
+            ▶ Weiterspielen
+          </button>
+        </div>
       </div>
     </div>
   </div>
@@ -237,15 +282,23 @@ function toggleInventory() {
   border-radius: 2px;
 }
 
-.sound-toggle {
-  background: #78350f;
-  color: #fef08a;
+.settings-toggle-btn {
+  background: rgba(120, 53, 15, 0.7);
+  color: #ffd700;
   border: 1px solid #ffd700;
   border-radius: 4px;
-  font-family: 'Press Start 2P', monospace;
-  font-size: 7px;
-  padding: 4px 6px;
+  font-size: 13px;
+  padding: 2px 6px;
   cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.15s ease;
+}
+
+.settings-toggle-btn:hover, .settings-toggle-btn:active {
+  background: #b45309;
+  transform: scale(1.1);
 }
 
 /* Screen Bezel */
@@ -303,17 +356,6 @@ function toggleInventory() {
   color: #ffd700;
 }
 
-.inv-mini-btn {
-  background: #78350f;
-  color: #fef08a;
-  border: 1px solid #b45309;
-  border-radius: 4px;
-  padding: 4px 8px;
-  font-family: 'Press Start 2P', monospace;
-  font-size: 7px;
-  cursor: pointer;
-}
-
 /* Parchment Status Bar */
 .parchment-scroll {
   background: #fdf6e2;
@@ -510,54 +552,119 @@ function toggleInventory() {
   color: #d4af37;
 }
 
-/* Inventory Modal */
-.inventory-drawer {
+/* Settings & Pause Modal */
+.settings-overlay {
   position: absolute;
   inset: 0;
-  background: rgba(0, 0, 0, 0.75);
+  background: rgba(0, 0, 0, 0.85);
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 200;
+  z-index: 250;
+  padding: 16px;
 }
 
-.inventory-card {
+.settings-card {
   background: #2b1810;
   border: 3px solid #d4af37;
   border-radius: 8px;
-  padding: 16px;
-  width: 80%;
+  padding: 18px;
+  width: 100%;
+  max-width: 320px;
   color: #fef3c7;
+  box-shadow: 0 0 24px rgba(0, 0, 0, 0.9);
 }
 
-.inventory-card h3 {
+.settings-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1.5px solid #78350f;
+  padding-bottom: 8px;
+  margin-bottom: 12px;
+}
+
+.settings-title {
   font-family: 'Press Start 2P', monospace;
-  font-size: 9px;
+  font-size: 8px;
   color: #ffd700;
-  margin-top: 0;
+  margin: 0;
 }
 
-.inventory-items {
-  list-style: none;
-  padding: 0;
-  margin: 12px 0;
-}
-
-.inv-item {
-  font-family: 'MedievalSharp', serif;
-  font-size: 15px;
-  padding: 4px 0;
-  border-bottom: 1px dashed #78350f;
-}
-
-.close-inv-btn {
-  background: #78350f;
-  color: #fff;
-  border: 1px solid #d4af37;
-  border-radius: 4px;
-  padding: 6px 12px;
-  font-family: 'Press Start 2P', monospace;
-  font-size: 7px;
+.settings-close-x {
+  background: #7f1d1d;
+  color: #fef08a;
+  border: 1px solid #ef4444;
+  border-radius: 50%;
+  width: 26px;
+  height: 26px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 13px;
+  font-weight: bold;
   cursor: pointer;
+  line-height: 1;
+  transition: all 0.15s ease;
+}
+
+.settings-close-x:hover {
+  background: #dc2626;
+  transform: scale(1.1);
+}
+
+.settings-paused-hint {
+  font-family: 'Press Start 2P', monospace;
+  font-size: 6.5px;
+  color: #38bdf8;
+  text-align: center;
+  margin: 0 0 16px 0;
+}
+
+.settings-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.settings-btn {
+  background: #3b2014;
+  color: #fef08a;
+  border: 1.5px solid #b45309;
+  border-radius: 6px;
+  padding: 10px 8px;
+  font-family: 'MedievalSharp', serif;
+  font-size: 14px;
+  font-weight: bold;
+  cursor: pointer;
+  text-align: center;
+  transition: all 0.15s ease;
+}
+
+.settings-btn:hover {
+  background: #78350f;
+  border-color: #ffd700;
+}
+
+.reset-danger-btn {
+  background: rgba(127, 29, 29, 0.4);
+  border-color: #ef4444;
+  color: #fca5a5;
+}
+
+.reset-danger-btn:hover {
+  background: #991b1b;
+  color: #fff;
+  border-color: #f87171;
+}
+
+.resume-btn {
+  background: #15803d;
+  border-color: #86efac;
+  color: #fff;
+}
+
+.resume-btn:hover {
+  background: #16a34a;
 }
 </style>

projects/sasch40/frontend/src/components/IntroView.vue

@@ -51,10 +51,10 @@ function handleStart() {
       <div class="scroll-section">
         <h3 class="section-title">🎮 WAS DICH IM SPIEL ERWARTET</h3>
         <ul class="features-list">
-          <li><strong>🏃‍♂️ Retro Jump & Run:</strong> Hüpfe über die Dächer der Hopfen-Pfade und sammle die verlorenen Kronkorken ein.</li>
-          <li><strong>🍻 Tavernen-Abenteuer:</strong> Sprich mit Verena, Lutz (ZTUL), Armend, Amy, Mane & Pü und gewinne das bayerische Beleidigungs-Gstanzl-Fechten!</li>
+          <li><strong>☁️ Doodle Jump Schwesternrettung:</strong> Hüpfe von Wolke zu Wolke hinauf und rette Saschas drei Schwestern Saskia, Maja und Miriam!</li>
+          <li><strong>🍻 Tavernen-Abenteuer:</strong> Erkunde Gaststube, Atelier, Marktplatz, Hinterland & den geheimen Party Bunker. Bezwinge NAT im Wildschwein-Duell und gewinne das bayerische Gstanzl-Fechten!</li>
           <li><strong>🌴 Der Zauberspiegel:</strong> Finde das geheime Urlaubserinnerungs-Easter-Egg von Buschkönig Zuluman.</li>
-          <li><strong>🔊 Der 135-BPM-Express:</strong> Rase mit den Hof-DJs auf dem Bollerwagen und versorge das feiernde Gefolge.</li>
+          <li><strong>🎸 Mittelalter Guitar Hero:</strong> Rocke als Barden-Duo mit Ritter Hansi auf der Schlossbühne sein legendäres Abschiedskonzert nach Münchanien!</li>
           <li><strong>🏆 Highscore-Urkunde:</strong> Hol dir am Ende deine persönliche königliche Punktzahl und vergleiche dich mit allen Partygästen!</li>
         </ul>
       </div>

projects/sasch40/frontend/src/components/PrologueView.vue

@@ -17,6 +17,10 @@ function selectChoice(choice: typeof PROLOGUE_DIALOGUES['start']['choices'][0])
   if (choice.action === 'unlockBridgerton') {
     store.unlockEasterEgg('bridgerton')
   }
+  if (choice.action === 'resetPrologue') {
+    currentNodeId.value = 'start'
+    return
+  }
   if (choice.action === 'startPlatformer') {
     store.setAct('platformer')
     return
@@ -24,6 +28,9 @@ function selectChoice(choice: typeof PROLOGUE_DIALOGUES['start']['choices'][0])
 
   if (choice.nextId && PROLOGUE_DIALOGUES[choice.nextId]) {
     currentNodeId.value = choice.nextId
+    if (PROLOGUE_DIALOGUES[choice.nextId].isGameOver) {
+      sound.playBoarHit()
+    }
   }
 }
 
@@ -32,14 +39,14 @@ const currentSpeaker = () => CHARACTERS[currentNode().speakerId] || CHARACTERS['
 </script>
 
 <template>
-  <div class="prologue-container">
+  <div class="prologue-container" :class="{ 'game-over-active': currentNode().isGameOver }">
     <!-- Balcony Visual Scene with Regal Portrait Frame -->
-    <div class="scene-visual">
+    <div class="scene-visual" :class="{ 'fire-visual': currentNodeId === 'flo_game_over', 'vampire-visual': currentNodeId === 'viktor_game_over' }">
       <div class="balcony-backdrop"></div>
       <div class="scene-tag">
-        <span class="scene-title">SCHLOSS HAUMDAUCHER – DER BALKON</span>
+        <span class="scene-title">{{ currentNode().isGameOver ? '💀 GAME OVER – HAUMDAUCHER KAPUTT!' : 'SCHLOSS HAUMDAUCHER – DER BALKON' }}</span>
       </div>
-      <div class="speaker-frame">
+      <div class="speaker-frame" :class="{ 'game-over-frame': currentNode().isGameOver }">
         <img
           :src="currentSpeaker().portrait"
           :alt="currentSpeaker().name"
@@ -49,7 +56,7 @@ const currentSpeaker = () => CHARACTERS[currentNode().speakerId] || CHARACTERS['
     </div>
 
     <!-- Retro Dialogue Card -->
-    <div class="dialogue-card">
+    <div class="dialogue-card" :class="{ 'game-over-card': currentNode().isGameOver }">
       <div class="dialogue-header">
         <div class="speaker-name-badge">
           <span class="speaker-name">{{ currentSpeaker().name }}</span>
@@ -57,7 +64,7 @@ const currentSpeaker = () => CHARACTERS[currentNode().speakerId] || CHARACTERS['
         </div>
       </div>
 
-      <div class="dialogue-body">
+      <div class="dialogue-body" :class="{ 'game-over-body': currentNode().isGameOver }">
         <p class="dialogue-text">„{{ currentNode().text }}“</p>
       </div>
 
@@ -66,9 +73,10 @@ const currentSpeaker = () => CHARACTERS[currentNode().speakerId] || CHARACTERS['
           v-for="(choice, idx) in currentNode().choices"
           :key="idx"
           class="choice-btn"
+          :class="{ 'game-over-btn': currentNode().isGameOver }"
           @click="selectChoice(choice)"
         >
-          <span class="choice-arrow">▶</span>
+          <span class="choice-arrow">{{ currentNode().isGameOver ? '🔄' : '▶' }}</span>
           <span class="choice-text">„{{ choice.text }}“</span>
         </button>
       </div>
@@ -227,4 +235,54 @@ const currentSpeaker = () => CHARACTERS[currentNode().speakerId] || CHARACTERS['
   color: #f59e0b;
   font-size: 10px;
 }
+
+/* Game Over Styles */
+.game-over-active {
+  background: #200505;
+}
+
+.fire-visual {
+  background: radial-gradient(circle at 50% 40%, #7f1d1d 0%, #1c0505 100%) !important;
+  border-bottom-color: #ef4444 !important;
+  box-shadow: 0 0 30px rgba(239, 68, 68, 0.5) inset;
+}
+
+.vampire-visual {
+  background: radial-gradient(circle at 50% 40%, #581c87 0%, #0f051d 100%) !important;
+  border-bottom-color: #a855f7 !important;
+  box-shadow: 0 0 30px rgba(168, 85, 247, 0.5) inset;
+}
+
+.game-over-frame {
+  border-color: #ef4444 !important;
+  box-shadow: 0 0 20px #ef4444 !important;
+}
+
+.game-over-card {
+  background: #1c0808 !important;
+}
+
+.game-over-body {
+  border-left-color: #ef4444 !important;
+  background: rgba(127, 29, 29, 0.3) !important;
+}
+
+.game-over-btn {
+  background: #7f1d1d !important;
+  border-color: #f87171 !important;
+  color: #fef08a !important;
+  font-weight: bold;
+  animation: pulse-border 1.5s infinite;
+}
+
+.game-over-btn:hover {
+  background: #991b1b !important;
+  transform: scale(1.02);
+}
+
+@keyframes pulse-border {
+  0%, 100% { box-shadow: 0 0 4px #ef4444; }
+  50% { box-shadow: 0 0 14px #ef4444; }
+}
 </style>
+

projects/sasch40/frontend/src/components/TavernView.vue

@@ -24,15 +24,33 @@ const activeDialog = ref<ActiveDialog | null>(null)
 const duelActive = ref(false)
 const duelStep = ref(0)
 const duelWon = ref(false)
+const duelIntroOpen = ref(false)
 const zulumanMirrorActive = ref(false)
 
 const trapdoorDiscovered = ref(store.unlockedEasterEggs.includes('hinterzimmer'))
+let lastTrapTap = 0
 
 function switchRoom(room: TavernRoom) {
   sound.playDialogueBlip()
   currentRoom.value = room
 }
 
+function handleTrapdoorClick() {
+  if (trapdoorDiscovered.value || store.unlockedEasterEggs.includes('hinterzimmer')) {
+    sound.playFanfare()
+    currentRoom.value = 'hinterzimmer'
+    return
+  }
+  const now = Date.now()
+  if (now - lastTrapTap < 450) {
+    // Double tap / double click
+    triggerTrapdoor()
+  } else {
+    lastTrapTap = now
+    sound.playDialogueBlip()
+  }
+}
+
 function triggerTrapdoor() {
   sound.playFanfare()
   trapdoorDiscovered.value = true
@@ -40,7 +58,7 @@ function triggerTrapdoor() {
   currentRoom.value = 'hinterzimmer'
 }
 
-function enterSecretHinterzimmer() {
+function enterPartyBunker() {
   sound.playFanfare()
   store.unlockEasterEgg('hinterzimmer')
   currentRoom.value = 'hinterzimmer'
@@ -49,6 +67,7 @@ function enterSecretHinterzimmer() {
 // Wildschwein Schnick-Schnack-Schnuck Minigame with NAT
 type WildBoarChoice = 'keiler' | 'dickicht' | 'lanze'
 
+const wildBoarIntroOpen = ref(false)
 const wildBoarDuelActive = ref(false)
 const wildBoarPlayerScore = ref(0)
 const wildBoarNatScore = ref(0)
@@ -59,8 +78,14 @@ const wildBoarLastNatMove = ref<WildBoarChoice | null>(null)
 const wildBoarGameOver = ref(false)
 const wildBoarPlayerWon = ref(false)
 
+function openWildBoarIntro() {
+  sound.playDialogueBlip()
+  wildBoarIntroOpen.value = true
+}
+
 function startWildBoarDuel() {
   sound.playDialogueBlip()
+  wildBoarIntroOpen.value = false
   wildBoarDuelActive.value = true
   wildBoarPlayerScore.value = 0
   wildBoarNatScore.value = 0
@@ -78,7 +103,10 @@ function formatBoarMove(m: WildBoarChoice): string {
   return '🏹 Lanze'
 }
 
-function playWildBoarMove(playerChoice: WildBoarChoice) {
+function playWildBoarMove(playerChoice: WildBoarChoice, event?: Event) {
+  if (event?.currentTarget) {
+    (event.currentTarget as HTMLElement).blur()
+  }
   if (wildBoarGameOver.value) return
 
   const choices: WildBoarChoice[] = ['keiler', 'dickicht', 'lanze']
@@ -209,10 +237,10 @@ function openCharacterDialog(charId: string) {
       title: char.title,
       portrait: char.portrait,
       text: 'Servus Sascha! Schau dir meine Fest-Bühne an! Ich erzähle den Leuten gerade epische Geschichten von meinen Girls und meinen Heldentaten im Haumdaucher Dickicht. Bevor du meine Kronkorken kriegst, forder ich dich zum Hof-Duell heraus: Wildschwein-Schnick-Schnack-Schnuck!',
-      actionLabel: '🐗 Wildschwein-Duell starten! (Best of 3)',
+      actionLabel: '🐗 Zum Wildschwein-Duell!',
       actionFn: () => {
         activeDialog.value = null
-        startWildBoarDuel()
+        openWildBoarIntro()
       }
     }
   } else if (charId === 'mane') {
@@ -234,8 +262,8 @@ function openCharacterDialog(charId: string) {
       name: char.name,
       title: char.title,
       portrait: char.portrait,
-      text: 'Habe die Ehre Sascha! Schau dir dieses Panorama an. Ich halte hier die Stellung und habe dir 4 Kronkorken gesichert!',
-      actionLabel: 'Danke Hansi! (+4 Kronkorken)',
+      text: 'Habe die Ehre Sascha! Der Abschied naht... ich breche bald auf nach Münchanien. Aber vorher rocken wir heute Abend auf der Schlossbühne noch das gigantischste Abschiedskonzert der Geschichte! Nimm diese 4 Kronkorken als Proviant!',
+      actionLabel: 'Auf das Konzert, Hansi! (+4 Kronkorken)',
       actionFn: () => {
         store.addKronkorken(4)
         activeDialog.value = null
@@ -247,7 +275,7 @@ function openCharacterDialog(charId: string) {
       name: char.name,
       title: char.title,
       portrait: char.portrait,
-      text: 'Majestät! Willkommen im innersten VIP-Kreis des Basses! Die magischen Kristalle vibrieren auf 135 BPM und die Lasershow brennt! Hier sind 5 Kronkorken für den Stroboskop-Zauber!',
+      text: 'Majestät! Willkommen im innersten VIP-Party-Bunker des Basses! Die magischen Kristalle vibrieren auf 135 BPM und die Lasershow brennt! Hier sind 5 Kronkorken für den Stroboskop-Zauber!',
       actionLabel: 'Zünde den Kristall-Zauber, Pü! (+5 Kronkorken)',
       actionFn: () => {
         store.addKronkorken(5)
@@ -273,7 +301,7 @@ function openCharacterDialog(charId: string) {
       name: char.name,
       title: char.title,
       portrait: char.portrait,
-      text: 'Servus König Sascha! Im Hinterzimmer fließt das Helle kälter als die Nacht! Hoch die Krüge auf 40 Jahre Regentschaft!',
+      text: 'Servus König Sascha! Im Party Bunker fließt das Helle kälter als die Nacht! Hoch die Krüge auf 40 Jahre Regentschaft!',
       actionLabel: 'Prost Viktor! (+3 Kronkorken & Helles)',
       actionFn: () => {
         store.addKronkorken(3)
@@ -290,8 +318,14 @@ function inspectMirror() {
   store.unlockEasterEgg('zuluman')
 }
 
+function openGstanzlIntro() {
+  sound.playDialogueBlip()
+  duelIntroOpen.value = true
+}
+
 function startGstanzlDuel() {
   sound.playDialogueBlip()
+  duelIntroOpen.value = false
   duelActive.value = true
   duelStep.value = 0
   duelWon.value = false
@@ -354,16 +388,17 @@ function proceedToExpress() {
           <span class="hotspot-badge glow-door">Zum Marktplatz ▶</span>
         </button>
 
-        <!-- Luke zum Hinterraum (Completely invisible until clicked) -->
+        <!-- Luke zum Party Bunker (100% invisible until double-clicked) -->
         <button
           class="hotspot trapdoor-hotspot"
           :class="{ 'trap-invisible': !trapdoorDiscovered && !store.unlockedEasterEggs.includes('hinterzimmer') }"
-          @click="triggerTrapdoor"
-          :title="trapdoorDiscovered || store.unlockedEasterEggs.includes('hinterzimmer') ? 'Luke zum Hinterraum' : undefined"
+          @click="handleTrapdoorClick"
+          @dblclick="triggerTrapdoor"
+          :title="trapdoorDiscovered || store.unlockedEasterEggs.includes('hinterzimmer') ? 'Luke zum Party Bunker' : undefined"
         >
           <template v-if="trapdoorDiscovered || store.unlockedEasterEggs.includes('hinterzimmer')">
             <span class="trapdoor-icon">🚪</span>
-            <span class="trapdoor-badge">Luke zum Hinterraum</span>
+            <span class="trapdoor-badge">Luke zum Party Bunker 🪩</span>
           </template>
         </button>
       </template>
@@ -479,7 +514,7 @@ function proceedToExpress() {
         <!-- Door back to Gaststube -->
         <button class="hotspot door-hotspot hotspot-door-back-vip" @click="switchRoom('schankraum')">
           <span class="door-icon">🚪</span>
-          <span class="hotspot-badge glow-door">◀ Zurück in die Gaststube</span>
+          <span class="hotspot-badge glow-door">◀ Zurück in den Schankraum</span>
         </button>
       </template>
 
@@ -492,7 +527,7 @@ function proceedToExpress() {
             currentRoom === 'nebenraum' ? '🎨 AKT III: KÖNIGLICHER NEBENRAUM & ATELIER 🎨' :
             currentRoom === 'marktplatz' ? '🎪 AKT III: HAUMDAUCHER MARKTPLATZ 🎪' :
             currentRoom === 'hinterland' ? '🌲 AKT III: ALPINES HINTERLAND 🌲' :
-            '🪩 AKT III: GEHEIMES VIP-HINTERZIMMER 🪩'
+            '🪩 AKT III: DER GEHEIME PARTY BUNKER 🪩'
           }}
         </div>
 
@@ -532,18 +567,18 @@ function proceedToExpress() {
             :class="{ active: currentRoom === 'hinterzimmer' }"
             @click="switchRoom('hinterzimmer')"
           >
-            🪩 Hinterzimmer
+            🪩 Party Bunker
           </button>
         </div>
 
         <!-- Action Row (Duel & Next Level) -->
         <div class="tavern-nav-buttons">
-          <button class="duel-trigger" @click="startGstanzlDuel">
+          <button class="duel-trigger" @click="openGstanzlIntro">
             ⚔️ Gstanzl-Fechten
           </button>
 
           <button class="next-level-btn" @click="proceedToExpress">
-            ➡️ Zum Fest-Konvoi!
+            🎸 Zu Akt IV: Abschiedskonzert!
           </button>
         </div>
       </div>
@@ -586,6 +621,50 @@ function proceedToExpress() {
       </div>
     </div>
 
+    <!-- Gstanzl Intro Modal -->
+    <div v-if="duelIntroOpen" class="dialog-overlay" @click="duelIntroOpen = false">
+      <div class="dialog-box intro-modal-box" @click.stop>
+        <div class="intro-modal-header">
+          <span class="intro-tag">MINISPIEL INTRO</span>
+          <button class="duel-close-btn" @click="duelIntroOpen = false" aria-label="Schließen">✕</button>
+        </div>
+        <h2 class="intro-modal-title">⚔️ BAYERISCHES GSTANZL-FECHTEN</h2>
+        <p class="intro-modal-story">
+          Ein frecher Raubritter zweifelt an Saschas Regentschaft und lästert über 135-BPM-Techno! Zeige ihm, dass die bayerische Zunge schärfer sticht als jedes Schwert!
+        </p>
+        <div class="intro-modal-rules">
+          <div class="rule-line">🎶 <strong>3 Runden:</strong> Wähle den treffendsten bayerischen Reim-Konter.</div>
+          <div class="rule-line">🏆 <strong>Belohnung:</strong> +15 Kronkorken & 1.500 Punkte für den Highscore!</div>
+        </div>
+        <button class="action-btn start-duel-action-btn" @click="startGstanzlDuel">
+          🎤 Auf geht's zum Gstanzl!
+        </button>
+      </div>
+    </div>
+
+    <!-- Wildschwein Duel Intro Modal -->
+    <div v-if="wildBoarIntroOpen" class="dialog-overlay" @click="wildBoarIntroOpen = false">
+      <div class="dialog-box intro-modal-box" @click.stop>
+        <div class="intro-modal-header">
+          <span class="intro-tag">MINISPIEL INTRO</span>
+          <button class="duel-close-btn" @click="wildBoarIntroOpen = false" aria-label="Schließen">✕</button>
+        </div>
+        <h2 class="intro-modal-title">🐗 WILDSCHWEIN-SCHNICK-SCHNACK-SCHNUCK</h2>
+        <p class="intro-modal-story">
+          Hof-Chronist NAT fordert König Sascha zum traditionellen Haumdaucher Dickicht-Duell heraus! Wer beherrscht die Taktik des Waldes?
+        </p>
+        <div class="intro-modal-rules">
+          <div class="rule-line">🐗 <strong>Keiler</strong> bricht durch 🌿 <strong>Dickicht</strong></div>
+          <div class="rule-line">🌿 <strong>Dickicht</strong> fängt 🏹 <strong>Lanze</strong> ab</div>
+          <div class="rule-line">🏹 <strong>Lanze</strong> erlegt 🐗 <strong>Keiler</strong></div>
+          <div class="rule-line">👑 <strong>Format:</strong> Best of 3 (wer zuerst 2 Siege holt!).</div>
+        </div>
+        <button class="action-btn start-duel-action-btn" @click="startWildBoarDuel">
+          ⚔️ Duell starten!
+        </button>
+      </div>
+    </div>
+
     <!-- Gstanzl Duel Modal -->
     <div v-if="duelActive" class="dialog-overlay">
       <div class="dialog-box duel-box">
@@ -660,17 +739,17 @@ function proceedToExpress() {
 
         <!-- Move Choices -->
         <div v-if="!wildBoarGameOver" class="boar-choices">
-          <button class="boar-choice-btn" @click="playWildBoarMove('keiler')">
+          <button class="boar-choice-btn" @click="playWildBoarMove('keiler', $event)">
             <span class="choice-icon">🐗</span>
             <span class="choice-name">Keiler</span>
             <span class="choice-sub">Bricht Dickicht</span>
           </button>
-          <button class="boar-choice-btn" @click="playWildBoarMove('dickicht')">
+          <button class="boar-choice-btn" @click="playWildBoarMove('dickicht', $event)">
             <span class="choice-icon">🌿</span>
             <span class="choice-name">Dickicht</span>
             <span class="choice-sub">Fängt Lanze</span>
           </button>
-          <button class="boar-choice-btn" @click="playWildBoarMove('lanze')">
+          <button class="boar-choice-btn" @click="playWildBoarMove('lanze', $event)">
             <span class="choice-icon">🏹</span>
             <span class="choice-name">Lanze</span>
             <span class="choice-sub">Erlegt Keiler</span>
@@ -776,21 +855,23 @@ function proceedToExpress() {
   color: #38bdf8;
 }
 
-/* Trapdoor to Hinterzimmer Easter Egg */
+/* Trapdoor to Party Bunker Easter Egg */
 .trapdoor-hotspot {
   position: absolute;
-  top: 73%;
-  left: 82%;
-  background: rgba(180, 83, 9, 0.4);
-  border: 1.5px dashed #ffd700;
-  border-radius: 8px;
-  padding: 3px 6px;
+  top: 84%;
+  left: 35%;
+  transform: translate(-50%, -50%);
+  background: rgba(212, 175, 55, 0.25);
+  border: 2px dashed #ffd700;
+  border-radius: 6px;
+  padding: 6px 10px;
   cursor: pointer;
   z-index: 12;
   transition: all 0.2s;
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 6px;
+  box-shadow: 0 0 12px rgba(255, 215, 0, 0.4);
 }
 
 .trapdoor-hotspot.trap-invisible,
@@ -802,19 +883,19 @@ function proceedToExpress() {
   box-shadow: none !important;
   outline: none !important;
   transform: translate(-50%, -50%) !important;
-  width: 50px;
-  height: 50px;
+  width: 140px;
+  height: 65px;
   padding: 0 !important;
   cursor: pointer;
 }
 
 .trapdoor-icon {
-  font-size: 13px;
+  font-size: 14px;
 }
 
 .trapdoor-badge {
   font-family: 'Press Start 2P', monospace;
-  font-size: 5.5px;
+  font-size: 6px;
   color: #fef08a;
   white-space: nowrap;
 }
@@ -894,7 +975,7 @@ function proceedToExpress() {
 .hotspot-door-hinterland { top: 34%; left: 76%; }
 
 /* 3. Hinterland Hotspots */
-.hotspot-mane { top: 44%; left: 36%; }
+.hotspot-mane { top: 54%; left: 36%; }
 .hiking-anim {
   animation: hikeBob 1.2s infinite ease-in-out;
 }
@@ -909,7 +990,7 @@ function proceedToExpress() {
   transform: rotate(20deg);
 }
 
-.hotspot-hansi { top: 60%; left: 74%; }
+.hotspot-hansi { top: 56%; left: 74%; }
 .hotspot-door-back-marktplatz { top: 72%; left: 22%; }
 
 /* 4. Hinterzimmer Hotspots & Strobe */
@@ -1378,13 +1459,26 @@ function proceedToExpress() {
   align-items: center;
   gap: 3px;
   cursor: pointer;
+  outline: none;
   transition: all 0.15s ease;
+  -webkit-tap-highlight-color: transparent;
 }
 
-.boar-choice-btn:hover {
+.boar-choice-btn:focus {
+  outline: none;
+}
+
+.boar-choice-btn:active {
+  transform: scale(0.95);
   background: #14532d;
-  border-color: #4ade80;
-  transform: translateY(-2px);
+}
+
+@media (hover: hover) {
+  .boar-choice-btn:hover {
+    background: #14532d;
+    border-color: #4ade80;
+    transform: translateY(-2px);
+  }
 }
 
 .choice-icon {
@@ -1430,4 +1524,76 @@ function proceedToExpress() {
   background: #16a34a;
   border-color: #86efac;
 }
+
+/* Intro Modals for Minigames */
+.intro-modal-box {
+  max-width: 320px;
+  width: 95%;
+  background: #231209;
+  border: 3px double #d4af37;
+  border-radius: 10px;
+  padding: 14px;
+  color: #fef3c7;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.95);
+}
+
+.intro-modal-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.intro-tag {
+  font-family: 'Press Start 2P', monospace;
+  font-size: 6px;
+  color: #f59e0b;
+}
+
+.intro-modal-title {
+  font-family: 'Press Start 2P', monospace;
+  font-size: 8.5px;
+  color: #ffd700;
+  margin: 0 0 8px 0;
+  line-height: 1.35;
+}
+
+.intro-modal-story {
+  font-family: 'MedievalSharp', serif;
+  font-size: 13px;
+  color: #fef08a;
+  line-height: 1.35;
+  margin: 0 0 10px 0;
+}
+
+.intro-modal-rules {
+  background: rgba(0, 0, 0, 0.45);
+  border-left: 3px solid #ffd700;
+  border-radius: 4px;
+  padding: 8px 10px;
+  margin-bottom: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+
+.rule-line {
+  font-family: 'MedievalSharp', serif;
+  font-size: 12px;
+  color: #fed7aa;
+  line-height: 1.3;
+}
+
+.start-duel-action-btn {
+  width: 100%;
+  background: #15803d !important;
+  border-color: #86efac !important;
+  font-family: 'Press Start 2P', monospace;
+  font-size: 7.5px;
+  padding: 10px !important;
+}
+
+.start-duel-action-btn:hover {
+  background: #16a34a !important;
+}
 </style>