Editing Templates Mage

<div style="background: linear-gradient(180deg, #181410 0%, #0d0b09 100%); border: 2px solid #5a4225; border-radius: 8px; padding: 20px; margin-bottom: 25px;">
<h1 style="color: #e5c158; border-bottom: 2px solid #5a4225; padding-bottom: 10px; margin-top: 0;">🔮 Arcane Caster (Mage) Templates</h1>
<p style="color: #ccc; font-size: 14px;">The Mage archetype harnesses the power of 64 Magery spells, rapid mana regeneration, massive area-of-effect destruction (Chain Lightning, Meteor Swarm), and tactical crowd control.</p>
<p style="color: #aaa; font-size: 13px;">Below is the progression tree starting from a beginner build (700 Skill Points) branching into 3 advanced specializations (720 Skill Points with Power Scrolls):</p>
</div>

<div style="display: flex; justify-content: center; margin-bottom: 10px;">
<div style="background: #0d0b09; border: 3px solid #7c4729; border-radius: 8px; padding: 18px; width: 100%; max-width: 500px; box-shadow: 0 4px 15px rgba(0,0,0,0.7);">
<h3 style="color: #83e631; margin-top: 0; border-bottom: 1px solid #7c4729; padding-bottom: 5px;">Basic Mage (700 Skill Points)</h3>
<div style="background: #15120e; border: 1px solid #3d2f1f; border-radius: 4px; padding: 10px 12px; margin-bottom: 10px; font-family: monospace; font-size: 13px; line-height: 1.6;">
<span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #90e0ef; font-weight: bold;">Strength</span><br />
<span style="color: #70e000; font-weight: bold;">&nbsp;25</span> <span style="color: #90e0ef; font-weight: bold;">Dexterity</span><br />
<span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #90e0ef; font-weight: bold;">Intelligence</span>
</div>
<div style="background: #15120e; border: 1px solid #3d2f1f; border-radius: 4px; padding: 10px 12px; margin-bottom: 12px; font-family: monospace; font-size: 13px; line-height: 1.6;">
<span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #e5c158;">Magery</span><br />
<span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #e5c158;">Evaluate Intelligence</span><br />
<span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #e5c158;">Meditation</span><br />
<span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #e5c158;">Resisting Spells</span><br />
<span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #e5c158;">Inscription</span> (Spell Damage Bonus)<br />
<span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #e5c158;">Wrestling</span> (Defensive Wrestling / Disarm)<br />
<span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #e5c158;">Focus</span> (Mana & Stamina Regeneration)
</div>
<ul style="color: #bbb; font-size: 12px; padding-left: 18px; margin: 0; line-height: 1.5;">
<li><b>Playstyle:</b> Spell combos (Explosion + Energy Bolt + Flame Strike) for devastating burst; Inscription grants +10% Spell Damage and enhanced Reactive Armor.</li>
<li><b>Starting Skills:</b> 50 Magery, 49 Evaluate Intelligence, 1 Meditation</li>
<li><b>Gear:</b> Leather Armor (Allows Meditation), Spellbook with SDI, LRC, and LMC attributes.</li>
</ul>
<div style="text-align: center; margin-top: 10px; color: #5cd65c; font-size: 11px; font-weight: bold; letter-spacing: 2px;">NEW HOPE</div>
</div>
</div>

<div style="display: flex; justify-content: space-around; margin: 10px 0 15px 0; font-size: 28px; color: #e5c158;">
<div>⬇️</div>
<div>⬇️</div>
<div>⬇️</div>
</div>

<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px;">

<!-- CARD 1: PURE CASTER MAGE -->
<div style="background: #0d0b09; border: 3px solid #7c4729; border-radius: 8px; padding: 18px; box-shadow: 0 4px 15px rgba(0,0,0,0.7);">
<h3 style="color: #83e631; margin-top: 0; border-bottom: 1px solid #7c4729; padding-bottom: 5px;">Pure Caster Mage (720 Skill Points)</h3>
<div style="color: #e5c158; font-size: 11px; margin-bottom: 8px; font-weight: bold;">[MAX SPELL DAMAGE INCREASE (SDI)]</div>
<div style="background: #15120e; border: 1px solid #3d2f1f; border-radius: 4px; padding: 8px 10px; margin-bottom: 10px; font-family: monospace; font-size: 13px; line-height: 1.5;">
<span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #90e0ef; font-weight: bold;">Strength</span> | <span style="color: #70e000; font-weight: bold;">25</span> <span style="color: #90e0ef; font-weight: bold;">Dexterity</span> | <span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #90e0ef; font-weight: bold;">Int</span>
</div>
<div style="background: #15120e; border: 1px solid #3d2f1f; border-radius: 4px; padding: 8px 10px; margin-bottom: 10px; font-family: monospace; font-size: 13px; line-height: 1.5;">
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Magery</span><br />
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Evaluate Intelligence</span><br />
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Meditation</span><br />
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Resisting Spells</span><br />
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Inscription</span> (Spell Damage Booster)<br />
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Poisoning</span> (Upgrades Cast Poison to Lethal)
</div>
<ul style="color: #bbb; font-size: 12px; padding-left: 18px; margin: 0; line-height: 1.5;">
<li><b>Playstyle:</b> 120 Poisoning allows ranged Poison spells to afflict enemies with high-tier Deadly/Lethal poison while Inscription boosts direct spell damage to maximum cap.</li>
<li><b>Gear:</b> 100% Lower Reagent Cost (LRC), 40% Lower Mana Cost (LMC), High SDI Jewelry & Scrapper's Compendium.</li>
</ul>
<div style="text-align: center; margin-top: 10px; color: #5cd65c; font-size: 11px; font-weight: bold; letter-spacing: 2px;">NEW HOPE</div>
</div>

