fix(sasch40): bald Markus portrait & scene, authentic Schankraum taproom, and cleaned up Hinterland navigation

This commit is contained in:
Moritz Graf
2026-09-24 22:15:08 +02:00
parent fbc4158016
commit b61cf84082
5 changed files with 91 additions and 107 deletions
@@ -325,12 +325,6 @@ function openCharacterDialog(charId: string) {
}
}
// Münchanien Hint Modal
const munchanienHintActive = ref(false)
function openMunchanienHint() {
sound.playDialogueBlip()
munchanienHintActive.value = true
}
// Liar's Dice (Chui Niu / 吹牛) State & Logic
const liarsDiceIntroOpen = ref(false)
@@ -710,13 +704,7 @@ function proceedToExpress() {
<!-- Hansi walking towards Münchanien -->
<button class="hotspot hotspot-hansi" @click="openCharacterDialog('hansi')">
<img :src="CHARACTERS.hansi.portrait" class="hotspot-thumb" alt="Hansi" />
<span class="hotspot-badge">Hansi (Richtung Münchanien) 🧔</span>
</button>
<!-- Signpost to Münchanien -->
<button class="hotspot hotspot-sign-munchanien" @click="openMunchanienHint">
<span class="sign-icon">🪧</span>
<span class="hotspot-badge">Wegweiser: Münchanien 🏰</span>
<span class="hotspot-badge">Hansi (Münchanien) 🧔</span>
</button>
<!-- Trail to Hinter den Bergen (Taiwan & Papa Markus) -->
@@ -1046,24 +1034,6 @@ function proceedToExpress() {
</div>
</div>
<!-- Münchanien Hint Modal -->
<div v-if="munchanienHintActive" class="dialog-overlay" @click="munchanienHintActive = false">
<div class="dialog-box intro-modal-box" @click.stop>
<div class="intro-modal-header">
<span class="intro-tag">WEGWEISER NACH MÜNCHANIE</span>
<button class="duel-close-btn" @click="munchanienHintActive = false" aria-label="Schließen">✕</button>
</div>
<h2 class="intro-modal-title">🏰 WEGWEISER: NACH MÜNCHANIE</h2>
<p class="intro-modal-story">
Auf dem geschnitzten Wegweiser steht mit Kreide geschrieben:<br><br>
<em>„Hansi ist schon vorausgegangen, um die mächtige Sound-Anlage für das Abschiedskonzert in der Residenzstadt Münchanie aufzubauen! Bereite dich gut vor, sammle Kronkorken und Helles in allen Räumen und besuche alle Freunde, bevor du nach Akt IV aufbrichst!“</em>
</p>
<button class="action-btn" @click="munchanienHintActive = false">
Verstanden! Weiter erkunden
</button>
</div>
</div>
<!-- Liar's Dice Intro Modal -->
<div v-if="liarsDiceIntroOpen" class="dialog-overlay" @click="liarsDiceIntroOpen = false">
<div class="dialog-box intro-modal-box" @click.stop>
@@ -1300,8 +1270,8 @@ function proceedToExpress() {
/* Trapdoor to Party Bunker Easter Egg */
.trapdoor-hotspot {
position: absolute;
top: 84%;
left: 35%;
top: 76%;
left: 32%;
transform: translate(-50%, -50%);
background: rgba(212, 175, 55, 0.25);
border: 2px dashed #ffd700;
@@ -1343,11 +1313,11 @@ function proceedToExpress() {
}
/* 1. Schankraum Hotspots */
.hotspot-verena { top: 21%; left: 28%; }
.hotspot-door-nebenraum { top: 45%; left: 34%; }
.hotspot-armend { top: 58%; left: 74%; }
.hotspot-lutz { top: 56%; left: 52%; }
.hotspot-door-marktplatz { top: 48%; left: 86%; }
.hotspot-verena { top: 44%; left: 10%; }
.hotspot-door-nebenraum { top: 36%; left: 54%; }
.hotspot-armend { top: 58%; left: 22%; }
.hotspot-lutz { top: 48%; left: 38%; }
.hotspot-door-marktplatz { top: 90%; left: 18%; }
/* 2. Nebenraum Hotspots */
.hotspot-mirror-nebenraum { top: 36%; left: 24%; }
@@ -1417,7 +1387,7 @@ function proceedToExpress() {
.hotspot-door-hinterland { top: 34%; left: 76%; }
/* 4. Hinterland Hotspots */
.hotspot-mane { top: 52%; left: 82%; }
.hotspot-mane { top: 56%; left: 82%; }
.hiking-anim {
animation: hikeBob 1.2s infinite ease-in-out;
}
@@ -1432,14 +1402,13 @@ function proceedToExpress() {
transform: rotate(20deg);
}
.hotspot-hansi { top: 44%; left: 63%; }
.hotspot-sign-munchanien { top: 53%; left: 24%; }
.hotspot-door-hinter-den-bergen { top: 42%; left: 24%; }
.hotspot-door-back-marktplatz { top: 74%; left: 16%; }
.hotspot-hansi { top: 48%; left: 66%; }
.hotspot-door-hinter-den-bergen { top: 38%; left: 20%; }
.hotspot-door-back-marktplatz { top: 80%; left: 16%; }
/* 5. Hinter den Bergen Hotspots */
.hotspot-markus { top: 56%; left: 50%; }
.hotspot-door-back-hinterland { top: 74%; left: 20%; }
.hotspot-markus { top: 68%; left: 50%; }
.hotspot-door-back-hinterland { top: 88%; left: 16%; }
/* 6. Hinterzimmer Hotspots & Strobe */
.strobe-overlay {