Difference between revisions of "Main Page"

Latest revision as of 17:07, 30 March 2026

NEW TO THE SERVER? MAKE SURE TO READ THESE

NEWBIE GUIDE
Check out this guide if you're a new player!

HERO QUESTS
Start your journey as a Hero today!

ITEM CATALOG
Having trouble looking for an item? Look no further!

JOIN DISCORD
Join us in our one and only Discord Server

JOB GUIDES
Plan your character's growth ahead of time!

SERVER RULES
Read up the rules to avoid getting into trouble!

CHANGELOGS
Changes and updates to the game are posted here.

SERVER FEATURES
War of Emperium Battlegrounds Hero Quests Social Jobs System Leveling Guide @Command List Earning Zeny Donation Rewards How to Donate Zeph Missions Vanilla Headgear Enchant Battleforged Equipment Overloading Equipment Automated Events Fused MVP Cards Gems of Power Headgear Quests Earning Zeny Hero Happy Hour MVP Hunter Custom MVPs Custom Pets Achievements Combat Training Casino Stylist Premium Stylist PVP Areas Marketplace Elements Item Refining Status Effects Socket Enchanting

DUNGEONS AND INSTANCES
Guild Instance Modified Central Laboratory Elite Endless Tower Lysandra's Instance Elite Dungeon Old Glast Heim Horror Factory Endless Tower Orc's Memory Nydhoggur's Nest Malangdo Culverts Faceworm Nest Buwaya's Cave Hazy Forest

BASIC GAME GUIDES
Basic Client Commands Game Installation Custom Skins Stats Warping and Teleporting General Card Effects Parties and Guilds Using Storage Keyboard Shortcuts

Difference between revisions of "Main Page"

Latest revision as of 17:07, 30 March 2026

Navigation menu

Page actions

Page actions

Personal tools

NAVIGATION

QUICK LINKS

Search

MISC

Tools