<!-- CARD 2: NECRO WARLOCK -->
<div style="background: #0d0b09; border: 3px solid #7c4729; border-radius: 8px; padding: 18px; box-shadow: 0 4px 15px rgba(0,0,0,0.7);">
<h3 style="color: #83e631; margin-top: 0; border-bottom: 1px solid #7c4729; padding-bottom: 5px;">Necro Mage / Warlock (720 Skill Points)</h3>
<div style="color: #e5c158; font-size: 11px; margin-bottom: 8px; font-weight: bold;">[CURSES & AOE DESTRUCTION]</div>
<div style="background: #15120e; border: 1px solid #3d2f1f; border-radius: 4px; padding: 8px 10px; margin-bottom: 10px; font-family: monospace; font-size: 13px; line-height: 1.5;">
<span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #90e0ef; font-weight: bold;">Strength</span> | <span style="color: #70e000; font-weight: bold;">25</span> <span style="color: #90e0ef; font-weight: bold;">Dexterity</span> | <span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #90e0ef; font-weight: bold;">Int</span>
</div>
<div style="background: #15120e; border: 1px solid #3d2f1f; border-radius: 4px; padding: 8px 10px; margin-bottom: 10px; font-family: monospace; font-size: 13px; line-height: 1.5;">
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Magery</span><br />
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Evaluate Intelligence</span><br />
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Spirit Speak</span> (Self-Heal & Spell Damage)<br />
<span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #e5c158;">Necromancy</span><br />
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Meditation</span><br />
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Resisting Spells</span><br />
<span style="color: #70e000; font-weight: bold;">&nbsp;20</span> <span style="color: #e5c158;">Focus</span> (or Inscription)
</div>
<ul style="color: #bbb; font-size: 12px; padding-left: 18px; margin: 0; line-height: 1.5;">
<li><b>Playstyle:</b> Cast Corpse Skin to drop target Fire/Poison resistance by -15%, then melt them with Wither AoE, Strangle, and Flame Strike. Spirit Speak channels free health recovery.</li>
<li><b>Gear:</b> Necromancer Spellbook, Bone Armor or Med-enabled Leather Set.</li>
</ul>
<div style="text-align: center; margin-top: 10px; color: #5cd65c; font-size: 11px; font-weight: bold; letter-spacing: 2px;">NEW HOPE</div>
</div>

<!-- CARD 3: BARD MAGE -->
<div style="background: #0d0b09; border: 3px solid #7c4729; border-radius: 8px; padding: 18px; box-shadow: 0 4px 15px rgba(0,0,0,0.7);">
<h3 style="color: #83e631; margin-top: 0; border-bottom: 1px solid #7c4729; padding-bottom: 5px;">Bard Mage / Control (720 Skill Points)</h3>
<div style="color: #e5c158; font-size: 11px; margin-bottom: 8px; font-weight: bold;">[DUNGEON CONTROL & AOE CLEAR]</div>
<div style="background: #15120e; border: 1px solid #3d2f1f; border-radius: 4px; padding: 8px 10px; margin-bottom: 10px; font-family: monospace; font-size: 13px; line-height: 1.5;">
<span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #90e0ef; font-weight: bold;">Strength</span> | <span style="color: #70e000; font-weight: bold;">25</span> <span style="color: #90e0ef; font-weight: bold;">Dexterity</span> | <span style="color: #70e000; font-weight: bold;">100</span> <span style="color: #90e0ef; font-weight: bold;">Int</span>
</div>
<div style="background: #15120e; border: 1px solid #3d2f1f; border-radius: 4px; padding: 8px 10px; margin-bottom: 10px; font-family: monospace; font-size: 13px; line-height: 1.5;">
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Magery</span><br />
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Evaluate Intelligence</span><br />
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Musicianship</span><br />
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Provocation</span> (Forces Mobs to Fight)<br />
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Peacemaking</span> (Calms Aggressive Mobs)<br />
<span style="color: #70e000; font-weight: bold;">120</span> <span style="color: #e5c158;">Meditation</span>
</div>
<ul style="color: #bbb; font-size: 12px; padding-left: 18px; margin: 0; line-height: 1.5;">
<li><b>Playstyle:</b> Provoke the most dangerous dungeon creatures against each other, calm the stragglers with Peacemaking, and wipe the room with Chain Lightning & Earthquake.</li>
<li><b>Gear:</b> Slayer Instruments (Lute, Harp, Flute), High SDI Spellbook.</li>
</ul>
<div style="text-align: center; margin-top: 10px; color: #5cd65c; font-size: 11px; font-weight: bold; letter-spacing: 2px;">NEW HOPE</div>
</div>

</div>