100 levels; cast magic

Author: jbampton

src/_includes/footer.njk

@@ -75,6 +75,10 @@
             <span>🛠️ SYS_OPTIMIZE</span>
             <span class="opacity-50">+15</span>
         </button>
+        <button onclick="triggerMagicXP()" class="w-full flex justify-between px-2 py-1.5 bg-gradient-to-r from-purple-600/20 to-blue-600/20 text-purple-400 text-[8px] border border-purple-500/30 rounded hover:from-purple-600/40 hover:to-blue-600/40 transition-all group">
+            <span>✨ CAST_MAGIC_XP</span>
+            <span class="group-hover:animate-pulse">+100 XP</span>
+        </button>
         <button onclick="toggleScreenshotMode()" class="w-full flex justify-between px-2 py-1 bg-white/5 text-slate-400 text-[8px] border border-white/10 rounded">
             <span>📸 SCREENSHOT</span>
             <span class="opacity-50">5S</span>

src/assets/js/script.js

@@ -142,6 +142,18 @@ const LEVELS = [
     { level: 49, name: "Istari Pupil", emoji: "🧙", color: "#3b82f6" },
     { level: 50, name: "Ring-bearer", emoji: "💍", color: "#fbbf24" },
 
+    // NEW LEVELS 51-60
+    { level: 51, name: "White Wizard", emoji: "🧙‍♂️", color: "#f8fafc" },
+    { level: 52, name: "Silmaril Seeker", emoji: "💎", color: "#7dd3fc" },
+    { level: 53, name: "Dune Walker", emoji: "⏳", color: "#fcd34d" },
+    { level: 54, name: "Shadowfax Rider", emoji: "🐎", color: "#e2e8f0" },
+    { level: 55, name: "Master of Coin", emoji: "🪙", color: "#fbbf24" },
+    { level: 56, name: "Kingsguard", emoji: "🛡️", color: "#94a3b8" },
+    { level: 57, name: "Valyrian Smith", emoji: "⚒️", color: "#475569" },
+    { level: 58, name: "Night Watcher", emoji: "🦉", color: "#312e81" },
+    { level: 59, name: "Obsidian Blade", emoji: "🗡️", color: "#1e293b" },
+    { level: 60, name: "Citadel Maester", emoji: "📜", color: "#8b5e3c" },
+
     // 61-80: High Magic & Artifacts
     { level: 61, name: "Mox Emerald", emoji: "💚", color: "#10b981" },
     { level: 62, name: "Mox Sapphire", emoji: "💙", color: "#3b82f6" },
@@ -154,6 +166,18 @@ const LEVELS = [
     { level: 69, name: "Shelob's Kin", emoji: "🕷️", color: "#0f172a" },
     { level: 70, name: "Dragon-friend", emoji: "🐲", color: "#dc2626" },
 
+    // NEW LEVELS 71-80
+    { level: 71, name: "Neon Ghost", emoji: "👻", color: "#22d3ee" },
+    { level: 72, name: "Dragon's Greed", emoji: "🪙", color: "#fbbf24" },
+    { level: 73, name: "Mistborn", emoji: "🌫️", color: "#94a3b8" },
+    { level: 74, name: "Cinder Soul", emoji: "🔥", color: "#f87171" },
+    { level: 75, name: "High Council", emoji: "🏛️", color: "#6366f1" },
+    { level: 76, name: "Valyrian Steel", emoji: "🗡️", color: "#cbd5e1" },
+    { level: 77, name: "Golden Snitch", emoji: "✨", color: "#facc15" },
+    { level: 78, name: "Ether Weaver", emoji: "🕸️", color: "#a855f7" },
+    { level: 79, name: "Star Forge", emoji: "🔨", color: "#38bdf8" },
+    { level: 80, name: "Mithril Guard", emoji: "🛡️", color: "#e2e8f0" },
+
     // 81-90: Wheel of Time (The Forsaken & Dragons)
     { level: 81, name: "Lan Mandragoran", emoji: "🗡️", color: "#1e293b" },
     { level: 82, name: "Moiraine Damodred", emoji: "💧", color: "#1d4ed8" },
@@ -162,6 +186,12 @@ const LEVELS = [
     { level: 85, name: "Lewes Therin", emoji: "☀️", color: "#fde047" },
     { level: 86, name: "Dragon Reborn", emoji: "🐉", color: "#ef4444" },
 
+    // NEW LEVELS 87-90
+    { level: 87, name: "Phoenix Down", emoji: "🪶", color: "#fb7185" },
+    { level: 88, name: "Void Sentinel", emoji: "👁️‍🗨️", color: "#4ade80" },
+    { level: 89, name: "Elder Wand", emoji: "🪄", color: "#94a3b8" },
+    { level: 90, name: "Balrog's Whip", emoji: "🔥", color: "#b91c1c" },
+
     // 91-100: Cosmic Legends
     { level: 91, name: "Sauron's Shadow", emoji: "👁️", color: "#000000" },
     { level: 92, name: "Galadriel's Light", emoji: "🌟", color: "#e2e8f0" },
@@ -714,3 +744,36 @@ function addMaintenanceXP() {
         console.log("%c [SYS_ADMIN] System optimized: +5 XP", "color: #ec4899; font-weight: bold;");
     }
 }
+
+/**
+ * MAGIC XP HANDLER
+ */
+function triggerMagicXP() {
+    // 1. Play the high-pitched secret sound
+    playSound('secret');
+
+    // 2. Add the massive XP chunk
+    addExperience(100);
+
+    // 3. Visual "Magic" Flare on the badge
+    const badge = document.getElementById('level-badge');
+    if (badge) {
+        badge.style.filter = "drop-shadow(0 0 20px #a855f7) brightness(1.5)";
+        badge.animate([
+            { transform: 'scale(1) rotate(0deg)' },
+            { transform: 'scale(2) rotate(180deg)', offset: 0.5 },
+            { transform: 'scale(1) rotate(360deg)' }
+        ], {
+            duration: 800,
+            easing: 'ease-out'
+        });
+
+        // Reset filter after animation
+        setTimeout(() => {
+            badge.style.filter = "none";
+        }, 800);
+    }
+
+    // 4. Console feedback
+    console.log("%c ✨ Magic XP Cast! +100 XP added to the void.", "color: #a855f7; font-weight: bold;");
+}