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
m Reverted edit by Laniatus (talk) to last revision by Kujang
Tag: Rollback
No edit summary
Line 1: Line 1:
{| 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;"
{| 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);"


! 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;" |
! 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;" |
<div class="title-container" style="position: relative; z-index: 2;">
<div style="font-family: 'Inter', -apple-system, sans-serif; text-align: center;">
<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="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>
⚔️ Legendary Heroes ⚔️
<div style="color: #64748B; margin-top: 15px; font-size: 1.2rem; font-weight: 500;">Your path to glory begins here</div>
</div>
</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>
 
|-
{| style="width: 100%; border-spacing: 20px; border: none; padding: 20px; background: #030712;"
|-
| style="width: 25%; vertical-align: top;" |
<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 style="position: relative;">
<div class="card-bg" style="background: linear-gradient(45deg, #991B1B, #DC2626); 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>


|-
<div style="margin-top: -60px; position: relative; z-index: 2; text-align: center;">
| 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" |
[[File:warrior_male.png|130x130px|class="char-img male" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
{| style="width: 100%; border: none; background: transparent; position: relative;"
[[File:warrior_female.png|130x130px|class="char-img female" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
! 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>
<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>
<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>
<div style="padding: 25px;">
<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="text-align: center;">
<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="font-size: 1.8rem; font-weight: 800; color: #F87171;">WARRIOR</div>
<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="color: #9CA3AF; font-size: 0.9rem; margin-top: 5px;">Master of Combat</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: #F87171; font-size: 1.2rem; font-weight: 700;">95</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Attack</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;">Defense</div>
</div>
<div style="text-align: center;">
<div style="color: #34D399; font-size: 1.2rem; font-weight: 700;">75</div>
<div style="color: #9CA3AF; font-size: 0.8rem;">Agility</div>
</div>
</div>
 
<div class="skills-list">
<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:WarriSkillTree.png|32x32px]] <span style="color: #F87171; margin-left: 12px; font-weight: 500;">Combat Mastery</span>
</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>
</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>
</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:WarriorHelm.png|32x32px]] <span style="color: #F87171; margin-left: 12px; font-weight: 500;">Battle Helms</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 warfare, dominating the battlefield with unmatched strength and tactical prowess."
</div>
</div>
</div>
 
| style="width: 25%; vertical-align: top;" |
<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 style="position: relative;">
<div class="card-bg" style="background: linear-gradient(45deg, #6D28D9, #8B5CF6); 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:wizard_male.png|130x130px|class="char-img male" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
[[File:wizard_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: #A78BFA;">MAGE</div>
<div style="color: #9CA3AF; font-size: 0.9rem; margin-top: 5px;">Master of Arcane</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">
<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:WizardSkillTree.png|32x32px]] <span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Arcane Mastery</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: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 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:WizardHelmets.png|32x32px]] <span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Mage's Crown</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 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:PetrunHelmet.png|32x32px]] <span style="color: #10B981; margin-left: 12px; font-weight: 500;">Scout's Hood</span>
</div>
</div>
</div>
|-
 
| 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-description" style="margin-top: 20px; padding: 15px; background: #1E293B; border-radius: 12px; color: #9CA3AF; font-size: 0.9rem; line-height: 1.5;">
<div class="character-spotlight warrior-spotlight">
"Masters of the wilderness, striking with deadly precision from the shadows of nature."
[[File:warrior_male.png|120x120px|link=Warrior|class="char-image male warrior-male"]]
[[File:warrior_female.png|120x120px|link=Warrior|class="char-image female warrior-female"]]
<div class="char-glow warrior-glow"></div>
</div>
</div>
<div class="class-stats" style="margin-top: 20px; color: #FFB6B6; 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>Strength ⚔️</div>
<div>Defense 🛡️</div>
<div>Agility✨</div>
</div>
</div>
</div>
</div>
|-
 
| style="text-align: center; padding: 18px;" | [[File:WarriSkillTree.png|60x60px|link=Warrior_abilites|class="ability-icon warrior-ability"]]
| style="width: 25%; vertical-align: top;" |
| style="text-align: left; padding: 18px;" | [[Warrior_abilites|<span class="ability-text warrior-text">Combat Mastery</span>]]
<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;">
| style="text-align: center; padding: 18px;" | [[File:WarriorArmour.png|60x60px|link=Harcos_Vértek|class="ability-icon warrior-ability"]]
<div class="card-bg" style="background: linear-gradient(45deg, #1E40AF, #3B82F6); height: 120px; position: relative; overflow: hidden;">
| style="text-align: left; padding: 18px;" | [[Harcos_Vértek|<span class="ability-text warrior-text">Legendary Armor</span>]]
    <div style="position: absolute; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxIDAgNiAyLjY5IDYgNnMtMi42OSA2LTYgNi02LTIuNjktNi02IDIuNjktNiA2LTZ6TTI0IDQ4YzYuNjMgMCAxMi01LjM3IDEyLTEycy01LjM3LTEyLTEyLTEyLTEyIDUuMzctMTIgMTIgNS4zNyAxMiAxMiAxMnoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjA1Ii8+PC9nPjwvc3ZnPg==);">
|-
    </div>
| 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>
|}


