Main Page: Difference between revisions

← Older edit

VisualWikitext

Latest revision as of 23:46, 6 March 2026

Click to Search

Welcome to the SpiritVale Wiki

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.

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.

We also have a database with full details on items, monsters, and more: spiritvale.info

Recent Updates

SpiritVale Playtest 0.9.5

18 December 2025

New weapon graphics, leech and autocast system changes, and balance adjustments across multiple classes.

SpiritVale Playtest 0.9.4

12 December 2025

Update with various improvements and fixes.

SpiritVale Playtest 0.9.3

12 December 2025

Update with various improvements and fixes.

Classes

Base	Advanced I	Advanced II	Advanced III
Warrior	—	—	—
Knight	Paladin	—	—
Rogue	Shinobi	—	—
Scout	—	—	—
Mage	Wizard	—	—
Acolyte	Priest	—	—
Summoner	—	—	—

Character

Items

Combat

World

Non-Player Characters

Refinement

Crafting

@@ Line 1: / Line 1: @@
-{{Template:PageHeader
+{{#seo:
-| PageImage = SpiritValeLogo.png
+|title=SpiritVale Wiki — Classes, Items, Maps, Monsters & Guides
-| PageHeader = Welcome to the SpiritVale Wiki
+|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;">
+<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%;">
-<!-- MAIN AREA: flexible two-column band (intro + key features) -->
-<!-- ========================================================= -->
-<div style="display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; margin-bottom:2em;">
-<!-- ====================== -->
-<!-- Left: Introduction text -->
-<!-- ====================== -->
-<div style="font-size:125%; flex:1 1 50%; padding:0 2em; text-align:center; min-width:350px;">
 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>
-<!-- ===================== -->
-<!-- Right: Key Features box -->
-<!-- ===================== -->
-<div style="flex:0 0 35%; min-width:350px; margin:0 auto 2em auto;">
-{| style="width:100%; border:2px solid #5a4e7c; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2); padding:0;"
-|-
-! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:8px; font-size:125%; line-height:1.2em; border-top-left-radius:10px; border-top-right-radius:10px;" |
-'''Key Features'''
-|-
-| style="padding:12px; text-align:left; line-height:1.7; font-size:100%;" |
-'''🛡️ Classic-Inspired Progression'''
-Seven distinct base classes, each with branching advanced paths and unique skills.
-'''⚔️ Real-Time Combat'''
-Action-focused battles with dodge rolls, AoEs, and directional abilities.
-'''🐾 Summon Creatures'''
-Summoner class only – call forth magical allies.
-'''🛠️ Gear, Crafting & Cards'''
-Customize with items, crafted headgear, and card enhancements.
-'''🌍 Stylized World'''
-A vibrant low-poly world filled with monsters, ruins, and cryptic lore.
-'''🤝 Online Co-op'''
-Team up to tackle dungeons and rare bosses.
-'''🎁 No Pay-to-Win'''
-Free-to-play with cosmetics and supporter perks only.
-|}
 </div>
-</div> <!-- /Main area -->
+<!-- Patch highlights -->
+{{PatchHighlights}}
-<!-- ======================= -->
-<!-- Section divider (thin ruler) -->
-<!-- ======================= -->
-<div style="width:100%; border-top:1px solid #ccc; margin:2em 0;"></div>
-<!-- ===================================== -->
+<!-- Classes -->
-<!-- EXPLORE THE WORLD  banner-->
+<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;">
-<div style="max-width:100%; margin:0 3px; border:2px solid #372b54; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25);">
+[[File:Classes.png|25px|link=Classes]]
-<div style="color:white; text-align:center; padding:4px 4px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">
+<b>Classes</b>
-<div style="background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; text-align:center; padding:5px 5px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word; font-size:300%;">
-'''Explore the World'''
-</div>
-</div>
 </div>
-<br />
+<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;">
-<!-- ================= -->
-<!-- GAME SYSTEMS GRID -->
-<!-- ================= -->
-<!-- Notes:
-     - Full width container with min-width for readability
-     - No inner cell borders; icons aligned center
-     - Made to be expanded as needed with more systems
--->
-<div style="width:100%; min-width:400px; margin:0 auto; border:2px solid #5a4e7c; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25); padding:0; word-wrap:break-word; overflow-wrap:break-word;">
-<div style="color:white; text-align:center; padding:2px 2px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">
-<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:5px 5px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word; font-size:200%;">
-'''Game Systems'''
-</div>
-</div>
-<table style="width:100%; border-collapse:separate; border-spacing:0; font-size:105%;">
 <tr>
-<td style="width:25%; padding:10px; text-align:center;">[[File:CharacterIcon.png|70px|link=Attributes]]<br />[[Attributes]]</td>
+<th style="padding:8px;">Base</th>
-<td style="width:25%; padding:10px; text-align:center;">[[File:Classes.png|70px|link=Classes]]<br />[[Classes]]</td>
+<th style="padding:8px;">Advanced I</th>
-<td style="width:25%; padding:10px; text-align:center;">[[File:NeutralIcon.png|70px|link=Elements]]<br />[[Elements]]</td>
+<th style="padding:8px;">Advanced II</th>
-<td style="width:25%; padding:10px; text-align:center;">[[File:Refinement.png|70px|link=Refinement]]<br />[[Refinement]]</td>
+<th style="padding:8px;">Advanced III</th>
 </tr>
 <tr>
-<td style="padding:10px; text-align:center;">[[File:CardIcon.webp|70px|link=Card]]<br />[[Card System]]</td>
+<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:10px; text-align:center;">[[File:StorageIcon.png|70px|link=Storage]]<br />[[Item Storage]]</td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
-<td style="padding:10px; text-align:center;">[[File:CraftingIcon.webp|70px|link=Crafting]]<br />[[Crafting]]</td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
-<td style="padding:10px; text-align:center;">[[File:NPCIcon.png|70px|link=NPC]]<br />[[Non-Player Character]]</td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
 </tr>
 <tr>
-<td style="padding:10px; text-align:center;">[[File:Map_Icon.png|70px|link=Maps]]<br />[[Maps]]</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:10px; text-align:center;">[[File:WaypointsIcon.png|60px|link=Waypoints]]<br />[[Waypoints]]</td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-paladin.webp|25px]] [[Paladin]]</td>
-<td style="padding:10px; text-align:center;">[[File:BossMonsterIcon.webp|70px|link=Monsters]]<br />[[Monsters]]</td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
-<td style="padding:10px; text-align:center;">[[File:EquipmentIcon.png|70px|link=Equipment]]<br />[[Equipment]]</td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
 </tr>
-</table>
-</div>
-<br />
-<!-- ============== -->
-<!-- CLASSES MATRIX -->
-<!-- ============== -->
-<!-- Notes:
-     - Full width container with min-width for readability
-     - Additional classes can be added as needed.
--->
-<div style="width:100%; min-width:400px; margin:0 auto; border:2px solid #5a4e7c; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.25); padding:0; word-wrap:break-word; overflow-wrap:break-word;">
-<div style="color:white; text-align:center; padding:2px 2px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word;">
-<div style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:5px 5px; border-radius:8px; word-wrap:break-word; overflow-wrap:break-word; font-size:200%;">
-'''Classes'''
-</div>
-</div>
-<table style="width:100%; border-collapse:separate; border-spacing:0; font-size:105%;">
 <tr>
-<th style="width:28%; padding:8px; text-align:center; border-bottom:2px solid #5a4e7c; border-right:2px solid #5a4e7c;">Base Class</th>
+<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>
-<th style="padding:8px; text-align:center; border-bottom:2px solid #5a4e7c;">Advanced 1</th>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-shinobi.webp|25px]] [[Shinobi]]</td>
-<th style="padding:8px; text-align:center; border-bottom:2px solid #5a4e7c;">Advanced 2</th>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
-<th style="padding:8px; text-align:center; border-bottom:2px solid #5a4e7c;">Advanced 3</th>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
 </tr>
 <tr>
-<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:WarriorIcon.webp|80px|link=Warrior]]<br />[[Warrior]]</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="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
 </tr>
 <tr>
