Enhance: Conceal closed letter sheet, enrich Hogwarts lore story, and allow calm reading before boarding Hogwarts Express

app/templates/base.html

@@ -8,7 +8,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Marck+Script&family=MedievalSharp&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="/static/css/style.css?v=2.5">
+    <link rel="stylesheet" href="/static/css/style.css?v=2.6">
     {% block head %}{% endblock %}
 </head>
 <body>

app/templates/index.html

@@ -38,10 +38,13 @@
                     <div class="letter-body-handwritten">
                         <p class="letter-salutation" id="letterSalutation">Liebe Hexe, lieber Zauberer,</p>
                         <p class="letter-paragraph" id="letterParagraph1">
-                            wir freuen uns, dir mitteilen zu dürfen, dass du zu den <strong>Magischen Z.A.G.-Prüfungen</strong> an der Hogwarts-Schule zugelassen bist.
+                            die schwebenden Kerzen der Großen Halle flackern in unruhigem Schein, und der Sprechende Hut hat nach Jahrhunderten des Schweigens ein wohlbehütetes Geheimnis preisgegeben: Tief in den uralten Gewölben des Schlosses – verborgen hinter den wachsamen Wasserspeiern und den staubigen Bänden der Verbotenen Abteilung – wurde eine magische Prüfungsurkunde versiegelt.
                         </p>
                         <p class="letter-paragraph" id="letterParagraph2">
-                            Zehn anspruchsvolle Prüfungsfragen entscheiden über deinen Rang in den Chroniken. Zeige deinen Scharfsinn und sichere bis zu <strong>1.000 Hauspunkte</strong> für dein Haus!
+                            Zehn arkanische Prüfungen des Scharfsinns, der Zauberkunde und der Entschlossenheit liegen vor dir. Nur wer wahren Mut beweist und die uralten Rätsel meistert, sichert sich seinen ehrenvollen Platz in den Chroniken von Hogwarts und trägt bis zu <strong>1.000 Hauspunkte</strong> für sein Haus davon!
+                        </p>
+                        <p class="letter-paragraph" id="letterParagraph3">
+                            Halte deinen Zauberstab bereit, besinne dich auf deine Flüche und Gegenzauber und nimm dich vor verhexten Trugschlüssen in Acht. Wir erwarten deine Eule nicht später als mit dem nächsten Glockenschlag des Uhrenturms.
                         </p>
                     </div>
 
@@ -68,7 +71,7 @@
                 </div>
 
                 <!-- Handgezeichnetes Wachssiegel über der Klappenspitze -->
-                <div class="sketched-wax-seal" id="waxSeal" onclick="startGame()" title="Siegel brechen & Brief öffnen">
+                <div class="sketched-wax-seal" id="waxSeal" onclick="breakSealAndOpenLetter()" title="Siegel brechen & Brief öffnen">
                     <img src="/static/img/hogwarts_seal.jpg" alt="Hogwarts-Wappen Siegel" class="seal-crest-img">
                     <div class="seal-emboss-ring"></div>
                     <div class="seal-glow"></div>
@@ -77,7 +80,7 @@
         </div>
 
         <!-- Auswahlbereich unter dem Pergament -->
-        <div class="intro-content intro-controls-panel">
+        <div class="intro-content intro-controls-panel" id="introControls">
             <p class="intro-subnote" id="introDesc">
                 Ein verzauberter Pergamentbrief aus Hogwarts liegt vor dir.<br>
                 Wähle deinen Schwierigkeitsgrad und brich das rote Zaubersiegel:
@@ -102,9 +105,19 @@
                 </div>
             </div>
 
-            <button id="startBtn" class="btn btn-primary btn-large btn-break-seal" onclick="startGame()">
-                📜 Siegel brechen & Brief öffnen
-            </button>
+            <div class="intro-action-container">
+                <button id="breakSealBtn" class="btn btn-primary btn-large btn-break-seal" onclick="breakSealAndOpenLetter()">
+                    📜 Siegel brechen & Brief öffnen
+                </button>
+                <div id="letterActions" class="letter-actions hidden">
+                    <button id="startQuizBtn" class="btn btn-primary btn-large btn-launch-quiz glow-pulse" onclick="startQuizFromLetter()">
+                        🚂 Hogwarts-Express besteigen & Prüfung beginnen ➔
+                    </button>
+                    <button id="closeLetterBtn" class="btn btn-secondary btn-close-letter" onclick="closeLetter()">
+                        ↩ Brief wieder schließen
+                    </button>
+                </div>
+            </div>
         </div>
     </div>
 
@@ -170,5 +183,5 @@
 {% endblock %}
 
 {% block scripts %}
-<script src="/static/js/quiz.js?v=2.5"></script>
+<script src="/static/js/quiz.js?v=2.6"></script>
 {% endblock %}