Toggle search
Toggle menu
568
1.4K
13
4.2K
PlayM2M Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:M2MClasses: Difference between revisions

Template page
More actions
← Older editNewer edit →
VisualWikitext
No edit summary
Tag: Reverted
m Reverted edit by Laniatus (talk) to last revision by Kujang
Tag: Rollback
Line 1: Line 1:
{| class="modern-char-select" style="width: 100%; max-width: 1800px; margin: 0 auto; background: #030712; border-radius: 32px; overflow: hidden; border: 1px solid rgba(255,255,255,0.03);"
{| class="mw-collapsible wikitable class-selection-screen" style="width: 100%; background: radial-gradient(circle at 50% 50%, #040812 0%, #0A1428 100%); margin: 2em auto; border: none; border-radius: 30px; box-shadow: 0 15px 50px rgba(0,0,0,0.4), inset 0 0 150px rgba(0,149,255,0.15); max-width: 1800px; position: relative; overflow: hidden;"


! colspan="4" style="padding: 50px 20px; background: linear-gradient(to right, rgba(15,23,42,0.9), rgba(23,37,84,0.9)); border: none; position: relative;" |
! colspan="4" style="background: linear-gradient(135deg, rgba(10,20,40,0.95) 0%, rgba(20,40,80,0.95) 100%); color: white; text-align: center; padding: 50px 20px; border-radius: 30px 30px 0 0; border: none; position: relative;" |
<div style="font-family: 'Inter', -apple-system, sans-serif; text-align: center;">
<div class="title-container" style="position: relative; z-index: 2;">
<div style="font-size: 3.5rem; font-weight: 900; background: linear-gradient(to right, #818CF8, #C084FC, #F472B6); -webkit-background-clip: text; color: transparent; letter-spacing: -1px;">CHOOSE YOUR LEGEND</div>
<div style="font-size: 3em; font-weight: 800; text-transform: uppercase; letter-spacing: 6px; text-shadow: 0 0 15px rgba(0,123,255,0.6), 0 0 30px rgba(0,123,255,0.4); margin-bottom: 20px; font-family: 'Cinzel', serif;">
<div style="color: #64748B; margin-top: 15px; font-size: 1.2rem; font-weight: 500;">Your path to glory begins here</div>
⚔️ Legendary Heroes ⚔️
</div>
<div style="font-size: 1.4em; color: #A0C4FF; font-style: italic; font-family: 'Cormorant Garamond', serif; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);">Choose Your Champion and Forge Your Legacy</div>
</div>
</div>


|-
|-
{| style="width: 100%; border-spacing: 20px; border: none; padding: 20px; background: #030712;"
| style="width: 25%; padding: 35px; vertical-align: top; background: linear-gradient(180deg, rgba(231,76,60,0.08) 0%, rgba(192,57,43,0.15) 100%); border: 2px solid rgba(231,76,60,0.3); position: relative; transition: all 0.3s ease;" class="warrior-cell" |
{| style="width: 100%; border: none; background: transparent; position: relative;"
! colspan="2" style="text-align: center; background: linear-gradient(135deg, #8B0000 0%, #CF0000 100%); color: white; border-radius: 25px; padding: 30px; margin-bottom: 30px; position: relative; overflow: hidden;" class="class-header warrior-header" |
<div style="font-size: 2em; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 15px rgba(255,0,0,0.6); letter-spacing: 3px; color: white;">[[Warrior|⚔️ Dorhan]]</div>
<div class="power-level" style="margin-top: 15px;">
<span style="display: inline-block; width: 15px; height: 15px; background: #FF6B6B; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #FF6B6B;"></span>
<span style="display: inline-block; width: 15px; height: 15px; background: #FF6B6B; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #FF6B6B;"></span>
<span style="display: inline-block; width: 15px; height: 15px; background: #FF6B6B; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #FF6B6B;"></span>
<span style="display: inline-block; width: 15px; height: 15px; background: #FF6B6B; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #FF6B6B;"></span>
</div>
|-
|-
| style="width: 25%; vertical-align: top;" |
| colspan="2" style="text-align: center; padding: 35px; background: radial-gradient(circle at center, rgba(139,0,0,0.25) 0%, rgba(0,0,0,0.4) 100%); border-radius: 25px; margin: 15px 0 30px 0; box-shadow: inset 0 0 40px rgba(0,0,0,0.5); position: relative;" class="character-frame warrior-frame" |
<div class="char-card warrior" style="background: #0F172A; border-radius: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,0.05); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);">
<div class="character-spotlight warrior-spotlight">
<div style="position: relative;">
[[File:warrior_male.png|120x120px|link=Warrior|class="char-image male warrior-male"]]
<div class="card-bg" style="background: linear-gradient(45deg, #991B1B, #DC2626); height: 120px; position: relative; overflow: hidden;">
[[File:warrior_female.png|120x120px|link=Warrior|class="char-image female warrior-female"]]
    <div style="position: absolute; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxIDAgNiAyLjY5IDYgNnMtMi42OSA2LTYgNi02LTIuNjktNi02IDIuNjktNiA2LTZ6TTI0IDQ4YzYuNjMgMCAxMi01LjM3IDEyLTEycy01LjM3LTEyLTEyLTEyLTEyIDUuMzctMTIgMTIgNS4zNyAxMiAxMiAxMnoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjA1Ii8+PC9nPjwvc3ZnPg==);">
<div class="char-glow warrior-glow"></div>
    </div>
</div>
</div>
 
<div class="class-stats" style="margin-top: 20px; color: #FFB6B6; text-align: center;">
<div style="margin-top: -60px; position: relative; z-index: 2; text-align: center;">
<div style="font-size: 1.1em; margin-bottom: 10px;">Class Attributes</div>
[[File:warrior_male.png|130x130px|class="char-img male" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
<div style="display: flex; justify-content: center; gap: 20px; font-size: 0.9em;">
[[File:warrior_female.png|130x130px|class="char-img female" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
<div>Strength ⚔️</div>
<div>Defense 🛡️</div>
<div>Agility✨</div>
</div>
</div>
</div>
</div>
 
|-
<div style="padding: 25px;">
| style="text-align: center; padding: 18px;" | [[File:WarriSkillTree.png|60x60px|link=Warrior_abilites|class="ability-icon warrior-ability"]]
<div style="text-align: center;">
| style="text-align: left; padding: 18px;" | [[Warrior_abilites|<span class="ability-text warrior-text">Combat Mastery</span>]]
<div style="font-size: 1.8rem; font-weight: 800; color: #F87171;">WARRIOR</div>
|-
<div style="color: #9CA3AF; font-size: 0.9rem; margin-top: 5px;">Master of Combat</div>
| style="text-align: center; padding: 18px;" | [[File:WarriorArmour.png|60x60px|link=Harcos_Vértek|class="ability-icon warrior-ability"]]
| style="text-align: left; padding: 18px;" | [[Harcos_Vértek|<span class="ability-text warrior-text">Legendary Armor</span>]]
|-
| style="text-align: center; padding: 18px;" | [[File:WarriorBlade.png|60x60px|link=WarriorWeapons|class="ability-icon warrior-ability"]]
| style="text-align: left; padding: 18px;" | [[WarriorWeapons|<span class="ability-text warrior-text">Arsenal of War</span>]]
|-
| style="text-align: center; padding: 18px;" | [[File:WarriorHelm.png|60x60px|link=Harcos/Sisakok|class="ability-icon warrior-ability"]]
| style="text-align: left; padding: 18px;" | [[Harcos/Sisakok|<span class="ability-text warrior-text">Battle Helms</span>]]
|-
| colspan="2" style="text-align: center; padding: 20px;" |
<div class="class-description" style="color: #FFB6B6; font-style: italic; font-size: 0.9em; line-height: 1.6;">
"Masters of combat, Dorhan warriors stand as the ultimate defenders of the realm. Their unmatched prowess in battle and indomitable spirit make them legendary heroes."
</div>
</div>
|}


<div class="stats-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0; background: #1E293B; padding: 15px; border-radius: 12px;">
| style="width: 25%; padding: 35px; vertical-align: top; background: linear-gradient(180deg, rgba(155,89,182,0.08) 0%, rgba(142,68,173,0.15) 100%); border: 2px solid rgba(155,89,182,0.3); position: relative; transition: all 0.3s ease;" class="wizard-cell" |
<div style="text-align: center;">
{| style="width: 100%; border: none; background: transparent; position: relative;"
<div style="color: #F87171; font-size: 1.2rem; font-weight: 700;">95</div>
! colspan="2" style="text-align: center; background: linear-gradient(135deg, #4A148C 0%, #7B1FA2 100%); color: white; border-radius: 25px; padding: 30px; margin-bottom: 30px; position: relative; overflow: hidden;" class="class-header wizard-header" |
<div style="color: #9CA3AF; font-size: 0.8rem;">Attack</div>
<div style="font-size: 2em; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 15px rgba(186,104,200,0.6); letter-spacing: 3px; color: white;">[[Wizard|🔮 Mage]]</div>
<div class="power-level" style="margin-top: 15px;">
<span style="display: inline-block; width: 15px; height: 15px; background: #BA68C8; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #BA68C8;"></span>
<span style="display: inline-block; width: 15px; height: 15px; background: #BA68C8; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #BA68C8;"></span>
<span style="display: inline-block; width: 15px; height: 15px; background: #BA68C8; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #BA68C8;"></span>
<span style="display: inline-block; width: 15px; height: 15px; background: #BA68C8; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #BA68C8;"></span>
<span style="display: inline-block; width: 15px; height: 15px; background: #BA68C8; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #BA68C8;"></span>
</div>
</div>
<div style="text-align: center;">
|-
<div style="color: #60A5FA; font-size: 1.2rem; font-weight: 700;">85</div>
| colspan="2" style="text-align: center; padding: 35px; background: radial-gradient(circle at center, rgba(74,20,140,0.25) 0%, rgba(0,0,0,0.4) 100%); border-radius: 25px; margin: 15px 0 30px 0; box-shadow: inset 0 0 40px rgba(0,0,0,0.5); position: relative;" class="character-frame wizard-frame" |
<div style="color: #9CA3AF; font-size: 0.8rem;">Defense</div>
<div class="character-spotlight wizard-spotlight">
[[File:wizard_male.png|120x120px|link=Wizard|class="char-image male wizard-male"]]
[[File:wizard_female.png|120x120px|link=Wizard|class="char-image female wizard-female"]]
<div class="char-glow wizard-glow"></div>
</div>
</div>
<div style="text-align: center;">
<div class="class-stats" style="margin-top: 20px; color: #E1BEE7; text-align: center;">
<div style="color: #34D399; font-size: 1.2rem; font-weight: 700;">75</div>
<div style="font-size: 1.1em; margin-bottom: 10px;">Class Attributes</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Agility</div>
<div style="display: flex; justify-content: center; gap: 20px; font-size: 0.9em;">
<div>Magic ✨</div>
<div>Wisdom 📚</div>
<div>Defense 🛡️</div>
</div>
</div>
</div>
</div>
 
|-
<div class="skills-list">
| style="text-align: center; padding: 18px;" | [[File:WizardSkillTree.png|60x60px|link=Wizard_abilites|class="ability-icon wizard-ability"]]
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(248,113,113,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
| style="text-align: left; padding: 18px;" | [[Wizard_abilites|<span class="ability-text wizard-text">Arcane Mastery</span>]]
[[File:WarriSkillTree.png|32x32px]] <span style="color: #F87171; margin-left: 12px; font-weight: 500;">Combat Mastery</span>
|-
| style="text-align: center; padding: 18px;" | [[File:WarriorArmour.png|60x60px|link=Sámán_vértek|class="ability-icon wizard-ability"]]
| style="text-align: left; padding: 18px;" | [[Sámán_vértek|<span class="ability-text wizard-text">Mystic Robes</span>]]
|-
| style="text-align: center; padding: 18px;" | [[File:WizardWeapons.png|60x60px|link=WizardWeapons|class="ability-icon wizard-ability"]]
| style="text-align: left; padding: 18px;" | [[WizardWeapons|<span class="ability-text wizard-text">Arcane Artifacts</span>]]
|-
| style="text-align: center; padding: 18px;" | [[File:WizardHelmets.png|60x60px|link=Sámán/Sisakok|class="ability-icon wizard-ability"]]
| style="text-align: left; padding: 18px;" | [[Sámán/Sisakok|<span class="ability-text wizard-text">Sorcerer's Crown</span>]]
|-
| colspan="2" style="text-align: center; padding: 20px;" |
<div class="class-description" style="color: #E1BEE7; font-style: italic; font-size: 0.9em; line-height: 1.6;">
"Wielders of ancient magic, the Mages bend reality to their will. Their mastery over arcane forces makes them feared and respected throughout the realm."
</div>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(248,113,113,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
|}
[[File:WarriorArmour.png|32x32px]] <span style="color: #F87171; margin-left: 12px; font-weight: 500;">Battle Armor</span>
| style="width: 25%; padding: 35px; vertical-align: top; background: linear-gradient(180deg, rgba(46,204,113,0.08) 0%, rgba(39,174,96,0.15) 100%); border: 2px solid rgba(46,204,113,0.3); position: relative; transition: all 0.3s ease;" class="petrun-cell" |
{| style="width: 100%; border: none; background: transparent; position: relative;"
! colspan="2" style="text-align: center; background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%); color: white; border-radius: 25px; padding: 30px; margin-bottom: 30px; position: relative; overflow: hidden;" class="class-header petrun-header" |
<div style="font-size: 2em; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 15px rgba(46,204,113,0.6); letter-spacing: 3px; color: white;">[[Petrun|🏹 Petrun]]</div>
<div class="power-level" style="margin-top: 15px;">
<span style="display: inline-block; width: 15px; height: 15px; background: #2ECC71; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #2ECC71;"></span>
<span style="display: inline-block; width: 15px; height: 15px; background: #2ECC71; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #2ECC71;"></span>
<span style="display: inline-block; width: 15px; height: 15px; background: #2ECC71; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #2ECC71;"></span>
<span style="display: inline-block; width: 15px; height: 15px; background: #2ECC71; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #2ECC71;"></span>
</div>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(248,113,113,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
|-
[[File:WarriorBlade.png|32x32px]] <span style="color: #F87171; margin-left: 12px; font-weight: 500;">War Arsenal</span>
| colspan="2" style="text-align: center; padding: 35px; background: radial-gradient(circle at center, rgba(46,204,113,0.25) 0%, rgba(0,0,0,0.4) 100%); border-radius: 25px; margin: 15px 0 30px 0; box-shadow: inset 0 0 40px rgba(0,0,0,0.5); position: relative;" class="character-frame petrun-frame" |
<div class="character-spotlight petrun-spotlight">
[[File:Petrun_male.png|120x120px|link=Petrun|class="char-image male petrun-male"]]
[[File:Petrun_female.png|120x120px|link=Petrun|class="char-image female petrun-female"]]
<div class="char-glow petrun-glow"></div>
</div>
</div>
<div class="class-stats" style="margin-top: 20px; color: #A7F3D0; text-align: center;">
<div style="font-size: 1.1em; margin-bottom: 10px;">Class Attributes</div>
<div style="display: flex; justify-content: center; gap: 20px; font-size: 0.9em;">
<div>Agility 🏃‍♂️</div>
<div>Accuracy 🎯</div>
<div>Magic ✨</div>
<div>Defense 🛡️</div>
</div>
</div>
<div class="char-description" style="margin-top: 20px; padding: 15px; background: #1E293B; border-radius: 12px; color: #9CA3AF; font-size: 0.9rem; line-height: 1.5;">
"Masters of warfare, dominating the battlefield with unmatched strength and tactical prowess."
</div>
</div>
|-
| style="text-align: center; padding: 18px;" | [[File:PetrunSkillTree.png|60x60px|link=Petrun_abilites|class="ability-icon petrun-ability"]]
| style="text-align: left; padding: 18px;" | [[Petrun_abilites|<span class="ability-text petrun-text">Ranger Arts</span>]]
|-
| style="text-align: center; padding: 18px;" | [[File:WarriorArmour.png|60x60px|link=Petrun_vértek|class="ability-icon petrun-ability"]]
| style="text-align: left; padding: 18px;" | [[Petrun_vértek|<span class="ability-text petrun-text">Hunter's Gear</span>]]
|-
| style="text-align: center; padding: 18px;" | [[File:PetrunBlade.png|60x60px|link=Petrun_fegyverek|class="ability-icon petrun-ability"]]
| style="text-align: left; padding: 18px;" | [[Petrun_fegyverek|<span class="ability-text petrun-text">Ranger's Arsenal</span>]]
|-
| style="text-align: center; padding: 18px;" | [[File:PetrunHelmet.png|60x60px|link=Petrun/Sisakok|class="ability-icon petrun-ability"]]
| style="text-align: left; padding: 18px;" | [[Petrun/Sisakok|<span class="ability-text petrun-text">Scout's Hood</span>]]
|-
| colspan="2" style="text-align: center; padding: 20px;" |
<div class="class-description" style="color: #A7F3D0; font-style: italic; font-size: 0.9em; line-height: 1.6;">
“Lords of darkness, the Petruns strike from the shadows with deadly precision. Their connection to ancient magic makes them death itself.”
</div>
</div>
|}
| style="width: 25%; padding: 35px; vertical-align: top; background: linear-gradient(180deg, rgba(52,152,219,0.08) 0%, rgba(41,128,185,0.15) 100%); border: 2px solid rgba(52,152,219,0.3); position: relative; transition: all 0.3s ease;" class="assassin-cell" |
{| style="width: 100%; border: none; background: transparent; position: relative;"
! colspan="2" style="text-align: center; background: linear-gradient(135deg, #2980b9 0%, #3498db 100%); color: white; border-radius: 25px; padding: 30px; margin-bottom: 30px; position: relative; overflow: hidden;" class="class-header assassin-header" |
<div style="font-size: 2em; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 15px rgba(52,152,219,0.6); letter-spacing: 3px; color: white;">[[Assassin|🗡️ Skogr]]</div>
<div class="power-level" style="margin-top: 15px;">
<span style="display: inline-block; width: 15px; height: 15px; background: #3498DB; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #3498DB;"></span>
<span style="display: inline-block; width: 15px; height: 15px; background: #3498DB; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #3498DB;"></span>
<span style="display: inline-block; width: 15px; height: 15px; background: #3498DB; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #3498DB;"></span>
<span style="display: inline-block; width: 15px; height: 15px; background: #3498DB; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #3498DB;"></span>
<span style="display: inline-block; width: 15px; height: 15px; background: #3498DB; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 10px #3498DB;"></span>
</div>
</div>
 
|-
| style="width: 25%; vertical-align: top;" |
| colspan="2" style="text-align: center; padding: 35px; background: radial-gradient(circle at center, rgba(52,152,219,0.25) 0%, rgba(0,0,0,0.4) 100%); border-radius: 25px; margin: 15px 0 30px 0; box-shadow: inset 0 0 40px rgba(0,0,0,0.5); position: relative;" class="character-frame assassin-frame" |
<div class="char-card mage" style="background: #0F172A; border-radius: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,0.05); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);">
<div class="character-spotlight assassin-spotlight">
<div style="position: relative;">
[[File:assassin_male.png|120x120px|link=Assassin|class="char-image male assassin-male"]]
<div class="card-bg" style="background: linear-gradient(45deg, #6D28D9, #8B5CF6); height: 120px; position: relative; overflow: hidden;">
[[File:assassin_female.png|120x120px|link=Assassin|class="char-image female assassin-female"]]
    <div style="position: absolute; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxIDAgNiAyLjY5IDYgNnMtMi42OSA2LTYgNi02LTIuNjktNi02IDIuNjktNiA2LTZ6TTI0IDQ4YzYuNjMgMCAxMi01LjM3IDEyLTEycy01LjM3LTEyLTEyLTEyLTEyIDUuMzctMTIgMTIgNS4zNyAxMiAxMiAxMnoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjA1Ii8+PC9nPjwvc3ZnPg==);">
<div class="char-glow assassin-glow"></div>
    </div>
</div>
</div>
 
<div class="class-stats" style="margin-top: 20px; color: #BDE0FF; text-align: center;">
<div style="margin-top: -60px; position: relative; z-index: 2; text-align: center;">
<div style="font-size: 1.1em; margin-bottom: 10px;">Class Attributes</div>
[[File:wizard_male.png|130x130px|class="char-img male" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
<div style="display: flex; justify-content: center; gap: 20px; font-size: 0.9em;">
[[File:wizard_female.png|130x130px|class="char-img female" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
<div>Stealth 👻</div>
<div>Speed ⚡</div>
<div>Critical 🎯</div>
</div>
</div>
</div>
</div>
 
|-
<div style="padding: 25px;">
| style="text-align: center; padding: 18px;" | [[File:AssassinSkillTree.png|60x60px|link=Assassin_abilites|class="ability-icon assassin-ability"]]
<div style="text-align: center;">
| style="text-align: left; padding: 18px;" | [[Assassin_abilites|<span class="ability-text assassin-text">Shadow Arts</span>]]
<div style="font-size: 1.8rem; font-weight: 800; color: #A78BFA;">MAGE</div>
|-
<div style="color: #9CA3AF; font-size: 0.9rem; margin-top: 5px;">Master of Arcane</div>
| style="text-align: center; padding: 18px;" | [[File:WarriorArmour.png|60x60px|link=Ninja_vértek|class="ability-icon assassin-ability"]]
| style="text-align: left; padding: 18px;" | [[Ninja_vértek|<span class="ability-text assassin-text">Shadow Gear</span>]]
|-
| style="text-align: center; padding: 18px;" | [[File:AssassinWeapon.png|60x60px|link=AssassinWeapons|class="ability-icon assassin-ability"]]
| style="text-align: left; padding: 18px;" | [[AssassinWeapons|<span class="ability-text assassin-text">Lethal Arsenal</span>]]
|-
| style="text-align: center; padding: 18px;" | [[File:AssassinHelmet.png|60x60px|link=Ninja/Sisakok|class="ability-icon assassin-ability"]]
| style="text-align: left; padding: 18px;" | [[Ninja/Sisakok|<span class="ability-text assassin-text">Shadow Mask</span>]]
|-
| colspan="2" style="text-align: center; padding: 20px;" |
<div class="class-description" style="color: #BDE0FF; font-style: italic; font-size: 0.9em; line-height: 1.6;">
"Masters of stealth and precision, Skogr assassins strike from the shadows with deadly accuracy. Their legendary skills in the art of assassination make them feared throughout the realm."
</div>
</div>
|}
|}


<div class="stats-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0; background: #1E293B; padding: 15px; border-radius: 12px;">
<div style="text-align: center;">
<div style="color: #A78BFA; font-size: 1.2rem; font-weight: 700;">95</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Magic</div>
</div>
<div style="text-align: center;">
<div style="color: #60A5FA; font-size: 1.2rem; font-weight: 700;">75</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Defense</div>
</div>
<div style="text-align: center;">
<div style="color: #34D399; font-size: 1.2rem; font-weight: 700;">85</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Wisdom</div>
</div>
</div>


<div class="skills-list">
<noinclude>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(167,139,250,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
[[Category:Template|{{PAGENAME}}]]
[[File:WizardSkillTree.png|32x32px]] <span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Arcane Mastery</span>
[[Category:Template/Main Page|{{PAGENAME}}]]
</div>
</noinclude>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(167,139,250,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
[[File:WarriorArmour.png|32x32px]] <span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Mystic Robes</span>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(167,139,250,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
[[File:WizardWeapons.png|32x32px]] <span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Arcane Arts</span>
</div>
</div>
 
<div class="char-description" style="margin-top: 20px; padding: 15px; background: #1E293B; border-radius: 12px; color: #9CA3AF; font-size: 0.9rem; line-height: 1.5;">
"Wielders of ancient magic, bending reality to their will with unmatched arcane power."
</div>
</div>
</div>
 
| style="width: 25%; vertical-align: top;" |
<div class="char-card petrun" style="background: #0F172A; border-radius: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,0.05); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);">
<div style="position: relative;">
<div class="card-bg" style="background: linear-gradient(45deg, #065F46, #059669); height: 120px; position: relative; overflow: hidden;">
    <div style="position: absolute; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxIDAgNiAyLjY5IDYgNnMtMi42OSA2LTYgNi02LTIuNjktNi02IDIuNjktNiA2LTZ6TTI0IDQ4YzYuNjMgMCAxMi01LjM3IDEyLTEycy01LjM3LTEyLTEyLTEyLTEy5LjM3LTEyLTEyIDUuMzcgMTIgMTIgMTJ6IiBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii4wNSIvPjwvZz48L3N2Zz4=);">
    </div>
</div>
 
<div style="margin-top: -60px; position: relative; z-index: 2; text-align: center;">
[[File:Petrun_male.png|130x130px|class="char-img male" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
[[File:Petrun_female.png|130x130px|class="char-img female" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
</div>
</div>
 
<div style="padding: 25px;">
<div style="text-align: center;">
<div style="font-size: 1.8rem; font-weight: 800; color: #10B981;">PETRUN</div>
<div style="color: #9CA3AF; font-size: 0.9rem; margin-top: 5px;">Hunter of Shadows</div>
</div>
 
<div class="stats-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0; background: #1E293B; padding: 15px; border-radius: 12px;">
<div style="text-align: center;">
<div style="color: #10B981; font-size: 1.2rem; font-weight: 700;">90</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Agility</div>
</div>
<div style="text-align: center;">
<div style="color: #60A5FA; font-size: 1.2rem; font-weight: 700;">85</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Precision</div>
</div>
<div style="text-align: center;">
<div style="color: #34D399; font-size: 1.2rem; font-weight: 700;">80</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Stealth</div>
</div>
</div>
 
<div class="skills-list">
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(16,185,129,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
[[File:PetrunSkillTree.png|32x32px]] <span style="color: #10B981; margin-left: 12px; font-weight: 500;">Hunter Arts</span>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(16,185,129,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
[[File:WarriorArmour.png|32x32px]] <span style="color: #10B981; margin-left: 12px; font-weight: 500;">Shadow Gear</span>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(16,185,129,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
[[File:PetrunBlade.png|32x32px]] <span style="color: #10B981; margin-left: 12px; font-weight: 500;">Hunter's Arsenal</span>
</div>
</div>
 
<div class="char-description" style="margin-top: 20px; padding: 15px; background: #1E293B; border-radius: 12px; color: #9CA3AF; font-size: 0.9rem; line-height: 1.5;">
"Masters of the wilderness, striking with deadly precision from the shadows of nature."
</div>
</div>
</div>
 
| style="width: 25%; vertical-align: top;" |
<div class="char-card assassin" style="background: #0F172A; border-radius: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,0.05); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);">
<div style="position: relative;">
<div class="card-bg" style="background: linear-gradient(45deg, #1E40AF, #3B82F6); height: 120px; position: relative; overflow: hidden;">
    <div style="position: absolute; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxIDAgNiAyLjY5IDYgNnMtMi42OSA2LTYgNi02LTIuNjktNi02IDIuNjktNiA2LTZ6TTI0IDQ4YzYuNjMgMCAxMi01LjM3IDEyLTEycy01LjM3LTEyLTEyLTEyLTEyIDUuMzctMTIgMTIgNS4zNyAxMiAxMiAxMnoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjA1Ii8+PC9nPjwvc3ZnPg==);">
    </div>
</div>
 
<div style="margin-top: -60px; position: relative; z-index: 2; text-align: center;">
[[File:assassin_male.png|130x130px|class="char-img male" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
[[File:assassin_female.png|130x130px|class="char-img female" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
</div>
</div>
 
<div style="padding: 25px;">
<div style="text-align: center;">
<div style="font-size: 1.8rem; font-weight: 800; color: #3B82F6;">SKOGR</div>
<div style="color: #9CA3AF; font-size: 0.9rem; margin-top: 5px;">Master Assassin</div>
</div>
 
<div class="stats-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0; background: #1E293B; padding: 15px; border-radius: 12px;">
<div style="text-align: center;">
<div style="color: #3B82F6; font-size: 1.2rem; font-weight: 700;">95</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Stealth</div>
</div>
<div style="text-align: center;">
<div style="color: #60A5FA; font-size: 1.2rem; font-weight: 700;">90</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Agility</div>
</div>
<div style="text-align: center;">
<div style="color: #34D399; font-size: 1.2rem; font-weight: 700;">85</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Critical</div>
</div>
</div>
 
<div class="skills-list">
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(59,130,246,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
[[File:AssassinSkillTree.png|32x32px]] <span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Shadow Arts</span>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(59,130,246,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
[[File:WarriorArmour.png|32x32px]] <span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Night Armor</span>
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 12px; background: rgba(59,130,246,0.1); border-radius: 12px; margin: 8px 0; transition: all 0.3s ease;">
[[File:AssassinWeapon.png|32x32px]] <span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Deadly Arts</span>
</div>
</div>
 
<div class="char-description" style="margin-top: 20px; padding: 15px; background: #1E293B; border-radius: 12px; color: #9CA3AF; font-size: 0.9rem; line-height: 1.5;">
"Silent dealers of death, these shadow warriors excel in stealth and precision strikes."
</div>
</div>
</div>
|}
|}

Revision as of 16:49, 21 January 2025

⚔️ Legendary Heroes ⚔️

Choose Your Champion and Forge Your Legacy

Class Attributes
Strength ⚔️
Defense 🛡️
Agility✨
Combat Mastery
Legendary Armor
Arsenal of War
Battle Helms

"Masters of combat, Dorhan warriors stand as the ultimate defenders of the realm. Their unmatched prowess in battle and indomitable spirit make them legendary heroes."

Class Attributes
Magic ✨
Wisdom 📚
Defense 🛡️
Arcane Mastery
Mystic Robes
Arcane Artifacts
Sorcerer's Crown

"Wielders of ancient magic, the Mages bend reality to their will. Their mastery over arcane forces makes them feared and respected throughout the realm."

Class Attributes
Agility 🏃‍♂️
Accuracy 🎯
Magic ✨
Defense 🛡️
Ranger Arts
Hunter's Gear
Ranger's Arsenal
Scout's Hood

“Lords of darkness, the Petruns strike from the shadows with deadly precision. Their connection to ancient magic makes them death itself.”

Class Attributes
Stealth 👻
Speed ⚡
Critical 🎯
Shadow Arts
Shadow Gear
Lethal Arsenal
Shadow Mask

"Masters of stealth and precision, Skogr assassins strike from the shadows with deadly accuracy. Their legendary skills in the art of assassination make them feared throughout the realm."

Retrieved from "https://wiki.playm2m.com/index.php?title=Template:M2MClasses&oldid=4127"