Editing User:Eviand/Mainpagetest

{{#seo:
|title=SpiritVale Wiki — Classes, Items, Maps, Monsters & Guides
|title_mode=replace
|description=SpiritVale Wiki: the community hub for classes, builds, skills, items, maps, monsters, crafting, and guides for the action MMORPG SpiritVale.
|keywords=SpiritVale, Spirit Vale, MMORPG, wiki, classes, builds, skills, guides, maps, monsters, items, crafting, cards, artifacts
|type=website
|site_name=SpiritVale Wiki
|locale=en-US
|image=SpiritValeLogo.png
|image_alt=SpiritVale logo and montage representing classes, items, combat, and world
|robots=index, follow
}}
__NOTOC__
<div style="max-width:1100px; margin:0 auto;">
<!-- Hero -->
<div style="text-align:center; margin:0 0 2em 0;">
[[File:SpiritValeLogo.png|center|alt=Welcome to the SpiritVale Wiki!]]
<div class="citizen-search-trigger sv-hover-lift sv-focus-ring sv-tile" role="button" tabindex="0" style="display:flex; align-items:center; justify-content:center; padding:.55rem 1rem; margin:.7rem auto 0 auto; width:100%; max-width:340px; max-height:44px; min-height:44px; border-radius:999px; cursor:pointer; text-align:center; box-sizing:border-box;">
<span style="font-weight:800; white-space:nowrap;">Click to Search</span>
</div>
<div style="text-align:center; margin-top:.9rem;">
'''Welcome to the SpiritVale Wiki'''
<div style="display:grid; grid-template-columns:repeat(auto-fit, 100px); justify-content:center; gap:8px; place-items:center; width:100%; min-width:0; margin-top:.45rem;">
<div class="sv-hover-lift">[[File:Steam-logo.webp|center|x30px|link=https://store.steampowered.com/app/3767850/SpiritVale/]]</div>
<div class="sv-hover-lift">[[File:Discord-logo.webp|center|x30px|link=https://discord.gg/SpiritVale]]</div>
<div class="sv-hover-lift">[[File:Reddit-logo.webp|center|x30px|link=https://www.reddit.com/r/SpiritVale/]]</div>
<div class="sv-hover-lift">[[File:Kofi-logo.webp|center|x30px|link=https://ko-fi.com/renbaikun]]</div>
<div class="sv-hover-lift">[[File:Database-logo.webp|center|x30px|link=https://spiritvale.info/]]</div>
</div>
</div>

<div style="max-width:1000px; margin:1.25em auto 0 auto; line-height:1.7; font-size:110%;">
SpiritVale is a free-to-play, class-based action MMORPG inspired by Ragnarok Online. Build your own hero, battle corrupted creatures, and uncover lost history in a world torn by magic and decay.<br /><br />
Choose a base class — Warrior, Knight, Mage, Rogue, Scout, Acolyte, or Summoner — and unlock unique skill trees and advanced specializations as you grow. Explore diverse biomes, battle powerful bosses, and team up with friends in real-time, action-based combat.<br /><br />
We also have a database with full details on items, monsters, and more: [https://spiritvale.info/ spiritvale.info]
</div>

</div>

<!-- Patch highlights -->
{{PatchHighlights}}

<!-- Classes -->
<div class="sv-card" style="margin:1.25rem 0; overflow:hidden;">
<div class="sv-tile" style="display:flex; align-items:center; justify-content:center; gap:.45rem; padding:.75rem 1rem; border-radius:0; border-left:none; border-right:none; border-top:none;">
[[File:Classes.png|25px|link=Classes]]
<b>Classes</b>
</div>

<div style="padding:8px; overflow:auto; -webkit-overflow-scrolling:touch;">
<table style="width:100%; table-layout:fixed; font-size:100%; text-align:center; border-collapse:separate; border-spacing:0;">
<tr>
<th style="padding:8px;">Base</th>
<th style="padding:8px;">Advanced I</th>
<th style="padding:8px;">Advanced II</th>
<th style="padding:8px;">Advanced III</th>
</tr>

<tr>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-warrior.webp|25px]] [[Warrior]]</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>

<tr>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-knight.webp|25px]] [[Knight]]</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-paladin.webp|25px]] [[Paladin]]</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>

<tr>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-rogue.webp|25px]] [[Rogue]]</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-shinobi.webp|25px]] [[Shinobi]]</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>

<tr>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-scout.webp|25px]] [[Scout]]</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>

