Polish: Fix pixie visibility bug, add flight ready countdown, SVG cauldron redesign, and upgrade riddles

2026-09-22 20:14:32 +02:00
parent 5551c4e54f
commit cb8851b7a4
12 changed files with 368 additions and 231 deletions
@@ -21,6 +21,19 @@
    </div>

    <canvas id="broomCanvas" style="touch-action: none; -webkit-user-select: none; user-select: none; width: 100%; display: block;"></canvas>
+
+    <!-- Start Flight Overlay -->
+    <div id="broomStartOverlay" class="flight-start-overlay">
+        <div style="font-size: 2.8rem; margin-bottom: 0.3rem;">🧹✨⭕</div>
+        <h3 style="color: var(--gold); font-size: 1.45rem; margin: 0 0 0.4rem 0;">Bereit zum Abflug?</h3>
+        <p style="color: var(--text-light); font-size: 0.95rem; margin: 0 0 1.2rem 0; text-align: center; max-width: 300px;">
+            Fliege durch <strong>12 magische Ringe</strong>!<br>
+            Steuere per Daumen über das Spielfeld oder mit dem Steuerkreuz unten.
+        </p>
+        <button type="button" id="startFlightBtn" class="btn-magical" style="padding: 0.85rem 2.2rem; font-size: 1.2rem;" onclick="startFlight()">
+            ⚡ Flug starten!
+        </button>
+    </div>
 </div>

 <!-- Mobile Flight Cockpit & D-Pad -->