Difference between revisions of "Main Page"

From BraveRO Wiki
Jump to navigationJump to search
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<center>
 
<center>
−
{| style="width:80%; background:#ffffff; border-spacing:5px; margin-bottom:5px;"
+
[[File:HPmainnew001v2.png|width=100%|link=]]
−
| style="width:45%; background:#ffffff; border:0px solid #c8ccd1; border-radius:20px; text-align:center; padding:10px; vertical-align:top;" |
+
<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 align="right">[[File:HPbravemain001.png|450px|link=]]</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;">
−
<br>
+
<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>
  
−
| style="width:55%; background:#ffffff ; border:0px solid #c8ccd1; border-radius:20px; text-align:center; padding:10px; vertical-align:top;" |
+
<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 align="left">[[File:bravelogo2main001.png|480px|link=]]</div>
+
<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>
−
<br><br>
 
−
<div style="background: linear-gradient(145deg, #fffaf0, #fff5e6); border-radius: 15px; overflow: hidden; box-shadow: 0 8px 25px rgba(106, 17, 203, 0.18); margin-bottom: 35px; border: 3px outset #ff453f;">
 
−
  <div style="background:linear-gradient(to right, #ff453f, #ec8682, #ff453f); color: white; padding: 18px 25px; font-weight: bold; display: flex; align-items: center; justify-content: space-between; font-size: 1.3em; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); flex-wrap:wrap; gap:10px;">
 
−
    <div>WELCOME TO THE REALM OF BRAVERO!</div>
 
−
    <div style="font-size: 0.8em; font-weight: normal; opacity: 0.9;">
 
−
          </div>
 
−
  </div>
 
−
  <div style="padding: 25px;">
 
−
    <p style="margin-top: 0; margin-bottom: 15px; font-size: 1.05em; line-height: 1.6; color: #4a4a4a;">
 
−
BraveRO is not your typical high rate realm where items and equipment for progression come from the 'episodic' quests. A lot of quests, items, and equipment are customized for this realm. Fret not new adventurer! The guides found here will be able to assist in your journey as a Hero, and eventually, you'll become an Elite Hero yourself. Whether you enjoy slaying monsters, relish in battles against other adventurers, or quietly hunting for zeny and items, the choice is yours! Start your adventure today!
 
−
    </p>
 
−
        </div>
 
−
    </div>
 
−
  </div>
 
 
</div>
 
</div>
−
|}
 
  
−
<div style="display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; text-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;">
−
 
