Toggle menu
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
No edit summary
No edit summary
Tags: Mobile edit Mobile web edit
Line 11: Line 11:
  |robots=index, follow
  |robots=index, follow
}}
}}
<!-- ========================================================= -->
<!-- ========================================================= -->
<!-- MAIN AREA: Logo, Search, Welcome, and Introduction -->
<!-- MAIN AREA: Logo, Search, Welcome, and Introduction -->
<!-- ========================================================= -->
<!-- ========================================================= -->
__NOTOC__
__NOTOC__
<div style="text-align:center; margin-bottom:2em;">
<div style="text-align:center; margin-bottom:2em;">


Line 24: Line 26:
<!-- ====================== -->
<!-- ====================== -->
<!-- Search Button -->
<!-- Search Button -->
<!-- - Keep citizen-search-trigger for Citizen search integration -->
<!-- - Styling uses blue tokens from Common.css -->
<!-- ====================== -->
<!-- ====================== -->
<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>
<div class="citizen-search-trigger sv-focus-ring" role="button" style="display:flex; align-items:center; justify-content:center; padding:.45rem .9rem; margin:.55rem auto 0 auto; width:100%; max-width:340px; border:2px solid var(--sv-ui-line2); border-radius:9999px; background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); cursor:pointer; text-align:center; box-shadow:var(--sv-ui-shadow1);"><span style="font-weight:800; white-space:nowrap;">Click to Search</span></div>


<!-- ====================== -->
<!-- ====================== -->
<!-- Welcome Message and Links -->
<!-- Welcome Message and Links -->
<!-- ====================== -->
<!-- ====================== -->
<div style="text-align:center; margin-top:.75rem;">
<div style="text-align:center; margin-top:.85rem;">
'''Welcome to the SpiritVale Wiki'''
'''Welcome to the SpiritVale Wiki'''
<br />
<br />
<div style="display:grid;grid-template-columns:repeat(auto-fit, 100px);justify-content:center;gap:6px;place-items:center;width:100%;min-width:0;margin-top:.25rem;">
<div style="display:grid; grid-template-columns:repeat(auto-fit, 100px); justify-content:center; gap:6px; place-items:center; width:100%; min-width:0; margin-top:.35rem;">
<div>[[File:Steam-logo.webp|center|x30px|link=https://store.steampowered.com/app/3767850/SpiritVale/]]</div>
<div>[[File:Steam-logo.webp|center|x30px|link=https://store.steampowered.com/app/3767850/SpiritVale/]]</div>
<div>[[File:Discord-logo.webp|center|x30px|link=https://discord.gg/2Ga8ZPAj]]</div>
<div>[[File:Discord-logo.webp|center|x30px|link=https://discord.gg/2Ga8ZPAj]]</div>
Line 48: Line 52:
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 SECTION -->
<!-- ========================================================= -->
<!-- ========================================================= -->
{{PatchHighlights}}
{{PatchHighlights}}
<!-- ========================================================= -->
<!-- ========================================================= -->
<!-- CLASSES OVERVIEW TABLE -->
<!-- CLASSES OVERVIEW TABLE -->
Line 70: Line 77:
</tr>
</tr>
<tr>
<tr>
<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-warrior.webp|25px]] [[Warrior]]</td>
<td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-warrior.webp|25px]] [[Warrior]]</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
Line 76: Line 83:
</tr>
</tr>
<tr>
<tr>
<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-knight.webp|25px]] [[Knight]]</td>
<td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-knight.webp|25px]] [[Knight]]</td>
<td style="padding:6px;">[[File:class-paladin.webp|25px]] [[Paladin]]</td>
<td style="padding:6px;">[[File:class-paladin.webp|25px]] [[Paladin]]</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
Line 82: Line 89:
</tr>
</tr>
<tr>
<tr>
<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-rogue.webp|25px]] [[Rogue]]</td>
<td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-rogue.webp|25px]] [[Rogue]]</td>
<td style="padding:6px;">[[File:class-shinobi.webp|25px]] [[Shinobi]]</td>
<td style="padding:6px;">[[File:class-shinobi.webp|25px]] [[Shinobi]]</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
Line 88: Line 95:
</tr>
</tr>
<tr>
<tr>
<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-scout.webp|25px]] [[Scout]]</td>
<td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-scout.webp|25px]] [[Scout]]</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
Line 94: Line 101:
</tr>
</tr>
<tr>
<tr>
<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-mage.webp|25px]] [[Mage]]</td>
<td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-mage.webp|25px]] [[Mage]]</td>
<td style="padding:6px;">[[File:class-wizard.webp|25px]] [[Wizard]]</td>
<td style="padding:6px;">[[File:class-wizard.webp|25px]] [[Wizard]]</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
Line 100: Line 107:
</tr>
</tr>
<tr>
<tr>
<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-acolyte.webp|25px]] [[Acolyte]]</td>
<td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-acolyte.webp|25px]] [[Acolyte]]</td>
<td style="padding:6px;">[[File:class-priest.webp|25px]] [[Priest]]</td>
<td style="padding:6px;">[[File:class-priest.webp|25px]] [[Priest]]</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
Line 106: Line 113:
</tr>
</tr>
<tr>
<tr>
<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-summoner.webp|25px]] [[Summoner]]</td>
<td style="padding:6px; border-right:1px solid var(--sv-ui-line1);">[[File:class-summoner.webp|25px]] [[Summoner]]</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
<td style="padding:6px;">—</td>
Line 113: Line 120:
</table>
</table>
</div>
</div>


