Toggle search
Toggle menu
115
248
25
2.7K
SpiritVale Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Join the Playtest on Steam Now: SpiritVale

User:Eviand/Mainpagetest: Difference between revisions

From SpiritVale Wiki
More actions
← Older edit
VisualWikitext
No edit summary
No edit summary
Tags: Mobile edit Mobile web edit
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!-- ========================================================= -->
{{#seo:
<!-- MAIN AREA: Logo, Search, Welcome, and Introduction -->
|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__
__NOTOC__
<div style="text-align:center; margin-bottom:2em;">
<div style="max-width:1100px; margin:0 auto;">
 
<!-- Hero -->
<!-- ====================== -->
<div style="text-align:center; margin:0 0 2em 0;">
<!-- Site Logo -->
<!-- ====================== -->
[[File:SpiritValeLogo.png|center|alt=Welcome to the SpiritVale Wiki!]]
[[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>
<!-- Search Button -->
</div>
<!-- ====================== -->
<div style="text-align:center; margin-top:.9rem;">
<div class="citizen-search-trigger" role="button" style="display:flex; align-items:center; justify-content:center; padding:.45rem .9rem; margin:.5rem auto 0 auto; width:100%; max-width:320px; border:2px solid #3e365e; border-radius:9999px; background:linear-gradient(180deg,#8b7fca,#5a4e7c); color:#fff; cursor:pointer; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.18);"><span style="font-weight:700; white-space:nowrap; text-shadow:0 1px 0 rgba(0,0,0,.25);">Click to Search</span></div>
'''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>
<!-- Welcome Message and Links -->
<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 style="text-align:center; margin-top:.75rem;">
<div class="sv-hover-lift">[[File:Kofi-logo.webp|center|x30px|link=https://ko-fi.com/renbaikun]]</div>
'''Welcome to the SpiritVale Wiki'''
<div class="sv-hover-lift">[[File:Database-logo.webp|center|x30px|link=https://spiritvale.info/]]</div>
<br />
</div>
[https://store.steampowered.com/app/3767850/SpiritVale Steam page] • [https://spiritvale.info/ https://spiritvale.info/]
</div>
</div>


<!-- ====================== -->
<div style="max-width:1000px; margin:1.25em auto 0 auto; line-height:1.7; font-size:110%;">
<!-- Introductory Description -->
<!-- ====================== -->
<div style="max-width:1000px; margin:1.25em auto; line-height:1.6; 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 />
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 />
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 that has all the details on items, monsters, and more: [https://spiritvale.info/ https://spiritvale.info/]
We also have a database with full details on items, monsters, and more: [https://spiritvale.info/ spiritvale.info]
</div>
</div>
</div>
</div>
<!-- ========================================================= -->
 
<!-- PATCH HIGHLIGHTS SECTION -->
<!-- Patch highlights -->
<!-- ========================================================= -->
{{PatchHighlights}}
{{PatchHighlights}}
<!-- ========================================================= -->
 
<!-- CLASSES OVERVIEW TABLE -->
<!-- Classes -->
<!-- ========================================================= -->
<div class="sv-card" style="margin:1.25rem 0; overflow:hidden;">
<div style="padding:6px; overflow:auto; -webkit-overflow-scrolling:touch; background:transparent;">
<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;">
<table class="custom-table" style="width:100%; table-layout:fixed; font-size:102%; text-align:center;">
[[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>
<tr>
<th colspan="4">[[File:Classes.png|25px|link=Classes]] <span>Classes</span></th>
<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>
<tr>
<tr>
<th>Base</th>
<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>
<th>Advanced I</th>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<th>Advanced II</th>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<th>Advanced III</th>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>
</tr>
<tr>
<tr>
<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:WarriorIcon.webp|22px]] [[Warrior]]</td>
<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:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-paladin.webp|25px]] [[Paladin]]</td>
<td style="padding:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>
</tr>
<tr>
<tr>
<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:KnightIcon.webp|22px]] [[Knight]]</td>
<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:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-shinobi.webp|25px]] [[Shinobi]]</td>
<td style="padding:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>
</tr>
<tr>
<tr>
<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:RogueIcon.webp|22px]] [[Rogue]]</td>
<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:6px;">[[File:class-shinobi.webp|22px]] [[Shinobi]]</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>
</tr>
<tr>
<tr>
<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:ScoutIcon.webp|22px]] [[Scout]]</td>
<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:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-wizard.webp|25px]] [[Wizard]]</td>
<td style="padding:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>
</tr>
<tr>
<tr>
<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:MageIcon.webp|22px]] [[Mage]]</td>
<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:6px;">[[File:class-wizard.webp|22px]] [[Wizard]]</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-priest.webp|25px]] [[Priest]]</td>
<td style="padding:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>
</tr>
<tr>
<tr>
<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:AcolyteIcon.webp|22px]] [[Acolyte]]</td>
<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:6px;">[[File:class-priest.webp|22px]] [[Priest]]</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
<td style="padding:6px;">—</td>
<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
</tr>
<tr>
<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:SummonerIcon.webp|22px]] [[Summoner]]</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
</tr>
</tr>
</table>
</table>
</div>
</div>
</div>


<!-- ========================================================= -->
<!-- Systems -->
<!-- SYSTEMS GRID (Character, Items, Combat, World) -->
<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;">
<!-- ========================================================= -->


<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;justify-items:center;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;">
<!-- System Card: Character -->
<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;">
<div class="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;">
[[File:SpiritValeLogo.png|30px|link=Character]] <b>Character</b>
<div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;">
</div>
<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c);color:white;text-align:center;padding:6px;font-size:120%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;align-items:center;justify-content:center;gap:0;">[[File:SpiritValeLogo.png|25px|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="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 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:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Character]]</span> <span>'''[[Character|Character]]'''</span></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:.2rem 0;justify-content:center;"><span>[[File:CharacterIcon.png|24px|link=Attributes]]</span> [[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:.2rem 0;justify-content:center;"><span>[[File:SkillsIcon.png|24px|link=Skills]]</span> [[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:.2rem 0;justify-content:center;"><span>[[File:StorageIcon.png|24px|link=Storage]]</span> [[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 style="display:flex;align-items:center;gap:.35rem;margin:.2rem 0;justify-content:center;"><span>[[File:GoldCoin.png|24px|link=Coin]]</span> [[Coin|Coin]]</div>
</div>
</div>
</div>
</div>
</div>
</div>


<!-- ====================== -->
<!-- Items -->
<!-- System Card: 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="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;">
<div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">
<div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;">
[[File:SpiritValeLogo.png|30px|link=Items]] <b>Items</b>
<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c);color:white;text-align:center;padding:6px;font-size:120%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;align-items:center;justify-content:center;gap:0;">[[File:SpiritValeLogo.png|25px|link=Items]] <b>Items</b></div>
</div>
<div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;">
<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:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Items]]</span> <span>'''[[Items|Items]]'''</span></div>
<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:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Consumables]]</span> [[Consumables|Consumables]]</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:.2rem 0;justify-content:center;"><span>[[File:EquipmentIcon.png|24px|link=Equipment]]</span> [[Equipment|Equipment]]</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:.2rem 0;justify-content:center;"><span>[[File:CardIcon.webp|24px|link=Card System#Cards]]</span> [[Card System#Cards|Cards]]</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:.2rem 0;justify-content:center;"><span>[[File:ArtifactIcon.png|24px|link=Artifacts]]</span> [[Artifacts|Artifacts]]</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:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Materials]]</span> [[Materials|Materials]]</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>
</div>
</div>
</div>


<!-- ====================== -->
<!-- Combat -->
<!-- System Card: 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="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;">
<div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">
<div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;">
[[File:SpiritValeLogo.png|30px|link=Combat]] <b>Combat</b>
<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c);color:white;text-align:center;padding:6px;font-size:120%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;align-items:center;justify-content:center;gap:0;">[[File:SpiritValeLogo.png|25px|link=Combat]] <b>Combat</b></div>
</div>
<div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;">
<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:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Combat]]</span> <span>'''[[Combat|Combat]]'''</span></div>
<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:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Dodge Roll]]</span> [[Dodge Roll|Dodge Roll]]</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:.2rem 0;justify-content:center;"><span>[[File:NeutralIcon.png|24px|link=Elements]]</span> [[Elements|Elements]]</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:.2rem 0;justify-content:center;"><span>[[File:BossMonsterIcon.webp|24px|link=Monsters]]</span> [[Monsters|Monsters]]</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:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Arena]]</span> [[Arena|Arena]]</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>
</div>
</div>
</div>


<!-- ====================== -->
<!-- World -->
<!-- System Card: 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="header-container-outer" style="width:100%;max-width:250px;height:250px;box-sizing:border-box;overflow:hidden;background:transparent;display:flex;flex-direction:column;">
<div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">
<div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;">
[[File:SpiritValeLogo.png|30px|link=World]] <b>World</b>
<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c);color:white;text-align:center;padding:6px;font-size:120%;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;align-items:center;justify-content:center;gap:0;">[[File:SpiritValeLogo.png|25px|link=World]] <b>World</b></div>
</div>
<div style="flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 4px;">
<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:.2rem 0;justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=World]]</span> <span>'''[[World|World]]'''</span></div>
<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:.2rem 0;justify-content:center;"><span>[[File:WaypointsIcon.png|24px|link=Waypoints]]</span> [[Waypoints|Waypoints]]</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:.2rem 0;justify-content:center;"><span>[[File:Map_Icon.png|24px|link=Maps]]</span> [[Maps|Maps]]</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:.2rem 0;justify-content:center;"><span>[[File:NPCIcon.png|24px|link=NPC]]</span> [[NPC|Non-Player Characters]]</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:.2rem 0;justify-content:center;"><span>[[File:Refinement.png|24px|link=Refinement]]</span> [[Refinement|Refinement]]</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:.2rem 0;justify-content:center;"><span>[[File:CraftingIcon.webp|24px|link=Crafting System]]</span> [[Crafting System|Crafting]]</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>
</div>
</div>


</div>
</div>
Retrieved from "https://spiritvale.info/wiki/User:Eviand/Mainpagetest"