<tr>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-mage.webp|25px]] [[Mage]]</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-wizard.webp|25px]] [[Wizard]]</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>

<tr>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-acolyte.webp|25px]] [[Acolyte]]</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-priest.webp|25px]] [[Priest]]</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>

<tr>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1); border-right:1px solid var(--sv-ui-line1);">[[File:class-summoner.webp|25px]] [[Summoner]]</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>
</table>
</div>
</div>

<!-- Systems -->
<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:12px; justify-items:stretch; align-content:start; width:100%; min-width:0;">

<!-- Character -->
<div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
<div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">
[[File:SpiritValeLogo.png|30px|link=Character]] <b>Character</b>
</div>
<div style="flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch; padding:2px 4px 4px 4px;">
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Character]] '''[[Character|Character]]'''</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:CharacterIcon.png|24px|link=Attributes]] [[Attributes|Attributes]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SkillsIcon.png|24px|link=Skills]] [[Skills|Skills]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:StorageIcon.png|24px|link=Storage]] [[Storage|Storage]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:GoldCoin.png|24px|link=Coin]] [[Coin|Coin]]</div>
</div>
</div>
</div>

<!-- Items -->
<div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
<div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">
[[File:SpiritValeLogo.png|30px|link=Items]] <b>Items</b>
</div>
<div style="flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch; padding:2px 4px 4px 4px;">
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Items]] '''[[Items|Items]]'''</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Consumables]] [[Consumables|Consumables]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:EquipmentIcon.png|24px|link=Equipment]] [[Equipment|Equipment]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:CardIcon.webp|24px|link=Card System#Cards]] [[Card System#Cards|Cards]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:ArtifactIcon.png|24px|link=Artifacts]] [[Artifacts|Artifacts]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Materials]] [[Materials|Materials]]</div>
</div>
</div>
</div>

<!-- Combat -->
<div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
<div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">
[[File:SpiritValeLogo.png|30px|link=Combat]] <b>Combat</b>
</div>
<div style="flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch; padding:2px 4px 4px 4px;">
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Combat]] '''[[Combat|Combat]]'''</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Dodge Roll]] [[Dodge Roll|Dodge Roll]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:NeutralIcon.png|24px|link=Elements]] [[Elements|Elements]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:BossMonsterIcon.webp|24px|link=Monsters]] [[Monsters|Monsters]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=Arena]] [[Arena|Arena]]</div>
</div>
</div>
</div>

<!-- World -->
<div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
<div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">
[[File:SpiritValeLogo.png|30px|link=World]] <b>World</b>
</div>
<div style="flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch; padding:2px 4px 4px 4px;">
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:SpiritValeLogo.png|24px|link=World]] '''[[World|World]]'''</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:WaypointsIcon.png|24px|link=Waypoints]] [[Waypoints|Waypoints]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:Map_Icon.png|24px|link=Maps]] [[Maps|Maps]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:NPCIcon.png|24px|link=NPC]] [[NPC|Non-Player Characters]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:Refinement.png|24px|link=Refinement]] [[Refinement|Refinement]]</div>
<div style="display:flex; align-items:center; gap:.35rem; margin:.3rem 0; justify-content:center;">[[File:CraftingIcon.webp|24px|link=Crafting System]] [[Crafting System|Crafting]]</div>
</div>
</div>
</div>

</div>

</div>