Toggle menu
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
No edit summary
No edit summary
 
(13 intermediate revisions by 3 users not shown)
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: #222222; border-radius: 16px; overflow: hidden; border: 1px solid #f5a742; box-shadow: 0 10px 25px rgba(0,0,0,0.3);"


! 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: 25px 20px; background: #ff9c00; color: #222222; 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: 2.8rem; font-weight: 800; color: #222222; letter-spacing: -1px;">CHOOSE YOUR CLASS</div>
⚔️ Legendary Heroes ⚔️
<div style="color: #2c2c2c; margin-top: 10px; font-size: 1.1rem; font-weight: 500;">Select your path to glory</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: 15px; border: none; padding: 15px; background: #222222;"
|-
<!-- PETRUN -->
| style="width: 25%; vertical-align: top;" |
<div class="char-card petrun" style="background: #2c2c2c; border-radius: 16px; overflow: hidden; border: 1px solid #ff9c00; transition: all 0.3s ease;">
<div style="position: relative;">
<div class="card-bg" style="background: #ff9c00; height: 80px; position: relative; overflow: hidden;">
    <div style="position: absolute; width: 100%; height: 100%;">
    </div>
</div>
 
<div style="margin-top: -50px; position: relative; z-index: 2; text-align: center;">
[[File:Petrun_male.png|110x110px|class="char-img male" style="filter: drop-shadow(0 5px 10px rgba(0,0,0,0.4));"]]
[[File:Petrun_female.png|110x110px|class="char-img female" style="filter: drop-shadow(0 5px 10px rgba(0,0,0,0.4));"]]
</div>
</div>
 
<div style="padding: 20px;">
<div style="text-align: center;">
<div style="font-size: 1.6rem; font-weight: 700; color: #ff9c00;">PETRUN</div>
<div style="color: #e0e0e0; 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: 15px 0; background: #1a1a1a; padding: 12px; border-radius: 8px; border: 1px solid #444444;">
<div style="text-align: center;">
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">90</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Agility</div>
</div>
<div style="text-align: center;">
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">85</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Precision</div>
</div>
<div style="text-align: center;">
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">80</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Stealth</div>
</div>
</div>
 
<div class="skills-list">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:Lángfoszlány2.png|28x28px|link=Petrun_abilites]] [[Petrun_abilites|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Petrun Abilities</span>]]
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:Smaragd_vert.png|30x30px|link=Petrun_vértek]] [[Petrun_vértek|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Petrun Armors</span>]]
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:Petrun_szörnynagymester_fegyver.png|28x28px|link=Petrun_fegyverek]] [[Petrun_fegyverek|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Petrun Swords</span>]]
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:Megaldott_sisak.png|28x28px|link=Petrun/Sisakok]] [[Petrun/Sisakok|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Petrun Helmets</span>]]
</div>
</div>
</div>
 
<div class="char-description" style="margin-top: 15px; padding: 12px; background: #1a1a1a; border-radius: 8px; color: #e0e0e0; font-size: 0.9rem; line-height: 1.4; border: 1px solid #444444;">
"Masters of the wilderness, striking with deadly precision from the shadows of nature."
</div>
</div>
</div>
 
<!-- WARRIOR -->
| style="width: 25%; vertical-align: top;" |
<div class="char-card warrior" style="background: #2c2c2c; border-radius: 16px; overflow: hidden; border: 1px solid #ff9c00; transition: all 0.3s ease;">
<div style="position: relative;">
<div class="card-bg" style="background: #ff9c00; height: 80px; position: relative; overflow: hidden;">
    <div style="position: absolute; width: 100%; height: 100%;">
    </div>
</div>
 
<div style="margin-top: -50px; position: relative; z-index: 2; text-align: center;">
[[File:Warrior_male.png|110x110px|class="char-img male" style="filter: drop-shadow(0 5px 10px rgba(0,0,0,0.4));"]]
[[File:Warrior_female.png|110x110px|class="char-img female" style="filter: drop-shadow(0 5px 10px rgba(0,0,0,0.4));"]]
</div>
</div>
 
<div style="padding: 20px;">
<div style="text-align: center;">
<div style="font-size: 1.6rem; font-weight: 700; color: #ff9c00;">DORHAN</div>
<div style="color: #e0e0e0; 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: 15px 0; background: #1a1a1a; padding: 12px; border-radius: 8px; border: 1px solid #444444;">
<div style="text-align: center;">
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">95</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Attack</div>
</div>
<div style="text-align: center;">
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">85</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Defense</div>
</div>
<div style="text-align: center;">
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">75</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Agility</div>
</div>
</div>
 
