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
No edit summary
Tag: Reverted
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>
 
|-
{| 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 style="margin-top: -60px; position: relative; z-index: 2; text-align: center;">
[[File:warrior_male.png|130x130px|class="char-img male" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
[[File:warrior_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: #F87171;">WARRIOR</div>
<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>
 
<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>
<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: 25%; vertical-align: top;" |
| 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" |
<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);">
{| style="width: 100%; border: none; background: transparent; position: relative;"
<div style="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 class="card-bg" style="background: linear-gradient(45deg, #6D28D9, #8B5CF6); height: 120px; position: relative; overflow: hidden;">
<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 style="position: absolute; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxIDAgNiAyLjY5IDYgNnMtMi42OSA2LTYgNi02LTIuNjktNi02IDIuNjktNiA2LTZ6TTI0IDQ4YzYuNjMgMCAxMi01LjM3IDEyLTEycy01LjM3LTEyLTEyLTEyLTEyIDUuMzctMTIgMTIgNS4zNyAxMiAxMiAxMnoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjA1Ii8+PC9nPjwvc3ZnPg==);">
<div class="power-level" style="margin-top: 15px;">
    </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>
<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="margin-top: -60px; position: relative; z-index: 2; 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>
[[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>
 
<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>
|-
<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;">
| 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" |
[[File:PetrunBlade.png|32x32px]] <span style="color: #10B981; margin-left: 12px; font-weight: 500;">Hunter's Arsenal</span>
<div class="character-spotlight warrior-spotlight">
[[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>
<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 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>Strength ⚔️</div>
"Masters of the wilderness, striking with deadly precision from the shadows of nature."
<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="text-align: left; padding: 18px;" | [[Warrior_abilites|<span class="ability-text warrior-text">Combat Mastery</span>]]
|-
| 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>
|}


| 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" |
| style="width: 25%; vertical-align: top;" |
{| style="width: 100%; border: none; background: transparent; position: relative;"
<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);">
! 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="position: relative;">
<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="card-bg" style="background: linear-gradient(45deg, #1E40AF, #3B82F6); height: 120px; position: relative; overflow: hidden;">
<div class="power-level" style="margin-top: 15px;">
    <div style="position: absolute; width: 100%; height: 100%; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxIDAgNiAyLjY5IDYgNnMtMi42OSA2LTYgNi02LTIuNjktNi02IDIuNjktNiA2LTZ6TTI0IDQ4YzYuNjMgMCAxMi01LjM3IDEyLTEycy01LjM3LTEyLTEyLTEyLTEyIDUuMzctMTIgMTIgNS4zNyAxMiAxMiAxMnoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjA1Ii8+PC9nPjwvc3ZnPg==);">
<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>
<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 style="margin-top: -60px; position: relative; z-index: 2; text-align: center;">
<div class="character-spotlight wizard-spotlight">
[[File:assassin_male.png|130x130px|class="char-img male" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
[[File:wizard_male.png|120x120px|link=Wizard|class="char-image male wizard-male"]]
[[File:assassin_female.png|130x130px|class="char-img female" style="filter: drop-shadow(0 8px 16px rgba(0,0,0,0.4));"]]
[[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="display: flex; justify-content: center; gap: 20px; font-size: 0.9em;">
<div>Magic ✨</div>
<div>Wisdom 📚</div>
<div>Defense 🛡️</div>
</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>
|-
 
| style="text-align: center; padding: 18px;" | [[File:WizardSkillTree.png|60x60px|link=Wizard_abilites|class="ability-icon wizard-ability"]]
<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="text-align: left; padding: 18px;" | [[Wizard_abilites|<span class="ability-text wizard-text">Arcane Mastery</span>]]
<div style="text-align: center;">
|-
<div style="color: #3B82F6; font-size: 1.2rem; font-weight: 700;">95</div>
| style="text-align: center; padding: 18px;" | [[File:WarriorArmour.png|60x60px|link=Sámán_vértek|class="ability-icon wizard-ability"]]
<div style="color: #9CA3AF; font-size: 0.8rem;">Stealth</div>
| 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: #60A5FA; font-size: 1.2rem; font-weight: 700;">90</div>
{| style="width: 100%; border: none; background: transparent; position: relative;"
<div style="color: #9CA3AF; font-size: 0.8rem;">Agility</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>
|-
<div style="text-align: center;">
| 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 style="color: #34D399; font-size: 1.2rem; font-weight: 700;">85</div>
<div class="character-spotlight petrun-spotlight">
<div style="color: #9CA3AF; font-size: 0.8rem;">Critical</div>
[[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="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>
|-
<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:WarriorArmour.png|32x32px]] <span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Night Armor</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:AssassinWeapon.png|32x32px]] <span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Deadly Arts</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 16:43, 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

"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

"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

"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

"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=4126"
Last modified
This page was last edited on 21 January 2025, at 16:43.
Copyright
Content is available under Laniatus LLC unless otherwise noted.