Feature: 100-point scoring, question memory & spaced repetition, random wizard name generator, cache-busting v2.2, gold footer pills

app/templates/finale.html

@@ -17,9 +17,9 @@
         <div class="score-banner">
             <p class="score-highlight" id="finaleScoreText">
                 {% if lang == 'en' %}
-                You achieved <span class="gold-text">{{ score }}</span> out of <span class="gold-text">{{ total }}</span> House Points!
+                You achieved <span class="gold-text">{{ score }}</span> out of <span class="gold-text">{{ max_score }}</span> House Points!
                 {% else %}
-                Du hast <span class="gold-text">{{ score }}</span> von <span class="gold-text">{{ total }}</span> Hauspunkten erzielt!
+                Du hast <span class="gold-text">{{ score }}</span> von <span class="gold-text">{{ max_score }}</span> Hauspunkten erzielt!
                 {% endif %}
             </p>
             <p class="time-highlight" id="finaleTimeText">
@@ -45,6 +45,9 @@
             <form id="leaderboardForm" class="magic-form" onsubmit="submitScoreToLeaderboard(event)" style="margin-top: 12px;">
                 <div class="input-with-btn">
                     <input type="text" id="nicknameInput" class="input-text" placeholder="z. B. Fliegender_Besen oder Lord_Voldi" maxlength="30" required autocomplete="off">
+                    <button type="button" id="diceBtn" class="btn btn-secondary btn-dice" onclick="rollRandomName()" title="Zufälliger Zauberer-Name">
+                        🎲 <span class="dice-label" id="diceLabel">Zufall</span>
+                    </button>
                     <button type="submit" id="lbSubmitBtn" class="btn btn-primary">
                         📜 Verewigen
                     </button>
@@ -91,17 +94,55 @@
 <script>
     const score = {{ score }};
     const total = {{ total }};
+    const maxScore = {{ max_score }};
     const timeSec = {{ time_seconds }};
     let scoreAlreadySubmitted = false;
 