@@ Line 1: / Line 1: @@
+<center>
+[[File:HPmainnew001v2.png|link=]]
+<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:clamp(8px,2vw,15px); text-align:center; margin-top:10px;">
+<div style="background:linear-gradient(to right, #dd8683, #ffeeea, #dd8683); font-size:20px; border-radius: 20px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #dd8683;">
+<div style="margin-top: 6px; font-weight: bold; font-size: clamp(15px, 3.5vw, 25px);">[https://brave-ro.com/cp/?module=account&action=create Register an Account]</div>
+</div>
+<div style="background:linear-gradient(to right, #dd8683, #ffeeea, #dd8683); font-size:20px; border-radius: 20px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #dd8683;">
+<div style="margin-top: 6px; font-weight: bold; font-size: clamp(15px, 3.5vw, 25px);">[https://brave-ro.com/cp/?module=pages&action=content&path=downloads Game Download]</div>
+</div>
-<div align="center">
+<div style="background:linear-gradient(to right, #dd8683, #ffeeea, #dd8683); font-size:20px; border-radius: 20px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #dd8683;">
-[[File:Featured Guides.png|Featured Guides and Builds]]<br>
+<div style="margin-top: 6px; font-weight: bold; font-size: clamp(15px, 3.5vw, 25px);">[https://brave-ro.com/support/ BraveRO Support Center]</div>
-''Don't see what you're looking for? Try using the search box on the left hand side!''
+</div>
-{| class="wikitable" style="color:#353333;  background-color:#ffffff;"  cellpadding="100"
+</div>
+</center>
+<br>
+<hr>
+<center>
+{| style="width:100%; background:#ffffff; border-spacing:20px; margin-bottom:20px;"
+| style="width:100%; background:#f6f6f6; border:1px solid #c8ccd1; border-radius:20px; text-align:center; padding:10px; vertical-align:top;" |
+<div style="background:linear-gradient(to right, #71b6ff, #3c87d6, #175aa1); color:white; padding:5px; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); font-size:25px; font-weight:bold; border-radius:15px; border: 1px outset #ffffff;"><center>'''NEW TO THE SERVER? MAKE SURE TO READ THESE'''</center></div><br>
+<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:clamp(8px,2vw,15px); text-align:center; margin-top:10px;">
+    <div style="background:linear-gradient(to right, #ffffff, #d6eaff, #aecff1); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #4667d6;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[File:newbie12.gif|link=]] [[Newbie_Guide|NEWBIE GUIDE]]<br><small>''Check out this guide if you're a new player!''</small></div>
+    </div>
+   <div style="background:linear-gradient(to right, #ffffff, #d6eaff, #aecff1); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #4667d6;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[File:hero11.gif|link=]] [[Hero_&_Elite_Hero|HERO QUESTS]]<br><small>''Start your journey as a Hero today!''</small></div>
+    </div>
+   <div style="background:linear-gradient(to right, #ffffff, #d6eaff, #aecff1); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #4667d6;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[File:magnifier01.gif|link=]] [[NPC_Item_Catalog|ITEM CATALOG]]<br><small>''Having trouble looking for an item? Look no further!''</small></div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #d6eaff, #aecff1); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #4667d6;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[File:discordicon1.png|link=]] [http://Https://discord.gg/jhu7c9M6xE JOIN DISCORD]<br><small>''Join us in our one and only Discord Server''</small></div>
+    </div>
+   <div style="background:linear-gradient(to right, #ffffff, #d6eaff, #aecff1); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #4667d6;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[File:head01main.gif|link=]] [[Job_Guides|JOB GUIDES]]<br><small>''Plan your character's growth ahead of time!''</small></div>
+    </div>
+   <div style="background:linear-gradient(to right, #ffffff, #d6eaff, #aecff1); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #4667d6;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[File:scroll11.gif|link=]] [[Server_Rules|SERVER RULES]]<br><small>''Read up the rules to avoid getting into trouble!''</small></div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #d6eaff, #aecff1); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #4667d6;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[File:changelog001.gif|link=]] [https://discord.com/channels/1010819473349025883/1210709974767108157 CHANGELOGS]<br><small>''Changes and updates to the game are posted here.''</small></div>
+    </div>
+  </div>
+|}
+<hr>
+{| style="width:100%; background:#ffffff; border-spacing:20px; margin-bottom:20px;"
+| style="width:100%; background:#f6f6f6; border:1px solid #c8ccd1; border-radius:20px; text-align:center; padding:10px; vertical-align:top;" |
+{|class="wikitable mw-collapsible mw-collapsed" style="width: 100%;" border="0"
 |-
-! <big><big>Game Guides</big></big> !! <big><big>Newbie Tutorials</big></big>!! <big><big>Features Guides</big></big>!! <big><big>Instance Dungeons</big></big>
+! style="background:linear-gradient(to right, #ff806b, #df4126, #ff806b); width: 75px; padding:5px; color:white; border-radius:15px; font-size:20px; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); margin-left: text-align: center; 80px; border-color: #ffffff;" colspan="1" | '''<big>SERVER FEATURES</big>&nbsp;'''
 |-
-| <big>[[Installation]]</big> || <big>[[How to Level Up|Leveling Up]]</big> || <big>[[Hunting Missions]]</big> || <big>[[Instance Walkthrough (Elite Dungeon)|Harabah Elite Dungeon]]</big>
+!
+<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:clamp(8px,2vw,15px); text-align:center; margin-top:10px;">
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); font-size:20px; border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[War_Of_Emperium|War of Emperium]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Battlegrounds]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Hero_&_Elite_Hero|Hero Quests]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Social_Jobs_System|Social Jobs System]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[How_to_Level_Up|Leveling Guide]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[@Command_List|@Command List]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Earning_Zeny|Earning Zeny]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Donation_Rewards|Donation Rewards]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Donations|How to Donate]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Hunting_Missions|Zeph Missions]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Vanilla_Headgear_Enchants|Vanilla Headgear Enchant]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Battleforged_Equipment|Battleforged Equipment]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Overload_Equipment_System|Overloading Equipment]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Automated_events|Automated Events]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Fused_MvP_Cards|Fused MVP Cards]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Gems_of_Power|Gems of Power]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Headgear_Quests|Headgear Quests]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Earning_Zeny|Earning Zeny]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Phantasmagoria_HHH_General_Guides|Hero Happy Hour]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[MvP_Hunter|MVP Hunter]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Custom_MVPs|Custom MVPs]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Custom_Pets|Custom Pets]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Achievements|Achievements]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Combat_Training|Combat Training]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Casino|Casino]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Stylist|Stylist]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Premium_Stylist|Premium Stylist]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Pvp_Arena|PVP Areas]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Marketplace|Marketplace]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Elements|Elements]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Refine_Shop|Item Refining]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Status_Effects|Status Effects]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd6cf, #f7aea2); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Socket_Enchant|Socket Enchanting]]</div>
+    </div>
+|}
+{|class="wikitable mw-collapsible mw-collapsed" style="width: 100%;" border="0"
 |-
-| <big>[[Client commands|Client Commands]]</big> || <big>[[Changing_Jobs|Changing Jobs]]</big> || <big>[[Daily Quests]]</big> || <big>[[Instance Walkthrough (Horror Factory)|Horror Factory Dungeon]]</big>
+! style="background:linear-gradient(to right, #d465ec, #b23bcc, #d465ec); width: 75px; padding:5px; color:white; border-radius:15px; font-size:20px; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); margin-left: text-align: center; 80px; border-color: #ffffff;" colspan="1" | '''<big>DUNGEONS AND INSTANCES</big>&nbsp;'''
 |-
-| <big>[[@Command List]]</big> || <big>[[Earning Zeny]]</big>  || <big>[[Mining System]]</big> || <big>[[Instance Walkthrough (Orcs Memory)|Orc's Memory Dungeon]]</big>
+!
-|-
+<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:clamp(8px,2vw,15px); text-align:center; margin-top:10px;">
-| <big>Job Explanations</big> ||  <big>[[Stylist|In-game Stylist]]</big> || <big> [[Forging System]]</big> ||
-|-
+    <div style="background:linear-gradient(to right, #ffffff, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
-| <big>[[Stats|Stat Explanations]]</big> || <big>[[Vote 4 Points]]</big> ||  <big>[[Hero & Elite Hero|Hero & Elite Hero]]</big> ||
-|-
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Guild_Instance|Guild Instance]]</div>
-| <big>[[Warping & Teleporting]]</big> ||  <big>[[Donations|How To Donate]]</big> ||  <big>[[Achievements]]</big> ||
+    </div>
-|-
-| <big>Getting Equipment</big> || <big>[[Donation_Services|Donation Services]]</big> ||  <big>[[Battlegrounds]]</big> ||
+    <div style="background:linear-gradient(to right, #ffffff, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
-|-
-| <big>Selling, Buying & Trading</big> || <big>[[Currency|DreamerRO Currencies]]</big> ||  <big>[[Automated events|Automated Events]]</big> ||
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Modified_Central_Laboratory|Modified Central Laboratory]]</div>
-|-
+    </div>
-| <big>[[Joining Parties & Guilds]]</big> || <big>[[Database|Database]]</big>  ||  <big>[[Casino]]</big> ||
-|-
+    <div style="background:linear-gradient(to right, #ffffff, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
-| <big>[[Using Storage]] || <big>[[Monsters]]</big> ||  <big>[[Combat Training]]</big> ||
-|-
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Elite_Endless_Tower|Elite Endless Tower]]</div>
-| <big>[[Keyboard Shortcuts]]</big> || <big>Cards</big> ||  <big>[[Fused MvP Cards]]</big> ||
+    </div>
-|-
-| <big>[[Refine_Shop|Refine, Repair & Card Removal]]</big> || <big>[[Elements]]</big> ||  <big>[[Skin Colors]]</big> ||
+    <div style="background:linear-gradient(to right, #ffffff, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
-|-
-| <big>[[Socket_Enchant|Socket Enchant]]</big> ||  <big>Quests</big> || <big>[[Elite Temple]]</big> ||
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Lysandra's_Legacy_Instance|Lysandra's Instance]]</div>
-|-
+    </div>
-| <big>Enchanting Equipment</big> || <big>Skills</big> || <big>[[Custom MVPs|Custom MvPs]]</big> ||
-|-
+    <div style="background:linear-gradient(to right, #ffffff, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
-| <big>[[War_Of_Emperium|War of Emperium]]</big> ||  <big>[[Gems_of_Power|Gems of Power]]</big>|| <big>[[MvP Hunter]]</big> ||
-|-
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Elite_Dungeon)|Elite Dungeon]]</div>
-|  ||  || <big>[[Hero_Division|Hero Division]]</big> ||
+    </div>
-|-
-|  ||  || <big>[[Spirit_of_Heroism|Spirit of Heroism]]</big> ||
+    <div style="background:linear-gradient(to right, #ffffff, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
-|}
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Old_Glast_Heim)|Old Glast Heim]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Horror_Factory)|Horror Factory]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Endless_Tower|Endless Tower]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Orcs_Memory)|Orc's Memory]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Nydhoggur's_Nest|Nydhoggur's Nest]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Malangdo_Culvert)|Malangdo Culverts]]</div>
+    </div>
-<div align="center">
+    <div style="background:linear-gradient(to right, #ffffff, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Faceworm_Nest)|Faceworm Nest]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Buwaya%27s_Cave)|Buwaya's Cave]]</div>
+    </div>
-[[File:3-1 Jobs.png|Third Jobs 3-1]]
+    <div style="background:linear-gradient(to right, #ffffff, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
-{|
-|-
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Hazy_Forest)|Hazy Forest]]</div>
-! <big>Rune Knight</big> !! <big>Warlock</big> !! <big>Ranger</big> !! <big>Mechanic</big> !! <big>Guillotine Cross</big> !! <big>Arch Bishop</big>
+    </div>
-|-
+</div>
-|[[Image:Rune Knight.png|link=Rune Knight]] || [[Image:Warlock.png|link=Warlock]] || [[Image:Ranger.png|link=Ranger]] || [[Image:Mechanic.png|link=Mechanic]] || [[Image:Guillotine Cross.png|link=Guillotine Cross]] || [[Image:Arch Bishop.png|link=Arch Bishop]]
 |}
