PlayM2M Wiki - User contributions [en]

Template:M2MClasses

2025-04-28T13:31:51Z

31.223.64.215:

{| 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="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 style="font-family: 'Inter', -apple-system, sans-serif; text-align: center;">
<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 HERO</div>
<div style="color: #64748B; margin-top: 15px; font-size: 1.2rem; font-weight: 500;">Your path to glory begins here</div>
</div>

|-
|}<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;">DORHAN</div>
<div style="color: #9CA3AF; font-size: 0.9rem; margin-top: 5px;">Master in Melee 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|link=Warrior_abilites]] [[Warrior_abilites|<span style="color: #F87171; margin-left: 12px; font-weight: 500;">Dorhan Abilities</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|link=Harcos_Vértek]] [[Harcos_Vértek|<span style="color: #F87171; margin-left: 12px; font-weight: 500;">Dorhan Armors</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|link=WarriorWeapons]] [[WarriorWeapons|<span style="color: #F87171; margin-left: 12px; font-weight: 500;">Dorhan Weapons</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|link=Harcos/Sisakok]] [[Harcos/Sisakok|<span style="color: #F87171; margin-left: 12px; font-weight: 500;">Dorhan Helmets</span>]]
</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="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|link=Wizard_abilites]] [[Wizard_abilites|<span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Mage Abilities</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|link=Sámán_vértek]] [[Sámán_vértek|<span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Mage Armors</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|link=WizardWeapons]] [[WizardWeapons|<span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Mage Weapons</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|link=Sámán/Sisakok]] [[Sámán/Sisakok|<span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Mage's Helmets</span>]]
</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;">
"Wielders of ancient magic, bending reality to their will with unmatched arcane power."
</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 Dark</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|link=Petrun_abilites]] [[Petrun_abilites|<span style="color: #10B981; margin-left: 12px; font-weight: 500;">Petrun Abilities</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|link=Petrun_vértek]] [[Petrun_vértek|<span style="color: #10B981; margin-left: 12px; font-weight: 500;">Petrun Armors</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|link=Petrun_fegyverek]] [[Petrun_fegyverek|<span style="color: #10B981; margin-left: 12px; font-weight: 500;">Petrun Weapons</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|link=Petrun/Sisakok]] [[Petrun/Sisakok|<span style="color: #10B981; margin-left: 12px; font-weight: 500;">Petrun Helmets</span>]]
</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 the wilderness, striking with deadly precision from the shadows of nature."
</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|link=Assassin_abilites]] [[Assassin_abilites|<span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Skogr Abilities</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|link=Ninja_vértek]] [[Ninja_vértek|<span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Skogr Armors</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|link=AssassinWeapons]] [[AssassinWeapons|<span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Skogr Weapons</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:AssassinHelmet.png|32x32px|link=Ninja/Sisakok]] [[Ninja/Sisakok|<span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Skogr Helmets</span>]]
</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;">
"Silent dealers of death, these shadow warriors excel in stealth and precision strikes."
</div>
</div>

|}

Template:M2MClasses

2025-04-28T13:30:39Z

31.223.64.215:

{| 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="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 style="font-family: 'Inter', -apple-system, sans-serif; text-align: center;">
<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 HERO</div>
<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;">DORHAN</div>
<div style="color: #9CA3AF; font-size: 0.9rem; margin-top: 5px;">Master in Melee 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|link=Warrior_abilites]] [[Warrior_abilites|<span style="color: #F87171; margin-left: 12px; font-weight: 500;">Dorhan Abilities</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|link=Harcos_Vértek]] [[Harcos_Vértek|<span style="color: #F87171; margin-left: 12px; font-weight: 500;">Dorhan Armors</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|link=WarriorWeapons]] [[WarriorWeapons|<span style="color: #F87171; margin-left: 12px; font-weight: 500;">Dorhan Weapons</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|link=Harcos/Sisakok]] [[Harcos/Sisakok|<span style="color: #F87171; margin-left: 12px; font-weight: 500;">Dorhan Helmets</span>]]
</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="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|link=Wizard_abilites]] [[Wizard_abilites|<span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Mage Abilities</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|link=Sámán_vértek]] [[Sámán_vértek|<span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Mage Armors</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|link=WizardWeapons]] [[WizardWeapons|<span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Mage Weapons</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|link=Sámán/Sisakok]] [[Sámán/Sisakok|<span style="color: #A78BFA; margin-left: 12px; font-weight: 500;">Mage's Helmets</span>]]
</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;">
"Wielders of ancient magic, bending reality to their will with unmatched arcane power."
</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 Dark</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|link=Petrun_abilites]] [[Petrun_abilites|<span style="color: #10B981; margin-left: 12px; font-weight: 500;">Petrun Abilities</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|link=Petrun_vértek]] [[Petrun_vértek|<span style="color: #10B981; margin-left: 12px; font-weight: 500;">Petrun Armors</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|link=Petrun_fegyverek]] [[Petrun_fegyverek|<span style="color: #10B981; margin-left: 12px; font-weight: 500;">Petrun Weapons</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|link=Petrun/Sisakok]] [[Petrun/Sisakok|<span style="color: #10B981; margin-left: 12px; font-weight: 500;">Petrun Helmets</span>]]
</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 the wilderness, striking with deadly precision from the shadows of nature."
</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|link=Assassin_abilites]] [[Assassin_abilites|<span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Skogr Abilities</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|link=Ninja_vértek]] [[Ninja_vértek|<span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Skogr Armors</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|link=AssassinWeapons]] [[AssassinWeapons|<span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Skogr Weapons</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:AssassinHelmet.png|32x32px|link=Ninja/Sisakok]] [[Ninja/Sisakok|<span style="color: #3B82F6; margin-left: 12px; font-weight: 500;">Skogr Helmets</span>]]
</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;">
"Silent dealers of death, these shadow warriors excel in stealth and precision strikes."
</div>
</div>

|}