-<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:KnightIcon.webp|80px|link=Knight]]<br />[[Knight]]</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="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-wizard.webp|25px]] [[Wizard]]</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
 </tr>
 <tr>
-<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:MageIcon.webp|80px|link=Mage]]<br />[[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="text-align:center; border-bottom:1px solid #ccc;">[[File:class-wizard.webp|80px|link=Wizard]]<br />[[Wizard]]</td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">[[File:class-priest.webp|25px]] [[Priest]]</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
 </tr>
 <tr>
-<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:RogueIcon.webp|80px|link=Rogue]]<br />[[Rogue]]</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="text-align:center; border-bottom:1px solid #ccc;">[[File:class-shinobi.webp|80px|link=Shinobi]]<br />[[Shinobi]]</td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<td style="padding:8px; border-top:1px solid var(--sv-ui-line1);">—</td>
-<td style="text-align:center; border-bottom:1px solid #ccc;"></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;">
-<tr>
+<!-- Character -->
-<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:ScoutIcon.webp|80px|link=Scout]]<br />[[Scout]]</td>
+<div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+[[File:SpiritValeLogo.png|30px|link=Character]] <b>Character</b>
-</tr>
+</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>
-<tr>
+<!-- Combat -->
-<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c; border-bottom:1px solid #ccc;">[[File:AcolyteIcon.webp|80px|link=Acolyte]]<br />[[Acolyte]]</td>
+<div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
-<td style="text-align:center; border-bottom:1px solid #ccc;">[[File:class-priest.webp|80px|link=Priest]]<br />[[Priest]]</td>
+<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+<div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">
-<td style="text-align:center; border-bottom:1px solid #ccc;"></td>
+[[File:SpiritValeLogo.png|30px|link=Combat]] <b>Combat</b>
-</tr>
+</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>
-<tr>
+<!-- World -->
-<td style="padding:10px; text-align:center; border-right:2px solid #5a4e7c;">[[File:SummonerIcon.webp|80px|link=Summoner]]<br />[[Summoner]]</td>
+<div class="sv-card" style="width:100%; min-width:0; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
-<td style="text-align:center;"></td>
+<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
-<td style="text-align:center;"></td>
+<div class="sv-tile" style="text-align:center; padding:8px; font-size:120%; display:flex; align-items:center; justify-content:center; gap:.35rem;">
-<td style="text-align:center;"></td>
+[[File:SpiritValeLogo.png|30px|link=World]] <b>World</b>
-</tr>
+</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>
-</table>
+</div>
 </div>