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

app/templates/cryptex.html

@@ -4,18 +4,25 @@
 
 {% block content %}
 <div class="parchment-scroll">
-    <h1 class="parchment-title">🔐 Kammer IV: Das Runen-Drehschloss 🔐</h1>
-    <p class="riddle-poem" style="font-size: 1.15rem; margin: 0.3rem 0;">
-        "Vor dir ragt das Tresortor der vier Gründer mit vier rotierenden Messingwalzen.<br>
-        <em>»Der <strong>Löwe</strong> wacht am Himmelstor,<br>
-        wo nachts die <strong>Silbersichel</strong> glimmt,<br>
-        das ew’ge <strong>Feuer</strong> niemals stirbt,<br>
-        bis der <strong>Zauberstab</strong> die Siegel bricht.«</em>"
-    </p>
+    <h1 class="parchment-title">🔐 Kammer IV: Das Runen-Drehschloss der Gründer 🔐</h1>
+    <div style="font-family: 'Caveat', cursive; font-size: 1.25rem; line-height: 1.6; color: #efe5cb; text-align: left; padding: 0.25rem 0.5rem;">
+        <em>
+        »Vier Siegel schloss der Gründer Rat, bevor man je die Schatzkammer betrat.<br>
+        Kein Zauber bricht das Schloss, wenn du die Verse nicht ergründest:<br><br>
+        <strong>I. Das Wappentier von Godric:</strong><br>
+        Nicht die verschlagene Natter der Kerker, nicht der kluge Rabe, nicht der emsige Dachs – wer krönt mit goldener Mähne den Mut der Tapfersten?<br><br>
+        <strong>II. Das Gestirn der Gezeiten:</strong><br>
+        Nicht das sengende Mittagslicht, nicht der stumme Polarstern, nicht der jähe Blitz – welcher silberne Wanderer herrscht über die stille Nacht?<br><br>
+        <strong>III. Das verzehrende Element:</strong><br>
+        Es löscht keinen Durst, wurzelt in keinem Boden, weht nicht wie der Wind – es frisst gierig Holz, tanzt in Glut und stirbt im Wasser.<br><br>
+        <strong>IV. Das Werkzeug des Meisters:</strong><br>
+        Nicht das Schloss selbst, nicht das alte Pergament, nicht die Glasphiole – welches Instrument aus Holz und Phönixfeder schlägt die Funken?«
+        </em>
+    </div>
 </div>
 
 <div class="cryptex-container">
-    <!-- Status / Feedback Toast -->
+    <!-- Feedback Toast -->
     <div id="cryptexFeedback" style="display: none; padding: 0.6rem 1rem; border-radius: 8px; font-weight: bold; text-align: center; width: 100%;">
     </div>
 
@@ -70,7 +77,7 @@
         <button type="button" id="unlockCryptexBtn" class="btn-magical" style="padding: 0.9rem 2.2rem; font-size: 1.25rem; width: 100%; max-width: 320px;" onclick="checkCryptex()">
             🔓 Siegel entriegeln
         </button>
-        <span style="color: var(--text-dim); font-size: 0.85rem;">Tippe auf ▲/▼ oder wische auf den Walzen</span>
+        <span style="color: var(--text-dim); font-size: 0.85rem;">Tippe auf ▲/▼ oder wische über die Walzen</span>
     </div>
 
     <!-- Success Panel -->
@@ -81,7 +88,7 @@
                 Das Tor der Gründer steht offen!
             </h2>
             <p style="color: var(--text-light); max-width: 500px; margin: 0 auto 1.25rem auto;">
-                Die Messingbolzen schnappen lautstark zurück! Der uralte <strong>Schlüssel der Gründer</strong> wandert in deinen <strong>Zauberbeutel</strong>.
+                Mit Scharfsinn hast du alle 4 Verse entschlüsselt! Die massiven Bolzen schnappen auf und der uralte <strong>Schlüssel der Gründer</strong> liegt in deinem <strong>Zauberbeutel</strong>.
             </p>
             <div style="display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;">
                 <a href="/pixies" class="btn-magical">Zur nächsten Prüfung: Wichtel-Panik 🧚➔</a>
@@ -93,5 +100,5 @@
 {% endblock %}
 
 {% block scripts %}
-<script src="/static/js/cryptex.js?v=2.0"></script>
+<script src="/static/js/cryptex.js?v=3.0"></script>
 {% endblock %}