<div class="skills-list">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:Intenzív_csapás2.png|28x28px|link=Warrior_abilites]] [[Warrior_abilites|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Dorhan Abilities</span>]]
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:Light_armor_x2.png|28x28px|link=Harcos_Vértek]] [[Harcos_Vértek|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Dorhan Armors</span>]]
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:Misztikus_pallos.png|28x28px|link=WarriorWeapons]] [[WarriorWeapons|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Dorhan Swords</span>]]
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:Isteni_Harcos_Sisak.png|28x28px|link=Harcos/Sisakok]] [[Harcos/Sisakok|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Dorhan Helmets</span>]]
</div>
</div>
</div>
 
<div class="char-description" style="margin-top: 15px; padding: 12px; background: #1a1a1a; border-radius: 8px; color: #e0e0e0; font-size: 0.9rem; line-height: 1.4; border: 1px solid #444444;">
"Masters of warfare, dominating the battlefield with unmatched strength and tactical prowess."
</div>
</div>
</div>
 
<!-- MAGE -->
| style="width: 25%; vertical-align: top;" |
<div class="char-card mage" style="background: #2c2c2c; border-radius: 16px; overflow: hidden; border: 1px solid #ff9c00; transition: all 0.3s ease;">
<div style="position: relative;">
<div class="card-bg" style="background: #ff9c00; height: 80px; position: relative; overflow: hidden;">
    <div style="position: absolute; width: 100%; height: 100%;">
    </div>
</div>
 
<div style="margin-top: -50px; position: relative; z-index: 2; text-align: center;">
[[File:Wizard_male.png|110x110px|class="char-img male" style="filter: drop-shadow(0 5px 10px rgba(0,0,0,0.4));"]]
[[File:Wizard_female.png|110x110px|class="char-img female" style="filter: drop-shadow(0 5px 10px rgba(0,0,0,0.4));"]]
</div>
</div>
 
<div style="padding: 20px;">
<div style="text-align: center;">
<div style="font-size: 1.6rem; font-weight: 700; color: #ff9c00;">MAGE</div>
<div style="color: #e0e0e0; font-size: 0.9rem; margin-top: 5px;">Master of Arcane</div>
</div>
</div>