+    const WIZARD_NAMES = {
+        de: [
+            "Fliegender_Besen", "Goldener_Schnatz", "Butterbier_Genießer",
+            "Severus_Snape_Fan", "Dumbledores_Phaenix", "Hogwarts_Spion",
+            "Peeves_Geist", "Niffler_Raeuber", "Gryffindor_Loewe",
+            "Ravenclaw_Adler", "Hufflepuff_Dachs", "Slytherin_Schlange",
+            "Mondkalb_Freund", "Zauberschach_Meister", "Kessel_Explodierer",
+            "Alraunen_Zaehmer", "Krummbein_Fan", "Tarnumhang_Traeger",
+            "Zeitumkehrer_Reisender", "Kuerbissaft_Trinker", "Patronus_Beschwoerer",
+            "Erlesener_Zauberstab", "Kopfloser_Reiter", "Schokofrosch_Sammler",
+            "Verbotene_Abteilung", "Hippogreif_Reiter", "Hauselfen_Freund"
+        ],
+        en: [
+            "Flying_Broom", "Golden_Snitch", "Butterbeer_Lover",
+            "Severus_Fan", "Dumbledores_Phoenix", "Hogwarts_Spy",
+            "Peeves_Poltergeist", "Niffler_Bandit", "Gryffindor_Lion",
+            "Ravenclaw_Eagle", "Hufflepuff_Badger", "Slytherin_Snake",
+            "Mooncalf_Buddy", "Wizard_Chess_Master", "Cauldron_Exploder",
+            "Mandrake_Whisperer", "Crookshanks_Fan", "Invisibility_Bearer",
+            "Time_Turner_Voyager", "Pumpkin_Juice_Drinker", "Patronus_Caster",
+            "Elder_Wand_Seeker", "Headless_Hunt_Guest", "Chocolate_Frog_Collector",
+            "Restricted_Section", "Hippogriff_Rider", "House_Elf_Defender"
+        ]
+    };
+
+    function rollRandomName() {
+        const isDe = (currentLang !== "en");
+        const list = isDe ? WIZARD_NAMES.de : WIZARD_NAMES.en;
+        const name = list[Math.floor(Math.random() * list.length)];
+        const input = document.getElementById("nicknameInput");
+        if (input) {
+            input.value = name;
+            input.focus();
+        }
+    }
+
     const FINALE_I18N = {
         de: {
             title: "⚡ Das große Hogwarts-Zeugnis ⚡",
-            scoreText: `Du hast <span class="gold-text">${score}</span> von <span class="gold-text">${total}</span> Hauspunkten erzielt!`,
+            scoreText: `Du hast <span class="gold-text">${score}</span> von <span class="gold-text">${maxScore}</span> Hauspunkten erzielt!`,
             timeText: `⏱️ Benötigte Zeit: <strong class="gold-text">${formatSecondsDe(timeSec)}</strong>`,
             lbTitle: "🏆 Trage dich in die Ruhmeshalle ein!",
             lbSub: "Völlig anonym – wähle deinen Zauberer-Spitznamen:",
             lbPlaceholder: "z. B. Fliegender_Besen oder Lord_Voldi",
+            diceLabel: "Zufall",
             lbBtn: "📜 Verewigen",
             lbBtnSending: "✨ Wird verewigt...",
             miniLbTitle: "Top Zauberer:",
@@ -115,11 +156,12 @@
         },
         en: {
             title: "⚡ The Great Hogwarts Report Card ⚡",
-            scoreText: `You achieved <span class="gold-text">${score}</span> out of <span class="gold-text">${total}</span> House Points!`,
+            scoreText: `You achieved <span class="gold-text">${score}</span> out of <span class="gold-text">${maxScore}</span> House Points!`,
             timeText: `⏱️ Time needed: <strong class="gold-text">${formatSecondsEn(timeSec)}</strong>`,
             lbTitle: "🏆 Enter the Hogwarts Hall of Fame!",
             lbSub: "Completely anonymous – choose your wizard nickname:",
             lbPlaceholder: "e.g. Flying_Broom or Lord_Voldi",
+            diceLabel: "Random",
             lbBtn: "📜 Enter Score",
             lbBtnSending: "✨ Entering score...",
             miniLbTitle: "Top Wizards:",
@@ -225,10 +267,11 @@
     };
 
     function getTierForScore(s) {
-        if (s >= 10) return TIERS_DATA[10];
-        if (s >= 8) return TIERS_DATA[8];
-        if (s >= 5) return TIERS_DATA[5];
-        if (s >= 2) return TIERS_DATA[2];
+        const pct = (s <= 10 && total <= 10) ? (s / total) : (s / maxScore);
+        if (pct >= 0.90) return TIERS_DATA[10];
+        if (pct >= 0.70) return TIERS_DATA[8];
+        if (pct >= 0.50) return TIERS_DATA[5];
+        if (pct >= 0.20) return TIERS_DATA[2];
         return TIERS_DATA[0];
     }
 
@@ -242,6 +285,7 @@
         const lbTitle = document.getElementById("lbCardTitle");
         const lbSub = document.getElementById("lbCardSub");
         const nicknameInput = document.getElementById("nicknameInput");
+        const diceLabel = document.getElementById("diceLabel");
         const lbSubmitBtn = document.getElementById("lbSubmitBtn");
         const miniLbTitle = document.getElementById("miniLbTitle");
         const thNick = document.getElementById("thNick");
@@ -256,6 +300,7 @@
         if (timeText) timeText.innerHTML = t.timeText;
         if (lbTitle) lbTitle.innerText = t.lbTitle;
         if (lbSub) lbSub.innerText = t.lbSub;
+        if (diceLabel) diceLabel.innerText = t.diceLabel;
         if (nicknameInput) nicknameInput.placeholder = t.lbPlaceholder;
         if (lbSubmitBtn && !lbSubmitBtn.disabled) lbSubmitBtn.innerText = t.lbBtn;
         if (miniLbTitle) miniLbTitle.innerText = t.miniLbTitle;
@@ -354,7 +399,7 @@
                 tr.innerHTML = `
                     <td><strong>${rankDisplay}</strong></td>
                     <td>${e.nickname}</td>
-                    <td><span class="gold-text">${e.score}/${e.total_questions}</span></td>
+                    <td><span class="gold-text">${e.score} Pkt.</span></td>
                     <td>${e.time_formatted}</td>
                 `;
                 body.appendChild(tr);
@@ -368,6 +413,7 @@
     document.addEventListener("DOMContentLoaded", () => {
         onLanguageChange(currentLang);
         loadMiniLeaderboard();
+        rollRandomName();
     });
 </script>
 {% endblock %}