User:Eviand/Mainpagetest: Difference between revisions

(64 intermediate revisions by the same user not shown)

Line 1:

{| ~~class~~=~~"infobox" style~~=~~"width~~:~~100%; font-size:95%; border:2px solid #372b54; background:#f7f7fa; border-radius:14px; box-shadow:0 3px 8px rgba(0~~,0,0,0.~~3); margin:10px 0;"~~

{{#seo:

|-

|title=SpiritVale Wiki — Classes, Items, Maps, Monsters & Guides

| ~~style~~=~~"padding:20px; background:linear-gradient(180deg~~,~~#5a4e7c~~,~~#372b54); color:white; border~~-~~top~~-~~left~~-~~radius:14px; border~~-~~top~~-~~right~~-~~radius~~:~~14px; text~~-~~align:center;" |~~

|title_mode=replace

~~[[File:SpiritValeLogo.png|100px]]<br /~~>

|description=SpiritVale Wiki: the community hub for classes, builds, skills, items, maps, monsters, crafting, and guides for the action MMORPG SpiritVale.

~~'''~~<~~span style~~=~~"font~~-~~size:200%;"~~>~~Welcome to the SpiritVale Wiki</span>'''~~

|keywords=SpiritVale, Spirit Vale, MMORPG, wiki, classes, builds, skills, guides, maps, monsters, items, crafting, cards, artifacts

|-

|type=website

| style="~~padding~~:~~15px~~; ~~line~~-~~height~~:~~1.6~~;" |

|site_name=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.~~

|locale=en-US

|image=SpiritValeLogo.png

|image_alt=SpiritVale logo and montage representing classes, items, combat, and world

|robots=index, follow

}}

__NOTOC__

Choose a base class—Warrior, Knight, Mage, Rogue, Scout, 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~~.

[[File:SpiritValeLogo.png|center|alt=Welcome to the SpiritVale Wiki!]]

~~We also have a database that has all the details on~~ items, ~~monsters~~, ~~and more~~: ~~[https~~:~~//spiritvale~~.~~info/]~~(~~https~~://~~spiritvale.info/)~~

<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'''

<br />

<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:Reddit-logo.webp|center|x30px|link=https://www.reddit.com/r/SpiritVale/]]</div>

<div>[[File:Kofi-logo.webp|x30px|center|link=https://ko-fi.com/renbaikun]]</div>

<div>[[File:Database-logo.webp|center|x30px|link=https://spiritvale.info/]]</div>

</div>

{| style="width:~~35%~~; ~~border~~:~~2px solid #5a4e7c~~; ~~background~~:~~#f0f2f8~~; ~~border~~-~~radius~~:~~12px~~; ~~box~~-~~shadow:0 2px 4px rgba(0~~,0,0,0.~~2);~~ padding:0; ~~margin~~:0; ~~align~~-~~self~~:~~flex-start~~;"

|-

! style="~~background~~:~~linear~~-~~gradient(180deg,#7a6fb0,#5a4e7c)~~; ~~color~~:~~white~~; text-align:center; padding:6px; ~~font~~-~~size~~:~~115%~~; border-~~top~~-~~left~~-~~radius~~:~~10px~~; border~~-top~~-right-~~radius~~:~~10px~~;" |

~~'''Key Features'''~~

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 />

| style="padding:~~10px~~; ~~text~~-~~align~~:~~left~~; ~~line~~-~~height~~:1.5;" |

We also have a database that has all the details on items, monsters, and more: [https://spiritvale.info/ https://spiritvale.info/]

</div>

<tr>

<th colspan="4">[[File:Classes.png|25px|link=Classes]] <span>Classes</span></th>

</tr>

<tr>

<th>Advanced I</th>

<th>Advanced II</th>

<th>Advanced III</th>

</tr>

<tr>

<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-warrior.webp|25px]] [[Warrior]]</td>

</tr>

<tr>

<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-knight.webp|25px]] [[Knight]]</td>

<td style="padding:6px;">[[File:class-paladin.webp|25px]] [[Paladin]]</td>

</tr>

<tr>

<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-rogue.webp|25px]] [[Rogue]]</td>

<td style="padding:6px;">[[File:class-shinobi.webp|25px]] [[Shinobi]]</td>

</tr>

<tr>

<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-scout.webp|25px]] [[Scout]]</td>

</tr>

<tr>

<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-mage.webp|25px]] [[Mage]]</td>

<td style="padding:6px;">[[File:class-wizard.webp|25px]] [[Wizard]]</td>

</tr>

<tr>

<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-acolyte.webp|25px]] [[Acolyte]]</td>

<td style="padding:6px;">[[File:class-priest.webp|25px]] [[Priest]]</td>

</tr>

<tr>

<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-summoner.webp|25px]] [[Summoner]]</td>

</tr>

</table>

</div>

~~'''🛡️ Classic-Inspired Progression'''~~

~~Five 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~~.

<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 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: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:GoldCoin.png|24px|link=Coin]]</span> [[Coin|Coin]]</div>

</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:.35rem;">[[File:SpiritValeLogo.png|30px|link=Items]] <b>Items</b></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: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: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>

'''~~🛠️ Gear, Crafting & Cards~~'''

~~Customize with~~ items~~, crafted headgear, and card enhancements~~.

<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 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: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:SpiritValeLogo.png|24px|link=Arena]]</span> [[Arena|Arena]]</div>

</div>

'''~~🌍 Stylized~~ World'''

~~A vibrant low~~-~~poly world filled with monsters, ruins, and cryptic lore~~.

<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 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: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:CraftingIcon.webp|24px|link=Crafting System]]</span> [[Crafting System|Crafting]]</div>

</div>

~~'''🤝 Online Co-op'''~~

</div>

~~Team up to tackle dungeons and rare bosses.~~

</div>

~~'''🎁 No Pay-to-Win'''~~

</div>

~~Free-to-play with cosmetics and supporter perks only.~~

|}

<~~!-- Game Systems Box --~~>

~~{| style="flex:1; align-self:flex-start; border:2px solid #5a4e7c; background:#eef0f6; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2); padding:0; margin:0;"~~

|-

~~! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:6px; font-size:115%; border-top-left-radius:10px; border-top-right-radius:10px;" |~~

~~'''Game Systems'''~~

|-

~~| style="padding:10px; text-align:left; line-height:1.6;" |~~

~~To be added~~

|}

@@ Line 1: / Line 1: @@
-{| class="infobox" style="width:100%; font-size:95%; border:2px solid #372b54; background:#f7f7fa; border-radius:14px; box-shadow:0 3px 8px rgba(0,0,0,0.3); margin:10px 0;"
+{{#seo:
-|-
+ |title=SpiritVale Wiki — Classes, Items, Maps, Monsters & Guides
-| style="padding:20px; background:linear-gradient(180deg,#5a4e7c,#372b54); color:white; border-top-left-radius:14px; border-top-right-radius:14px; text-align:center;" |
+ |title_mode=replace
-[[File:SpiritValeLogo.png|100px]]<br />
+ |description=SpiritVale Wiki: the community hub for classes, builds, skills, items, maps, monsters, crafting, and guides for the action MMORPG SpiritVale.
-'''<span style="font-size:200%;">Welcome to the SpiritVale Wiki</span>'''
+ |keywords=SpiritVale, Spirit Vale, MMORPG, wiki, classes, builds, skills, guides, maps, monsters, items, crafting, cards, artifacts
-|-
+ |type=website
-| style="padding:15px; line-height:1.6;" |
+ |site_name=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.
+ |locale=en-US
+ |image=SpiritValeLogo.png
+ |image_alt=SpiritVale logo and montage representing classes, items, combat, and world
+ |robots=index, follow
+}}
+<!-- ========================================================= -->
+<!-- MAIN AREA: Logo, Search, Welcome, and Introduction -->
+<!-- ========================================================= -->
+__NOTOC__
+<div style="text-align:center; margin-bottom:2em;">
-Choose a base class—Warrior, Knight, Mage, Rogue, Scout, 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.
+<!-- ====================== -->
+<!-- Site Logo -->
+<!-- ====================== -->
+[[File:SpiritValeLogo.png|center|alt=Welcome to the SpiritVale Wiki!]]
-We also have a database that has all the details on items, monsters, and more: [https://spiritvale.info/](https://spiritvale.info/)
+<!-- ====================== -->
+<!-- Search Button -->
+<!-- ====================== -->
+<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 style="display:flex; justify-content:flex-start; gap:20px; margin-top:20px;">
+<!-- ====================== -->
+<!-- Welcome Message and Links -->
+<!-- ====================== -->
+<div style="text-align:center; margin-top:.75rem;">
+'''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>[[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:Reddit-logo.webp|center|x30px|link=https://www.reddit.com/r/SpiritVale/]]</div>
+<div>[[File:Kofi-logo.webp|x30px|center|link=https://ko-fi.com/renbaikun]]</div>
+<div>[[File:Database-logo.webp|center|x30px|link=https://spiritvale.info/]]</div>
+</div>
+</div>
-<!-- Key Features Box -->
+<!-- ====================== -->
-{| style="width:35%; border:2px solid #5a4e7c; background:#f0f2f8; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2); padding:0; margin:0; align-self:flex-start;"
+<!-- Introductory Description -->
-|-
+<!-- ====================== -->
-! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:6px; font-size:115%; border-top-left-radius:10px; border-top-right-radius:10px;" |
+<div style="max-width:1000px; margin:1.25em auto; line-height:1.6; font-size:110%;">
-'''Key Features'''
+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 />
-| style="padding:10px; text-align:left; line-height:1.5;" |
+We also have a database that has all the details on items, monsters, and more: [https://spiritvale.info/ https://spiritvale.info/]
+</div>
+</div>
+<!-- ========================================================= -->
+<!-- PATCH HIGHLIGHTS SECTION -->
+<!-- ========================================================= -->
+{{PatchHighlights}}
+<!-- ========================================================= -->
+<!-- CLASSES OVERVIEW TABLE -->
+<!-- ========================================================= -->
+<div style="padding:6px; overflow:auto; -webkit-overflow-scrolling:touch; background:transparent;">
+<table class="custom-table" style="width:100%; table-layout:fixed; font-size:100%; text-align:center;">
+<tr>
+<th colspan="4">[[File:Classes.png|25px|link=Classes]] <span>Classes</span></th>
+</tr>
+<tr>
+<th>Base</th>
+<th>Advanced I</th>
+<th>Advanced II</th>
+<th>Advanced III</th>
+</tr>
+<tr>
+<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-warrior.webp|25px]] [[Warrior]]</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+</tr>
+<tr>
+<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-knight.webp|25px]] [[Knight]]</td>
+<td style="padding:6px;">[[File:class-paladin.webp|25px]] [[Paladin]]</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+</tr>
+<tr>
+<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-rogue.webp|25px]] [[Rogue]]</td>
+<td style="padding:6px;">[[File:class-shinobi.webp|25px]] [[Shinobi]]</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+</tr>
+<tr>
+<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-scout.webp|25px]] [[Scout]]</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+</tr>
+<tr>
+<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-mage.webp|25px]] [[Mage]]</td>
+<td style="padding:6px;">[[File:class-wizard.webp|25px]] [[Wizard]]</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+</tr>
+<tr>
+<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-acolyte.webp|25px]] [[Acolyte]]</td>
+<td style="padding:6px;">[[File:class-priest.webp|25px]] [[Priest]]</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+</tr>
+<tr>
+<td style="padding:6px; border-right:1px solid #5a4e7c;">[[File:class-summoner.webp|25px]] [[Summoner]]</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+<td style="padding:6px;">—</td>
+</tr>
+</table>
+</div>
-'''🛡️ Classic-Inspired Progression'''
-Five distinct base classes, each with branching advanced paths and unique skills.
-'''⚔️ Real-Time Combat'''
+<!-- ========================================================= -->
-Action-focused battles with dodge rolls, AoEs, and directional abilities.
+<!-- SYSTEMS GRID (Character, Items, Combat, World) -->
+<!-- ========================================================= -->
-'''🐾 Summon Creatures'''
+<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;">
-Summoner class only – call forth magical allies.
+<!-- ====================== -->
+<!-- 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 style="padding:2px;display:flex;flex-direction:column;gap:4px;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 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: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: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>
+</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 style="padding:2px;display:flex;flex-direction:column;gap:4px;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 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=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: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:SpiritValeLogo.png|24px|link=Materials]]</span> [[Materials|Materials]]</div>
+</div>
+</div>
+</div>
-'''🛠️ Gear, Crafting & Cards'''
+<!-- ====================== -->
-Customize with items, crafted headgear, and card enhancements.
+<!-- 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 style="padding:2px;display:flex;flex-direction:column;gap:4px;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 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=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: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>
+</div>
+</div>
-'''🌍 Stylized World'''
+<!-- ====================== -->
-A vibrant low-poly world filled with monsters, ruins, and cryptic lore.
+<!-- 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 style="padding:2px;display:flex;flex-direction:column;gap:4px;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 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: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: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:CraftingIcon.webp|24px|link=Crafting System]]</span> [[Crafting System|Crafting]]</div>
+</div>
+</div>
+</div>
-'''🤝 Online Co-op'''
+</div>
-Team up to tackle dungeons and rare bosses.
+</div>
+</div>
-'''🎁 No Pay-to-Win'''
+</div>
-Free-to-play with cosmetics and supporter perks only.
-|}
-<!-- Game Systems Box -->
-{| style="flex:1; align-self:flex-start; border:2px solid #5a4e7c; background:#eef0f6; border-radius:12px; box-shadow:0 2px 4px rgba(0,0,0,0.2); padding:0; margin:0;"
-|-
-! style="background:linear-gradient(180deg,#7a6fb0,#5a4e7c); color:white; text-align:center; padding:6px; font-size:115%; border-top-left-radius:10px; border-top-right-radius:10px;" |
-'''Game Systems'''
-|-
-| style="padding:10px; text-align:left; line-height:1.6;" |
-To be added
-|}