|-
<div class="stats-grid" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 15px 0; background: #1a1a1a; padding: 12px; border-radius: 8px; border: 1px solid #444444;">
| 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 style="text-align: center;">
{| style="width: 100%; border: none; background: transparent; position: relative;"
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">95</div>
! colspan="2" style="text-align: center; background: linear-gradient(135deg, #8B0000 0%, #CF0000 100%); color: white; border-radius: 25px; padding: 30px; margin-bottom: 30px; position: relative; overflow: hidden;" class="class-header warrior-header" |
<div style="color: #e0e0e0; font-size: 0.8rem;">Magic</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;">[[Warrior|⚔️ Dorhan]]</div>
</div>
<div class="power-level" style="margin-top: 15px;">
<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="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">75</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: #e0e0e0; font-size: 0.8rem;">Defense</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>
<div style="text-align: center;">
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">85</div>
<div style="color: #e0e0e0; font-size: 0.8rem;">Wisdom</div>
</div>
</div>
 
<div class="skills-list">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:Villámereje3.png|28x28px|link=Wizard_abilites]] [[Wizard_abilites|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Mage Abilities</span>]]
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:Isteni_Vért.png|28x28px|link=Shaman/armour]] [[Shaman/armour|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Mage Armors</span>]]
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:Szörnymester_bot.png|28x28px|link=Shaman/weapons]] [[Shaman/weapons|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Mage Weapons</span>]]
</div>
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:Naga_sisak.png|28x28px|link=Shaman/helmet]] [[Shaman/helmet|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Mage's Helmets</span>]]
</div>
</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: 15px; padding: 12px; background: #1a1a1a; border-radius: 8px; color: #e0e0e0; font-size: 0.9rem; line-height: 1.4; border: 1px solid #444444;">
<div class="character-spotlight warrior-spotlight">
"Wielders of ancient magic, bending reality to their will with unmatched arcane power."
[[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"]]
<!-- SKOGR -->
| style="text-align: left; padding: 18px;" | [[Warrior_abilites|<span class="ability-text warrior-text">Combat Mastery</span>]]
| style="width: 25%; vertical-align: top;" |
|-
<div class="char-card assassin" style="background: #2c2c2c; border-radius: 16px; overflow: hidden; border: 1px solid #ff9c00; transition: all 0.3s ease;">
| style="text-align: center; padding: 18px;" | [[File:WarriorArmour.png|60x60px|link=Harcos_Vértek|class="ability-icon warrior-ability"]]
<div style="position: relative;">
| style="text-align: left; padding: 18px;" | [[Harcos_Vértek|<span class="ability-text warrior-text">Legendary Armor</span>]]
<div class="card-bg" style="background: #ff9c00; height: 80px; position: relative; overflow: hidden;">
|-
    <div style="position: absolute; width: 100%; height: 100%;">
| style="text-align: center; padding: 18px;" | [[File:WarriorBlade.png|60x60px|link=WarriorWeapons|class="ability-icon warrior-ability"]]
    </div>
| 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: -50px; position: relative; z-index: 2; text-align: center;">
{| style="width: 100%; border: none; background: transparent; position: relative;"
[[File:Assassin_male.png|110x110px|class="char-img male" style="filter: drop-shadow(0 5px 10px 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|110x110px|class="char-img female" style="filter: drop-shadow(0 5px 10px 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;">[[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: 20px;">
<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.6rem; font-weight: 700; color: #ff9c00;">SKOGR</div>
<div>Wisdom 📚</div>
<div style="color: #e0e0e0; 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: 15px 0; background: #1a1a1a; padding: 12px; border-radius: 8px; border: 1px solid #444444;">
<div style="text-align: center;">
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">95</div>
<div style="color: #e0e0e0; 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: #ff9c00; font-size: 1.1rem; 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: #e0e0e0; font-size: 0.8rem;">Agility</div>
|-
</div>
| style="text-align: center; padding: 18px;" | [[File:WarriorArmour.png|60x60px|link=Sámán_vértek|class="ability-icon wizard-ability"]]
<div style="text-align: center;">
| style="text-align: left; padding: 18px;" | [[Sámán_vértek|<span class="ability-text wizard-text">Mystic Robes</span>]]
<div style="color: #ff9c00; font-size: 1.1rem; font-weight: 700;">85</div>
|-
<div style="color: #e0e0e0; font-size: 0.8rem;">Critical</div>
| 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>
|}
| style="width: 25%; padding: 35px; vertical-align: top; background: linear-gradient(180deg, rgba(46,204,113,0.08) 0%, rgba(39,174,96,0.15) 100%); border: 2px solid rgba(46,204,113,0.3); position: relative; transition: all 0.3s ease;" class="petrun-cell" |
{| style="width: 100%; border: none; background: transparent; position: relative;"
! colspan="2" style="text-align: center; background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%); color: white; border-radius: 25px; padding: 30px; margin-bottom: 30px; position: relative; overflow: hidden;" class="class-header petrun-header" |
<div style="font-size: 2em; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 15px rgba(46,204,113,0.6); letter-spacing: 3px;">[[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="skills-list">
<div class="character-spotlight petrun-spotlight">
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:Petrun_male.png|120x120px|link=Petrun|class="char-image male petrun-male"]]
[[File:Méreg_vihar2.png|28x28px|link=Assassin_abilites]] [[Assassin_abilites|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Skogr Abilities</span>]]
[[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 class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
<div style="font-size: 1.1em; margin-bottom: 10px;">Class Attributes</div>
[[File:Ninja_nagymester_vért.png|28x28px|link=Ninja_vértek]] [[Ninja_vértek|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Skogr Armors</span>]]
<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="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
[[File:Smaragd_íj.png|28x28px|link=AssassinWeapons]] [[AssassinWeapons|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Skogr Weapons</span>]]
</div>
</div>
|-
<div class="skill-item" style="display: flex; align-items: center; padding: 10px; background: #1a1a1a; border-radius: 8px; margin: 7px 0; transition: all 0.3s ease; border-left: 3px solid #ff9c00;">
| style="text-align: center; padding: 18px;" | [[File:PetrunSkillTree.png|60x60px|link=Petrun_abilites|class="ability-icon petrun-ability"]]
[[File:Harag_sisak.png|28x28px|link=Ninja/Sisakok]] [[Ninja/Sisakok|<span style="color: #e0e0e0; margin-left: 10px; font-weight: 500;">Skogr Helmets</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>
|}
 
| style="width: 25%; padding: 35px; vertical-align: top; background: linear-gradient(180deg, rgba(52,152,219,0.08) 0%, rgba(41,128,185,0.15) 100%); border: 2px solid rgba(52,152,219,0.3); position: relative; transition: all 0.3s ease;" class="assassin-cell" |
{| style="width: 100%; border: none; background: transparent; position: relative;"
! colspan="2" style="text-align: center; background: linear-gradient(135deg, #2980b9 0%, #3498db 100%); color: white; border-radius: 25px; padding: 30px; margin-bottom: 30px; position: relative; overflow: hidden;" class="class-header assassin-header" |
<div style="font-size: 2em; font-weight: 700; text-transform: uppercase; text-shadow: 0 0 15px rgba(52,152,219,0.6); letter-spacing: 3px;">[[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: 15px; padding: 12px; background: #1a1a1a; border-radius: 8px; color: #e0e0e0; font-size: 0.9rem; line-height: 1.4; border: 1px solid #444444;">
<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>

Latest revision as of 11:16, 17 May 2025

CHOOSE YOUR CLASS
Select your path to glory

PETRUN
Hunter of Shadows
90
Agility
85
Precision
80
Stealth

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

DORHAN
Master of Combat
95
Attack
85
Defense
75
Agility

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

MAGE
Master of Arcane
95
Magic
75
Defense
85
Wisdom

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

SKOGR
Master Assassin
95
Stealth
90
Agility
85
Critical

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