+
<div style="margin-top: 6px; font-weight: bold; font-size: clamp(15px, 3.5vw, 25px);">[https://brave-ro.com/support/ BraveRO Support Center]</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>
−
     
 
−
      <div style="margin-top: 6px; font-weight: bold; font-size: 0.95em;">[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: 0.95em;">[https://brave-ro.com/cp/?module=pages&action=content&path=downloads Game Download]</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: 0.95em;">[https://brave-ro.com/support/ BraveRO Support Center]</div>
 
−
    </div>
 
 
</div>
 
</div>
  
Line 51: Line 24:
 
<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="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(3, minmax(0, 1fr)); gap: 15px; text-align: center;">
+
<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="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: 0.95em;">[[File:newbie12.gif|link=]] [[Newbie_Guide|NEWBIE GUIDE]]<br><small>''Check out this guide if you're a new player!''</small></div>
+
       <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>
  
 
   <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="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: 0.95em;">[[File:hero11.gif|link=]] [[Hero_&_Elite_Hero|HERO & ELITE HERO QUESTS]]<br><small>''Start your journey as a Hero today!''</small></div>
+
       <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>
  
 
   <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="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: 0.95em;">[[File:magnifier01.gif|link=]] [[NPC_Item_Catalog|ITEM CATALOG]]<br><small>''Having trouble looking for an item? Look no further!''</small></div>
+
       <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>
  
 
     <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="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: 0.95em;">[[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 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>
  
 
   <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="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: 0.95em;">[[File:head01main.gif|link=]] [[Job_Guides|JOB GUIDES]]<br><small>''Plan your character's growth ahead of time!''</small></div>
+
       <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>
  
 
   <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="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: 0.95em;">[[File:scroll11.gif|link=]] [[Server_Rules|SERVER RULES]]<br><small>''Read up the rules to avoid getting into trouble!''</small></div>
+
       <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>
  
 
     <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="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: 0.95em;">[[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 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>
 
   </div>
 
   </div>
 
|}
 
|}
−
 
−
<br>
 
−
<br>
 
 
<hr>
 
<hr>
  
Line 102: Line 72:
 
|-
 
|-
 
!
 
!
−
  <div style="display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; text-align: center;">
+
<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); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #df4126;">
+
     <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: 0.95em;">[[War_Of_Emperium|War of Emperium]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[War_Of_Emperium|War of Emperium]]</div>
 
     </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="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: 0.95em;">[[Battlegrounds]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Battlegrounds]]</div>
 
     </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="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: 0.95em;">[[Hero_&_Elite_Hero|Hero Quests]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Hero_&_Elite_Hero|Hero Quests]]</div>
 
     </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="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: 0.95em;">[[Social_Jobs_System|Social Jobs System]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Social_Jobs_System|Social Jobs System]]</div>
 
     </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="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: 0.95em;">[[How_to_Level_Up|Leveling Guide]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[How_to_Level_Up|Leveling Guide]]</div>
 
     </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="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: 0.95em;">[[@Command_List|@Command List]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[@Command_List|@Command List]]</div>
 
     </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="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: 0.95em;">[[Earning_Zeny|Earning Zeny]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Earning_Zeny|Earning Zeny]]</div>
 
     </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="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: 0.95em;">[[Donation_Rewards|Donation Rewards]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Donation_Rewards|Donation Rewards]]</div>
 
     </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="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: 0.95em;">[[Donations|How to Donate]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Donations|How to Donate]]</div>
 
     </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="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: 0.95em;">[[Hunting_Missions|Zeph Missions]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Hunting_Missions|Zeph Missions]]</div>
 
     </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="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: 0.95em;">[[Vanilla_Headgear_Enchants|Vanilla Headgear Enchant]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Vanilla_Headgear_Enchants|Vanilla Headgear Enchant]]</div>
 
     </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="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: 0.95em;">[[Battleforged_Equipment|Battleforged Equipment]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Battleforged_Equipment|Battleforged Equipment]]</div>
 
     </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="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: 0.95em;">[[Overload_Equipment_System|Overloading Equipment]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Overload_Equipment_System|Overloading Equipment]]</div>
 
     </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="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: 0.95em;">[[Automated_events|Automated Events]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Automated_events|Automated Events]]</div>
 
     </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="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: 0.95em;">[[Fused_MvP_Cards|Fused MVP Cards]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Fused_MvP_Cards|Fused MVP Cards]]</div>
 
     </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="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: 0.95em;">[[Gems_of_Power|Gems of Power]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Gems_of_Power|Gems of Power]]</div>
 
     </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="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: 0.95em;">[[Headgear_Quests|Headgear Quests]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Headgear_Quests|Headgear Quests]]</div>
 
     </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="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: 0.95em;">[[Earning_Zeny|Earning Zeny]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Earning_Zeny|Earning Zeny]]</div>
 
     </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="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: 0.95em;">[[Phantasmagoria_HHH_General_Guides|Hero Happy Hour]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Phantasmagoria_HHH_General_Guides|Hero Happy Hour]]</div>
 
     </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="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: 0.95em;">[[MvP_Hunter|MVP Hunter]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[MvP_Hunter|MVP Hunter]]</div>
 
     </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="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: 0.95em;">[[Custom_MVPs|Custom MVPs]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Custom_MVPs|Custom MVPs]]</div>
 
     </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="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: 0.95em;">[[Custom_Pets|Custom Pets]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Custom_Pets|Custom Pets]]</div>
 
     </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="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: 0.95em;">[[Achievements|Achievements]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Achievements|Achievements]]</div>
 
     </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="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: 0.95em;">[[Combat_Training|Combat Training]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Combat_Training|Combat Training]]</div>
 
     </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="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: 0.95em;">[[Casino|Casino]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Casino|Casino]]</div>
 
     </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="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: 0.95em;">[[Stylist|Stylist]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Stylist|Stylist]]</div>
 
     </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="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: 0.95em;">[[Premium_Stylist|Premium Stylist]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Premium_Stylist|Premium Stylist]]</div>
 
     </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="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: 0.95em;">[[Pvp_Arena|PVP Areas]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Pvp_Arena|PVP Areas]]</div>
 
     </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="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: 0.95em;">[[Marketplace|Marketplace]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Marketplace|Marketplace]]</div>
 
     </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="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: 0.95em;">[[Elements|Elements]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Elements|Elements]]</div>
 
     </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="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: 0.95em;">[[Refine_Shop|Item Refining]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Refine_Shop|Item Refining]]</div>
 
     </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="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: 0.95em;">[[Status_Effects|Status Effects]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Status_Effects|Status Effects]]</div>
 
     </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="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: 0.95em;">[[Socket_Enchant|Socket Enchanting]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Socket_Enchant|Socket Enchanting]]</div>
 
     </div>
 
     </div>
 
|}
 
|}
Line 275: Line 245:
 
|-
 
|-
 
!
 
!
−
  <div style="display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; text-align: center;">