| 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="margin-top: -60px; position: relative; z-index: 2; text-align: center;">
{| style="width: 100%; border: none; background: transparent; position: relative;"
[[File:assassin_male.png|130x130px|class="char-img male" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
! 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" |
[[File:assassin_female.png|130x130px|class="char-img female" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
<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>
|-
| 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 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 class="class-stats" style="margin-top: 20px; color: #E1BEE7; text-align: center;">
 
<div style="font-size: 1.1em; margin-bottom: 10px;">Class Attributes</div>
<div style="padding: 25px;">
<div style="display: flex; justify-content: center; gap: 20px; font-size: 0.9em;">
<div style="text-align: center;">
<div>Magic ✨</div>
<div style="font-size: 1.8rem; font-weight: 800; color: #3B82F6;">SKOGR</div>
<div>Wisdom 📚</div>
<div style="color: #9CA3AF; font-size: 0.9rem; margin-top: 5px;">Master Assassin</div>
<div>Defense 🛡️</div>
</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>
|-
<div style="text-align: center;">
| style="text-align: center; padding: 18px;" | [[File:WizardSkillTree.png|60x60px|link=Wizard_abilites|class="ability-icon wizard-ability"]]
<div style="color: #60A5FA; font-size: 1.2rem; font-weight: 700;">90</div>
| style="text-align: left; padding: 18px;" | [[Wizard_abilites|<span class="ability-text wizard-text">Arcane Mastery</span>]]
<div style="color: #9CA3AF; font-size: 0.8rem;">Agility</div>
|-
| 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 style="text-align: center;">
| 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" |
<div style="color: #34D399; font-size: 1.2rem; font-weight: 700;">85</div>
{| style="width: 100%; border: none; background: transparent; position: relative;"
<div style="color: #9CA3AF; font-size: 0.8rem;">Critical</div>
! 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>
|-
| 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 class="skills-list">
<div style="display: flex; justify-content: center; gap: 20px; font-size: 0.9em;">
<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;">
<div>Agility 🏃‍♂️</div>
[[File:AssassinSkillTree.png|32x32px]] <span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Shadow Arts</span>
<div>Accuracy 🎯</div>
<div>Magic ✨</div>
<div>Defense 🛡️</div>
</div>
</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>
|-
<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;">
| style="text-align: center; padding: 18px;" | [[File:PetrunSkillTree.png|60x60px|link=Petrun_abilites|class="ability-icon petrun-ability"]]
[[File:AssassinWeapon.png|32x32px]] <span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Deadly Arts</span>
| 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>
|}
<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;">
| 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" |
[[File:AssassinHelmet.png|32x32px]] <span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Shadow Mask</span>
{| 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>
|-
| 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="character-spotlight assassin-spotlight">
[[File:assassin_male.png|120x120px|link=Assassin|class="char-image male assassin-male"]]
[[File:assassin_female.png|120x120px|link=Assassin|class="char-image female assassin-female"]]
<div class="char-glow assassin-glow"></div>
</div>
</div>
<div class="class-stats" style="margin-top: 20px; color: #BDE0FF; text-align: center;">
 
<div style="font-size: 1.1em; margin-bottom: 10px;">Class Attributes</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;">
<div style="display: flex; justify-content: center; gap: 20px; font-size: 0.9em;">
"Silent dealers of death, these shadow warriors excel in stealth and precision strikes."
<div>Stealth 👻</div>
<div>Speed ⚡</div>
<div>Critical 🎯</div>
</div>
</div>
</div>
</div>
|-
| style="text-align: center; padding: 18px;" | [[File:AssassinSkillTree.png|60x60px|link=Assassin_abilites|class="ability-icon assassin-ability"]]
| style="text-align: left; padding: 18px;" | [[Assassin_abilites|<span class="ability-text assassin-text">Shadow Arts</span>]]
|-
| 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>
|}
|}
|}
|}
<noinclude>
[[Category:Template|{{PAGENAME}}]]
[[Category:Template/Main Page|{{PAGENAME}}]]
</noinclude>

Revision as of 17:08, 21 January 2025

CHOOSE YOUR LEGEND
Your path to glory begins here

WARRIOR
Master of Combat
95
Attack
85
Defense
75
Agility

Combat Mastery

Battle Armor

War Arsenal

Battle Helms

"Masters of warfare, dominating the battlefield with unmatched strength and tactical prowess."

MAGE
Master of Arcane
95
Magic
75
Defense
85
Wisdom

Arcane Mastery

Mystic Robes

Arcane Arts

Mage's Crown

"Wielders of ancient magic, bending reality to their will with unmatched arcane power."

PETRUN
Hunter of Shadows
90
Agility
85
Precision
80
Stealth

Hunter Arts

Shadow Gear

Hunter's Arsenal

Scout's Hood

"Masters of the wilderness, striking with deadly precision from the shadows of nature."

SKOGR
Master Assassin
95
Stealth
90
Agility
85
Critical

Shadow Arts

Night Armor

Deadly Arts

Shadow Mask

"Silent dealers of death, these shadow warriors excel in stealth and precision strikes."

Retrieved from "https://wiki.playm2m.com/index.php?title=Template:M2MClasses&oldid=4128"
Last modified
This page was last edited on 21 January 2025, at 17:08.
Copyright
Content is available under Laniatus LLC unless otherwise noted.