User:Eviand/Mainpagetest: Difference between revisions

← Older edit Newer edit →

VisualWikitext

Revision as of 05:24, 23 February 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 11: / Line 11: @@
   |robots=index, follow
 }}
 <!-- ========================================================= -->
 <!-- MAIN AREA: Logo, Search, Welcome, and Introduction -->
 <!-- ========================================================= -->
 __NOTOC__
 <div style="text-align:center; margin-bottom:2em;">
@@ Line 24: / Line 26: @@
 <!-- ====================== -->
 <!-- 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 -->
 <!-- ====================== -->
-<div style="text-align:center; margin-top:.75rem;">
+<div style="text-align:center; margin-top:.85rem;">
 '''Welcome to the SpiritVale Wiki'''
 <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: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 />
 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>
 <!-- ========================================================= -->
 <!-- PATCH HIGHLIGHTS SECTION -->
 <!-- ========================================================= -->
 {{PatchHighlights}}
 <!-- ========================================================= -->
 <!-- CLASSES OVERVIEW TABLE -->
@@ Line 70: / Line 77: @@
 </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>
@@ Line 76: / Line 83: @@
 </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;">—</td>
@@ Line 82: / Line 89: @@
 </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;">—</td>
@@ Line 88: / Line 95: @@
 </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>
@@ Line 94: / Line 101: @@
 </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;">—</td>
@@ Line 100: / Line 107: @@
 </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;">—</td>
@@ Line 106: / Line 113: @@
 </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>
@@ Line 113: / Line 120: @@
 </table>
 </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 -->
 <!-- ====================== -->
-<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>
 <!-- ====================== -->
 <!-- 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>
@@ Line 155: / Line 163: @@
 <!-- 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>
@@ Line 171: / Line 179: @@
 <!-- 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>