+
<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, #ffd7f3, #f4b2e0); border-radius: 12px; padding: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); border: 5px outset #d465ec;">
 
     <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: 0.95em;">[[Guild_Instance|Guild Instance]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Guild_Instance|Guild Instance]]</div>
 
     </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="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: 0.95em;">[[Modified_Central_Laboratory|Modified Central Laboratory]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Modified_Central_Laboratory|Modified Central Laboratory]]</div>
 
     </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="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: 0.95em;">[[y|Elite Endless Tower]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[y|Elite Endless Tower]]</div>
 
     </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="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: 0.95em;">[[Lysandra's_Legacy_Instance|Lysandra's Instance]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Lysandra's_Legacy_Instance|Lysandra's Instance]]</div>
 
     </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="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: 0.95em;">[[Instance_Walkthrough_(Elite_Dungeon)|Elite Dungeon]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Elite_Dungeon)|Elite Dungeon]]</div>
 
     </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="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: 0.95em;">[[Instance_Walkthrough_(Old_Glast_Heim)|Old Glast Heim]]</div>
+
       <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>
  
 
     <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="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: 0.95em;">[[Instance_Walkthrough_(Horror_Factory)|Horror Factory]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Horror_Factory)|Horror Factory]]</div>
 
     </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="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: 0.95em;">[[Endless_Tower|Endless Tower]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Endless_Tower|Endless Tower]]</div>
 
     </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="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: 0.95em;">[[Instance_Walkthrough_(Orcs_Memory)|Orc's Memory]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Orcs_Memory)|Orc's Memory]]</div>
 
     </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="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: 0.95em;">[[Nydhoggur's_Nest|Nydhoggur's Nest]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Nydhoggur's_Nest|Nydhoggur's Nest]]</div>
 
     </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="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: 0.95em;">[[Instance_Walkthrough_(Malangdo_Culvert)|Malangdo Culverts]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Malangdo_Culvert)|Malangdo Culverts]]</div>
 
     </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="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: 0.95em;">[[Instance_Walkthrough_(Faceworm_Nest)|Faceworm Nest]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Faceworm_Nest)|Faceworm Nest]]</div>
 
     </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="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: 0.95em;">[[Instance_Walkthrough_(Buwaya%27s_Cave)|Buwaya's Cave]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Buwaya%27s_Cave)|Buwaya's Cave]]</div>
 
     </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="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: 0.95em;">[[Instance_Walkthrough_(Hazy_Forest)|Hazy Forest]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Instance_Walkthrough_(Hazy_Forest)|Hazy Forest]]</div>
 
     </div>
 
     </div>
 
</div>
 
</div>
Line 354: Line 324:
 
|-
 
|-
 
!
 
!
−
  <div style="display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; text-align: center;">
+
<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="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: 0.95em;">[[Client_commands|Basic Client Commands]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Client_commands|Basic Client Commands]]</div>
 
     </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="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: 0.95em;">[[Installation|Game Installation]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Installation|Game Installation]]</div>
 
     </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="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: 0.95em;">[[Custom_Skins/Theme_for_your_Ragnarok|Custom Skins]]</div>
+
       <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>
  
 
     <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="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: 0.95em;">[[Stats|Stats]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Stats|Stats]]</div>
 
     </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="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: 0.95em;">[[Warping_&_Teleporting|Warping and Teleporting]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Warping_&_Teleporting|Warping and Teleporting]]</div>
 
     </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="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: 0.95em;">[[General_Card_References|General Card Effects]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[General_Card_References|General Card Effects]]</div>
 
     </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="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: 0.95em;">[[Joining_Parties_&_Guilds|Parties and Guilds]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Joining_Parties_&_Guilds|Parties and Guilds]]</div>
 
     </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="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: 0.95em;">[[Using_Storage|Using Storage]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Using_Storage|Using Storage]]</div>
 
     </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="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: 0.95em;">[[Keyboard_Shortcuts|Keyboard Shortcuts]]</div>
+
       <div style="margin-top: 6px; font-weight: bold; font-size: clamp(13px, 5vw, 18px);">[[Keyboard_Shortcuts|Keyboard Shortcuts]]</div>
 
     </div>
 
     </div>
  

Latest revision as of 16:00, 24 March 2026

width=100%


NEW TO THE SERVER? MAKE SURE TO READ THESE

Newbie12.gif NEWBIE GUIDE
Check out this guide if you're a new player!
Hero11.gif HERO QUESTS
Start your journey as a Hero today!
Magnifier01.gif ITEM CATALOG
Having trouble looking for an item? Look no further!
Discordicon1.png JOIN DISCORD
Join us in our one and only Discord Server
Head01main.gif JOB GUIDES
Plan your character's growth ahead of time!
Scroll11.gif SERVER RULES
Read up the rules to avoid getting into trouble!
Changelog001.gif CHANGELOGS
Changes and updates to the game are posted here.
SERVER FEATURES 
DUNGEONS AND INSTANCES 
BASIC GAME GUIDES 


Retrieved from "https://brave-ro.com/wiki/index.php?title=Main_Page&oldid=19362"