Editing Random Options (section)

== <div style="background: linear-gradient(135deg, #3A86FF 0%, #8338EC 100%); color: white; padding: 15px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);">Random Options System</div> ==

<div style="background: #ffffff; border-radius: 8px; padding: 20px; margin: 20px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-left: 5px solid #3A86FF;">
<div style="font-size: 1.2em; color: #2c3e50; font-weight: 500; margin-bottom: 10px;">⚙️ System Mechanics</div>
<ul style="margin-top: 5px; padding-left: 20px;">
<li>Applies to <strong>Accessories, Armors, Garments, Shields, Shoes, Weapons & [NEW] Headgears (*)</strong></li>
<li>Drops from <span style="color: #e74c3c;">Monsters</span>, <span style="color: #e74c3c;">Minibosses</span>, and <span style="color: #e74c3c;">MVPs, </span></li>
<li><strong>It is possible to change the options (type) of an item, but not to add new options  to it. </strong> It is possible to change the options of an item, but not to add new options to it. If an item has 1 option, you will not be able to add a 2nd or 3rd option to it.</li>
<li>Obtainable in all equipment purchased from server stores such as<strong> Battlegrounds, Cash shop, Gachapon, WoE Rewards & more.</strong></li>

</ul>
</div>

<!-- RARITY TIERS -->
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 25px 0;">
<div style="background: linear-gradient(145deg, #3A86FF20, #3A86FF30); border-radius: 8px; padding: 15px; border-top: 4px solid #3A86FF; box-shadow: 0 2px 8px rgba(58,134,255,0.15);">
<div style="font-weight: bold; color: #3A86FF; margin-bottom: 10px;">🔵 Common</div>
<div style="font-size: 0.9em; color: #34495e;">
• Available only in the first and second options.<br>
• Basic Bonuses<br>
• High Drop Rate
</div>
</div>

<div style="background: linear-gradient(145deg, #FFBE0B20, #FFBE0B30); border-radius: 8px; padding: 15px; border-top: 4px solid #FFBE0B; box-shadow: 0 2px 8px rgba(255,190,11,0.15);">
<div style="font-weight: bold; color: #FFBE0B; margin-bottom: 10px;">🟠 Rare</div>
<div style="font-size: 0.9em; color: #34495e;">
• Available in all options (1, 2 and 3). <br>
• Advanced Bonuses<br>
• Medium Drop Rate
</div>
</div>

<div style="background: linear-gradient(145deg, #8338EC20, #8338EC30); border-radius: 8px; padding: 15px; border-top: 4px solid #8338EC; box-shadow: 0 2px 8px rgba(131,56,236,0.15);">
<div style="font-weight: bold; color: #8338EC; margin-bottom: 10px;">🟣 Mythic</div>
<div style="font-size: 0.9em; color: #34495e;">
• Not available in the first slot.<br>
• Powerful Bonuses<br>
• Low Drop Rate
</div>
</div>
</div>