-[[File:3-2 Jobs.png|Third Jobs 3-2]]
-{|
+{|class="wikitable mw-collapsible mw-collapsed" style="width: 100%;" border="0"
 |-
-! <big>Royal Guard</big> !! <big>Sorcerer</big> !! <big>Minstrel & Wanderer</big> !! <big>Genetic</big> !! <big>Shadow Chaser</big> !! <big>Sura</big>
+! style="background:linear-gradient(to right, #bebebe, #838383, #bebebe); width: 75px; padding:5px; color:white; border-radius:15px; font-size:20px; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); margin-left: text-align: center; 80px; border-color: #ffffff;" colspan="1" | '''<big>BASIC GAME GUIDES</big>&nbsp;'''
 |-
-|[[Image:Royal Guard.png|link=Royal Guard]] || [[Image:Sorcerer.png|link=Sorcerer]]||[[Image:Duo.png|link=Musicians]]||[[Image:Geneticist.png|link=Genetic]] ||[[Image:Shadow Chaser.png|link=Shadow Chaser]] || [[Image:Sura.png|link=Sura]]
+!
-|}
+<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:clamp(8px,2vw,15px); text-align:center; margin-top:10px;">
+    <div style="background:linear-gradient(to right, #ffffff, #dfdfdf, #bebebe); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #838383;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Client_commands|Basic Client Commands]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #dfdfdf, #bebebe); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #838383;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Installation|Game Installation]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #dfdfdf, #bebebe); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #838383;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Custom_Skins/Theme_for_your_Ragnarok|Custom Skins]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #dfdfdf, #bebebe); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #838383;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Stats|Stats]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #dfdfdf, #bebebe); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #838383;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Warping_&_Teleporting|Warping and Teleporting]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #dfdfdf, #bebebe); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #838383;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[General_Card_References|General Card Effects]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #dfdfdf, #bebebe); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #838383;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Joining_Parties_&_Guilds|Parties and Guilds]]</div>
+    </div>
+    <div style="background:linear-gradient(to right, #ffffff, #dfdfdf, #bebebe); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #838383;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Using_Storage|Using Storage]]</div>
+    </div>
-[[File:Expanded.png|Expanded Jobs]]
+    <div style="background:linear-gradient(to right, #ffffff, #dfdfdf, #bebebe); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #838383;">
+      <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Keyboard_Shortcuts|Keyboard Shortcuts]]</div>
+    </div>
-{|
+</div>
-|-
+|}
-! <big>Taekwon</big> !! <big>Soul Linker</big> !! <big>Star Gladiator</big> !! <big>Oboro & Kagerou</big> !! <big>Rebellion</big> !! <big>Super Novice</big> !! <big>Doram</big>
-|-
-|[[Image:TaeKwon Kid.png|link=Taekwon]]|| [[Image:Soul Linker.png|link=Soul Linker]]||[[Image:TaeKwon Master.png|link=Star Gladiator]] || [[Image:Ninja Duo.png|link=Kagerou]] ||[[Image:Rebel.png|link=Rebellion]] || [[Image:Super Novice.png|link=Super Novice]]||[[Image:Summoner.png|link=Doram]]
 |}
-</div>
+<br>
-</div>