<!-- ========================================================= -->
<!-- ========================================================= -->
Line 119: Line 125:
<!-- ========================================================= -->
<!-- ========================================================= -->


<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;">
<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;">
 
<!-- ====================== -->
<!-- ====================== -->
<!-- System Card: Character -->
<!-- System Card: Character -->
<!-- ====================== -->
<!-- ====================== -->
<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-card" style="width:100%; max-width:250px; height:250px; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
<div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;">
<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
<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:.35rem;">[[File:SpiritValeLogo.png|30px|link=Character]] <b>Character</b></div>
<div class="sv-tile" style="background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); text-align:center; padding:6px; 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:0 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:.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:.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:.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:.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:.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:.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:.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:.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:.2rem 0;justify-content:center;"><span>[[File:GoldCoin.png|24px|link=Coin]]</span> [[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>
<!-- ====================== -->
<!-- ====================== -->
<!-- System Card: Items -->
<!-- System Card: Items -->
<!-- ====================== -->
<!-- ====================== -->
<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-card" style="width:100%; max-width:250px; height:250px; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
<div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;">
<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
<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:.35rem;">[[File:SpiritValeLogo.png|30px|link=Items]] <b>Items</b></div>
<div class="sv-tile" style="background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); text-align:center; padding:6px; 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:0 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:.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:.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:.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:.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:.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:.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:.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:.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:.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:.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:.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:.2rem 0; justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Materials]]</span> [[Materials|Materials]]</div>
</div>
</div>
</div>
</div>
Line 155: Line 163:
<!-- System Card: Combat -->
<!-- System Card: Combat -->
<!-- ====================== -->
<!-- ====================== -->
<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-card" style="width:100%; max-width:250px; height:250px; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
<div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;">
<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
<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:.35rem;">[[File:SpiritValeLogo.png|30px|link=Combat]] <b>Combat</b></div>
<div class="sv-tile" style="background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); text-align:center; padding:6px; 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:0 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:.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:.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:.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:.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:.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:.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:.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:.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:.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:.2rem 0; justify-content:center;"><span>[[File:SpiritValeLogo.png|24px|link=Arena]]</span> [[Arena|Arena]]</div>
</div>
</div>
</div>
</div>
Line 171: Line 179:
<!-- System Card: World -->
<!-- System Card: World -->
<!-- ====================== -->
<!-- ====================== -->
<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-card" style="width:100%; max-width:250px; height:250px; box-sizing:border-box; overflow:hidden; display:flex; flex-direction:column;">
<div style="padding:2px;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;box-sizing:border-box;">
<div style="padding:6px; display:flex; flex-direction:column; gap:6px; width:100%; height:100%; box-sizing:border-box;">
<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:.35rem;">[[File:SpiritValeLogo.png|30px|link=World]] <b>World</b></div>
<div class="sv-tile" style="background:linear-gradient(180deg, var(--sv-ui-bg3), var(--sv-ui-bg2)); color:var(--sv-ui-text1); text-align:center; padding:6px; 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:0 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:.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:.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:.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:.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:.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:.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:.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:.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:.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:.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:.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:.2rem 0; justify-content:center;"><span>[[File:CraftingIcon.webp|24px|link=Crafting System]]</span> [[Crafting System|Crafting]]</div>
</div>
</div>
</div>
 
</div>
</div>
</div>
</div>