Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Test: Difference between revisions

From GScripts
Ben (talk | contribs)
Created page with "ben uses this for theme testing dont delete yet pls <!-- BOX 1: GREEN (Farming Theme) --> <div style=" background: rgba(30, 60, 30, 0.85); border-radius: 8px; padding: 16px; margin: 20px 0; box-shadow: 0 4px 8px rgba(0,0,0,0.3); border-left: 4px solid #4CAF50; color: #E0FFE0; "> <h3 style="color: #A5D6A7; margin-top: 0; border-bottom: 1px solid #2E7D32; padding-bottom: 8px;"> ๐ŸŒฑ Farming Configuration </h3> <p><strong>Compost Type:</stro..."
ย 
Ben (talk | contribs)
No edit summary
ย 
Line 414: Line 414:
<!-- 23. Woodcutting -->
<!-- 23. Woodcutting -->
<div style="background: rgba(15,40,15,0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #2E8B57; color:#E8F5E9; width:300px; height:120px; display:inline-block; vertical-align:top;">
<div style="background: rgba(15,40,15,0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #2E8B57; color:#E8F5E9; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#A5D6A7; margin-top:0; border-bottom:1px solid #1B5E20; padding-bottom:8px">๐Ÿชต Woodcutting</h3>
<h3 style="color:#A5D6A7; margin-top:0; border-bottom:1px solid #1B5E20; padding-bottom:8px">๐ŸŒฒ Woodcutting</h3>
<p><strong>Tree:</strong> Redwoods</p>
<p><strong>Tree:</strong> Redwoods</p>
<p><strong>Axe:</strong> Dragon</p>
<p><strong>Axe:</strong> Dragon</p>
</div>
<!-- 1. Attack -->
<div style="background: rgba(100, 10, 20, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #8B0000; color:#FFD7D7; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#FF9999; margin-top:0; border-bottom:1px solid #660000; padding-bottom:8px">โš”๏ธ Attack</h3>
<p><strong>Style:</strong> <span style="color:#FFAAAA">Aggressive</span></p>
<p><strong>Weapon:</strong> Abyssal whip</p>
</div>
<!-- 2. Strength -->
<div style="background: rgba(120, 10, 0, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #CC0000; color:#FFE5E0; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#FF8080; margin-top:0; border-bottom:1px solid #990000; padding-bottom:8px">๐Ÿ’ช Strength</h3>
<p><strong>Style:</strong> <span style="color:#FF9999">Berserker</span></p>
<p><strong>Weapon:</strong> Dragon scimitar</p>
</div>
<!-- 3. Defence -->
<div style="background: rgba(20, 60, 120, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #1E90FF; color:#E0F0FF; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#99CCFF; margin-top:0; border-bottom:1px solid #0066CC; padding-bottom:8px">๐Ÿ›ก๏ธ Defence</h3>
<p><strong>Style:</strong> <span style="color:#B3D9FF">Defensive</span></p>
<p><strong>Armor:</strong> Barrows</p>
</div>
<!-- 4. Ranged -->
<div style="background: rgba(60, 100, 30, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #6B8E23; color:#F0FFE0; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#CCFF99; margin-top:0; border-bottom:1px solid #556B2F; padding-bottom:8px">๐Ÿน Ranged</h3>
<p><strong>Weapon:</strong> <span style="color:#B3FF66">Rune crossbow</span></p>
<p><strong>Ammo:</strong> Broad bolts</p>
</div>
<!-- 5. Prayer (Darkened Version) -->
<div style="background: rgba(210, 210, 100, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #FFD700; color:#333300; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#FFEE99; margin-top:0; border-bottom:1px solid #CCAA00; padding-bottom:8px">๐Ÿ™ Prayer</h3>
<p><strong>Method:</strong> <span style="color:#FFDD55">Chaos Altar</span></p>
<p><strong>Bones:</strong> Dragon</p>
</div>
<!-- 6. Magic -->
<div style="background: rgba(80, 60, 180, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #9370DB; color:#F0E8FF; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#CCBBFF; margin-top:0; border-bottom:1px solid #6A5ACD; padding-bottom:8px">๐Ÿ”ฎ Magic</h3>
<p><strong>Spell:</strong> <span style="color:#B399FF">High Alchemy</span></p>
<p><strong>Staff:</strong> Ancient</p>
</div>
<!-- 7. Runecrafting -->
<div style="background: rgba(100, 100, 200, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #4169E1; color:#E0E8FF; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#AAB9FF; margin-top:0; border-bottom:1px solid #000080; padding-bottom:8px">๐ŸŒ€ Runecrafting</h3>
<p><strong>Altar:</strong> <span style="color:#8F9FFF">Nature</span></p>
<p><strong>Route:</strong> Abyss</p>
</div>
<!-- 8. Construction -->
<div style="background: rgba(150, 100, 50, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #D2B48C; color:#FFF5E6; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#FFE4C4; margin-top:0; border-bottom:1px solid #A08060; padding-bottom:8px">๐Ÿ  Construction</h3>
<p><strong>Method:</strong> <span style="color:#FFD8A8">Mahogany Tables</span></p>
<p><strong>Servant:</strong> Enabled</p>
</div>
<!-- 9. Hitpoints -->
<div style="background: rgba(200, 20, 20, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #FF4500; color:#FFE5E0; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#FF9999; margin-top:0; border-bottom:1px solid #CC0000; padding-bottom:8px">โค๏ธ Hitpoints</h3>
<p><strong>Food:</strong> <span style="color:#FF8080">Sharks</span></p>
<p><strong>Threshold:</strong> 50% HP</p>
</div>
<!-- 10. Agility -->
<div style="background: rgba(0, 150, 150, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #008B8B; color:#E0FFFF; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#99FFFF; margin-top:0; border-bottom:1px solid #006666; padding-bottom:8px">๐Ÿƒ Agility</h3>
<p><strong>Course:</strong> <span style="color:#66FFFF">Ardougne</span></p>
<p><strong>Stamina:</strong> Enabled</p>
</div>
<!-- 11. Herblore -->
<div style="background: rgba(50, 150, 50, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #2E8B57; color:#E8FFE8; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#99FF99; margin-top:0; border-bottom:1px solid #006400; padding-bottom:8px">๐Ÿงช Herblore</h3>
<p><strong>Potion:</strong> <span style="color:#77EE77">Prayer</span></p>
<p><strong>Cleaning:</strong> Enabled</p>
</div>
<!-- 12. Thieving -->
<div style="background: rgba(100, 50, 150, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #9932CC; color:#F5E8FF; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#D4AAFF; margin-top:0; border-bottom:1px solid #800080; padding-bottom:8px">๐Ÿ–ค Thieving</h3>
<p><strong>Target:</strong> <span style="color:#C28CFF">Ardy Knights</span></p>
<p><strong>Food:</strong> Wine</p>
</div>
<!-- 13. Crafting -->
<div style="background: rgba(200, 150, 0, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #DAA520; color:#FFFFE0; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#FFEE99; margin-top:0; border-bottom:1px solid #B8860B; padding-bottom:8px">๐Ÿ’Ž Crafting</h3>
<p><strong>Activity:</strong> <span style="color:#FFDD55">Gem Cutting</span></p>
<p><strong>Gem:</strong> Ruby</p>
</div>
<!-- 14. Fletching -->
<div style="background: rgba(150, 100, 0, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #CD853F; color:#FFF5E6; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#FFD8A8; margin-top:0; border-bottom:1px solid #A0522D; padding-bottom:8px">๐Ÿน Fletching</h3>
<p><strong>Activity:</strong> <span style="color:#FFC080">Broad Arrows</span></p>
<p><strong>Banking:</strong> Seers</p>
</div>
<!-- 15. Slayer -->
<div style="background: rgba(80, 0, 80, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #800080; color:#FFE8FF; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#FF99FF; margin-top:0; border-bottom:1px solid #660066; padding-bottom:8px">โ˜ ๏ธ Slayer</h3>
<p><strong>Master:</strong> <span style="color:#EE77EE">Duradel</span></p>
<p><strong>Block List:</strong> Bronze Dragons</p>
</div>
<!-- 16. Hunter -->
<div style="background: rgba(100, 150, 50, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #6B8E23; color:#F5FFE8; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#CCFF99; margin-top:0; border-bottom:1px solid #556B2F; padding-bottom:8px">๐Ÿฆ‹ Hunter</h3>
<p><strong>Trap:</strong> <span style="color:#BBEE88">Red Chins</span></p>
<p><strong>Location:</strong> Hunting Grounds</p>
</div>
<!-- 17. Mining -->
<div style="background: rgba(100, 100, 100, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #696969; color:#F0F0F0; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#DDDDDD; margin-top:0; border-bottom:1px solid #505050; padding-bottom:8px">โ›๏ธ Mining</h3>
<p><strong>Rock:</strong> <span style="color:#CCCCCC">Motherlode</span></p>
<p><strong>Pickaxe:</strong> Rune</p>
</div>
<!-- 18. Smithing -->
<div style="background: rgba(150, 100, 50, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #A0522D; color:#FFF0E5; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#FFD8B3; margin-top:0; border-bottom:1px solid #804000; padding-bottom:8px">โš’๏ธ Smithing</h3>
<p><strong>Method:</strong> <span style="color:#FFC080">Blast Furnace</span></p>
<p><strong>Bar:</strong> Mithril</p>
</div>
<!-- 19. Fishing -->
<div style="background: rgba(30, 100, 150, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #4682B4; color:#E0F0FF; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#99CCFF; margin-top:0; border-bottom:1px solid #1E4B6B; padding-bottom:8px">๐ŸŽฃ Fishing</h3>
<p><strong>Method:</strong> <span style="color:#77BBEE">Barbarian</span></p>
<p><strong>Spot:</strong> Otto's Grotto</p>
</div>
<!-- 20. Cooking -->
<div style="background: rgba(200, 50, 50, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #DC143C; color:#FFE8E8; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#FFAAAA; margin-top:0; border-bottom:1px solid #B22222; padding-bottom:8px">๐Ÿ— Cooking</h3>
<p><strong>Food:</strong> <span style="color:#FF8888">Sharks</span></p>
<p><strong>Location:</strong> Rogues' Den</p>
</div>
<!-- 21. Firemaking -->
<div style="background: rgba(200, 100, 0, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #FF8C00; color:#FFF0E0; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#FFCC99; margin-top:0; border-bottom:1px solid #CC6600; padding-bottom:8px">๐Ÿ”ฅ Firemaking</h3>
<p><strong>Method:</strong> <span style="color:#FFBB77">Wintertodt</span></p>
<p><strong>Food:</strong> 10-20 HP</p>
</div>
<!-- 22. Woodcutting -->
<div style="background: rgba(100, 70, 20, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #8B4513; color:#FFF5E6; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#FFD8A8; margin-top:0; border-bottom:1px solid #5D2E00; padding-bottom:8px">๐Ÿชต Woodcutting</h3>
<p><strong>Tree:</strong> <span style="color:#FFC080">Redwoods</span></p>
<p><strong>Axe:</strong> Dragon</p>
</div>
<!-- 23. Farming -->
<div style="background: rgba(50, 150, 50, 0.85); border-radius:8px; padding:16px; margin:20px 0; box-shadow:0 4px 8px rgba(0,0,0,0.3); border-left:4px solid #32CD32; color:#E8FFE8; width:300px; height:120px; display:inline-block; vertical-align:top;">
<h3 style="color:#99FF99; margin-top:0; border-bottom:1px solid #008000; padding-bottom:8px">๐ŸŒฑ Farming</h3>
<p><strong>Patches:</strong> <span style="color:#77EE77">Herb > Tree</span></p>
<p><strong>Compost:</strong> Ultracompost</p>
</div>
<!-- 1. Attack -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(140,20,30,0.9) 0%, rgba(100,10,20,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #8B0000;
ย  ย  color: #FFE5E5;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  position: relative;
ย  ย  overflow: hidden;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#FFAAAA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  โš”๏ธ Attack
</h3>
<p style="margin:6px 0;"><strong>Style:</strong> <span style="color:#FFCCCC">Aggressive</span></p>
<p style="margin:6px 0;"><strong>Weapon:</strong> Abyssal whip</p>
</div>
<!-- 2. Strength -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(180,30,0,0.9) 0%, rgba(140,20,0,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #CC0000;
ย  ย  color: #FFE8E5;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#FFBBBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ’ช Strength
</h3>
<p style="margin:6px 0;"><strong>Style:</strong> <span style="color:#FFDDDD">Berserker</span></p>
<p style="margin:6px 0;"><strong>Weapon:</strong> Dragon scimitar</p>
</div>
<!-- 3. Defence -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(30,80,160,0.9) 0%, rgba(20,60,120,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #1E90FF;
ย  ย  color: #F0F8FF;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#CCEEFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ›ก๏ธ Defence
</h3>
<p style="margin:6px 0;"><strong>Style:</strong> <span style="color:#DDF7FF">Defensive</span></p>
<p style="margin:6px 0;"><strong>Armor:</strong> Barrows</p>
</div>
<!-- 4. Ranged -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(80,130,50,0.9) 0%, rgba(60,100,30,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #6B8E23;
ย  ย  color: #F5FFE0;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#DDFFAA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿน Ranged
</h3>
<p style="margin:6px 0;"><strong>Weapon:</strong> <span style="color:#CCFF88">Rune crossbow</span></p>
<p style="margin:6px 0;"><strong>Ammo:</strong> Broad bolts</p>
</div>
<!-- 5. Prayer -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(220,220,120,0.9) 0%, rgba(200,200,80,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #FFD700;
ย  ย  color: #443300;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#FFEE88; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(0,0,0,0.2); text-shadow: 0 1px 2px rgba(255,255,255,0.3);">
ย  ย  ๐Ÿ™ Prayer
</h3>
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFDD55">Chaos Altar</span></p>
<p style="margin:6px 0;"><strong>Bones:</strong> Dragon</p>
</div>
<!-- 6. Magic -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(100,80,200,0.9) 0%, rgba(80,60,180,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #9370DB;
ย  ย  color: #F5F0FF;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#DDCCFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ”ฎ Magic
</h3>
<p style="margin:6px 0;"><strong>Spell:</strong> <span style="color:#CCBBFF">High Alchemy</span></p>
<p style="margin:6px 0;"><strong>Staff:</strong> Ancient</p>
</div>
<!-- 7. Runecrafting -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(120,120,220,0.9) 0%, rgba(100,100,200,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #4169E1;
ย  ย  color: #F0F5FF;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#BBCCFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐ŸŒ€ Runecrafting
</h3>
<p style="margin:6px 0;"><strong>Altar:</strong> <span style="color:#AABBFF">Nature</span></p>
<p style="margin:6px 0;"><strong>Route:</strong> Abyss</p>
</div>
<!-- 8. Construction -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(180,130,80,0.9) 0%, rgba(150,100,50,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #D2B48C;
ย  ย  color: #FFF9F0;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#FFE8CC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ  Construction
</h3>
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFD8A8">Mahogany Tables</span></p>
<p style="margin:6px 0;"><strong>Servant:</strong> Enabled</p>
</div>
<!-- 9. Hitpoints -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(220,50,50,0.9) 0%, rgba(200,20,20,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #FF4500;
ย  ย  color: #FFEEEE;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#FFBBBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  โค๏ธ Hitpoints
</h3>
<p style="margin:6px 0;"><strong>Food:</strong> <span style="color:#FF9999">Sharks</span></p>
<p style="margin:6px 0;"><strong>Threshold:</strong> 50% HP</p>
</div>
<!-- 10. Agility -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(20,180,180,0.9) 0%, rgba(0,150,150,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #008B8B;
ย  ย  color: #F0FFFF;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#AAFFFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿƒ Agility
</h3>
<p style="margin:6px 0;"><strong>Course:</strong> <span style="color:#88FFFF">Ardougne</span></p>
<p style="margin:6px 0;"><strong>Stamina:</strong> Enabled</p>
</div>
<!-- 11. Herblore -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(70,180,70,0.9) 0%, rgba(50,150,50,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #2E8B57;
ย  ย  color: #F0FFF0;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#BBFFBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿงช Herblore
</h3>
<p style="margin:6px 0;"><strong>Potion:</strong> <span style="color:#99EE99">Prayer</span></p>
<p style="margin:6px 0;"><strong>Cleaning:</strong> Enabled</p>
</div>
<!-- 12. Thieving -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(130,70,180,0.9) 0%, rgba(100,50,150,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #9932CC;
ย  ย  color: #F8F0FF;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#EECCFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ–ค Thieving
</h3>
<p style="margin:6px 0;"><strong>Target:</strong> <span style="color:#DDBBFF">Ardy Knights</span></p>
<p style="margin:6px 0;"><strong>Food:</strong> Wine</p>
</div>
<!-- 13. Crafting -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(220,170,50,0.9) 0%, rgba(200,150,0,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #DAA520;
ย  ย  color: #FFFDF0;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#FFEEAA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ’Ž Crafting
</h3>
<p style="margin:6px 0;"><strong>Activity:</strong> <span style="color:#FFDD77">Gem Cutting</span></p>
<p style="margin:6px 0;"><strong>Gem:</strong> Ruby</p>
</div>
<!-- 14. Fletching -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(180,130,50,0.9) 0%, rgba(150,100,0,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #CD853F;
ย  ย  color: #FFF9F0;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#FFE8BB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿน Fletching
</h3>
<p style="margin:6px 0;"><strong>Activity:</strong> <span style="color:#FFD899">Broad Arrows</span></p>
<p style="margin:6px 0;"><strong>Banking:</strong> Seers</p>
</div>
<!-- 15. Slayer -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(110,20,110,0.9) 0%, rgba(80,0,80,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #800080;
ย  ย  color: #FFEEFF;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#FFBBFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  โ˜ ๏ธ Slayer
</h3>
<p style="margin:6px 0;"><strong>Master:</strong> <span style="color:#EE99EE">Duradel</span></p>
<p style="margin:6px 0;"><strong>Block List:</strong> Bronze Dragons</p>
</div>
<!-- 16. Hunter -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(130,180,80,0.9) 0%, rgba(100,150,50,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #6B8E23;
ย  ย  color: #F8FFEE;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#DDFFBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿฆ‹ Hunter
</h3>
<p style="margin:6px 0;"><strong>Trap:</strong> <span style="color:#CCEE99">Red Chins</span></p>
<p style="margin:6px 0;"><strong>Location:</strong> Hunting Grounds</p>
</div>
<!-- 17. Mining -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(130,130,130,0.9) 0%, rgba(100,100,100,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #696969;
ย  ย  color: #F5F5F5;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#EEEEEE; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  โ›๏ธ Mining
</h3>
<p style="margin:6px 0;"><strong>Rock:</strong> <span style="color:#DDDDDD">Motherlode</span></p>
<p style="margin:6px 0;"><strong>Pickaxe:</strong> Rune</p>
</div>
<!-- 18. Smithing -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(180,120,70,0.9) 0%, rgba(150,100,50,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #A0522D;
ย  ย  color: #FFF5EE;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#FFE0CC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  โš’๏ธ Smithing
</h3>
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFCC99">Blast Furnace</span></p>
<p style="margin:6px 0;"><strong>Bar:</strong> Mithril</p>
</div>
<!-- 19. Fishing -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(50,130,180,0.9) 0%, rgba(30,100,150,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #4682B4;
ย  ย  color: #F0F8FF;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#CCEEFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐ŸŽฃ Fishing
</h3>
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#AADDEE">Barbarian</span></p>
<p style="margin:6px 0;"><strong>Spot:</strong> Otto's Grotto</p>
</div>
<!-- 20. Cooking -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(230,80,80,0.9) 0%, rgba(200,50,50,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #DC143C;
ย  ย  color: #FFEEEE;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#FFCCCC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ— Cooking
</h3>
<p style="margin:6px 0;"><strong>Food:</strong> <span style="color:#FFAAAA">Sharks</span></p>
<p style="margin:6px 0;"><strong>Location:</strong> Rogues' Den</p>
</div>
<!-- 21. Firemaking -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(230,130,50,0.9) 0%, rgba(200,100,0,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #FF8C00;
ย  ย  color: #FFF5EE;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#FFD8AA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ”ฅ Firemaking
</h3>
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFBB77">Wintertodt</span></p>
<p style="margin:6px 0;"><strong>Food:</strong> 10-20 HP</p>
</div>
<!-- 22. Woodcutting -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(130,90,40,0.9) 0%, rgba(100,70,20,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #8B4513;
ย  ย  color: #FFF9F0;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#FFE0BB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿชต Woodcutting
</h3>
<p style="margin:6px 0;"><strong>Tree:</strong> <span style="color:#FFCC88">Redwoods</span></p>
<p style="margin:6px 0;"><strong>Axe:</strong> Dragon</p>
</div>
<!-- 23. Farming -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(80,200,80,0.9) 0%, rgba(50,150,50,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #32CD32;
ย  ย  color: #F0FFF0;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'">
<h3 style="color:#CCFFCC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐ŸŒฑ Farming
</h3>
<p style="margin:6px 0;"><strong>Patches:</strong> <span style="color:#99EE99">Herb > Tree</span></p>
<p style="margin:6px 0;"><strong>Compost:</strong> Ultracompost</p>
</div>
<!-- 1. Attack -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(140,20,30,0.9) 0%, rgba(100,10,20,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #8B0000;
ย  ย  color: #FFE5E5;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  position: relative;
ย  ย  overflow: hidden;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(160,30,40,0.9) 0%, rgba(120,20,30,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(140,20,30,0.9) 0%, rgba(100,10,20,0.95) 100%)'">
<h3 style="color:#FFAAAA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  โš”๏ธ Attack
</h3>
<p style="margin:6px 0;"><strong>Style:</strong> <span style="color:#FFCCCC">Aggressive</span></p>
<p style="margin:6px 0;"><strong>Weapon:</strong> Abyssal whip</p>
</div>
<!-- 2. Strength -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(180,30,0,0.9) 0%, rgba(140,20,0,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #CC0000;
ย  ย  color: #FFE8E5;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(200,40,10,0.9) 0%, rgba(160,30,10,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(180,30,0,0.9) 0%, rgba(140,20,0,0.95) 100%)'">
<h3 style="color:#FFBBBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ’ช Strength
</h3>
<p style="margin:6px 0;"><strong>Style:</strong> <span style="color:#FFDDDD">Berserker</span></p>
<p style="margin:6px 0;"><strong>Weapon:</strong> Dragon scimitar</p>
</div>
<!-- 3. Defence -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(30,80,160,0.9) 0%, rgba(20,60,120,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #1E90FF;
ย  ย  color: #F0F8FF;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(40,100,190,0.9) 0%, rgba(30,80,150,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(30,80,160,0.9) 0%, rgba(20,60,120,0.95) 100%)'">
<h3 style="color:#CCEEFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ›ก๏ธ Defence
</h3>
<p style="margin:6px 0;"><strong>Style:</strong> <span style="color:#DDF7FF">Defensive</span></p>
<p style="margin:6px 0;"><strong>Armor:</strong> Barrows</p>
</div>
<!-- 4. Ranged -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(80,130,50,0.9) 0%, rgba(60,100,30,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #6B8E23;
ย  ย  color: #F5FFE0;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(100,150,70,0.9) 0%, rgba(80,120,50,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(80,130,50,0.9) 0%, rgba(60,100,30,0.95) 100%)'">
<h3 style="color:#DDFFAA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿน Ranged
</h3>
<p style="margin:6px 0;"><strong>Weapon:</strong> <span style="color:#CCFF88">Rune crossbow</span></p>
<p style="margin:6px 0;"><strong>Ammo:</strong> Broad bolts</p>
</div>
<!-- 5. Prayer -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(220,220,120,0.9) 0%, rgba(200,200,80,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #FFD700;
ย  ย  color: #443300;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(240,240,140,0.9) 0%, rgba(220,220,100,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(220,220,120,0.9) 0%, rgba(200,200,80,0.95) 100%)'">
<h3 style="color:#FFEE88; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(0,0,0,0.2); text-shadow: 0 1px 2px rgba(255,255,255,0.3);">
ย  ย  ๐Ÿ™ Prayer
</h3>
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFDD55">Chaos Altar</span></p>
<p style="margin:6px 0;"><strong>Bones:</strong> Dragon</p>
</div>
<!-- 6. Magic -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(100,80,200,0.9) 0%, rgba(80,60,180,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #9370DB;
ย  ย  color: #F5F0FF;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(120,100,220,0.9) 0%, rgba(100,80,200,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(100,80,200,0.9) 0%, rgba(80,60,180,0.95) 100%)'">
<h3 style="color:#DDCCFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ”ฎ Magic
</h3>
<p style="margin:6px 0;"><strong>Spell:</strong> <span style="color:#CCBBFF">High Alchemy</span></p>
<p style="margin:6px 0;"><strong>Staff:</strong> Ancient</p>
</div>
<!-- 7. Runecrafting -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(120,120,220,0.9) 0%, rgba(100,100,200,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #4169E1;
ย  ย  color: #F0F5FF;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(140,140,240,0.9) 0%, rgba(120,120,220,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(120,120,220,0.9) 0%, rgba(100,100,200,0.95) 100%)'">
<h3 style="color:#BBCCFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐ŸŒ€ Runecrafting
</h3>
<p style="margin:6px 0;"><strong>Altar:</strong> <span style="color:#AABBFF">Nature</span></p>
<p style="margin:6px 0;"><strong>Route:</strong> Abyss</p>
</div>
<!-- 8. Construction -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(180,130,80,0.9) 0%, rgba(150,100,50,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #D2B48C;
ย  ย  color: #FFF9F0;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(200,150,100,0.9) 0%, rgba(170,120,70,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(180,130,80,0.9) 0%, rgba(150,100,50,0.95) 100%)'">
<h3 style="color:#FFE8CC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ  Construction
</h3>
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFD8A8">Mahogany Tables</span></p>
<p style="margin:6px 0;"><strong>Servant:</strong> Enabled</p>
</div>
<!-- 9. Hitpoints -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(220,50,50,0.9) 0%, rgba(200,20,20,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #FF4500;
ย  ย  color: #FFEEEE;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(240,70,70,0.9) 0%, rgba(220,40,40,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(220,50,50,0.9) 0%, rgba(200,20,20,0.95) 100%)'">
<h3 style="color:#FFBBBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  โค๏ธ Hitpoints
</h3>
<p style="margin:6px 0;"><strong>Food:</strong> <span style="color:#FF9999">Sharks</span></p>
<p style="margin:6px 0;"><strong>Threshold:</strong> 50% HP</p>
</div>
<!-- 10. Agility -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(20,180,180,0.9) 0%, rgba(0,150,150,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #008B8B;
ย  ย  color: #F0FFFF;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(40,200,200,0.9) 0%, rgba(20,170,170,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(20,180,180,0.9) 0%, rgba(0,150,150,0.95) 100%)'">
<h3 style="color:#AAFFFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿƒ Agility
</h3>
<p style="margin:6px 0;"><strong>Course:</strong> <span style="color:#88FFFF">Ardougne</span></p>
<p style="margin:6px 0;"><strong>Stamina:</strong> Enabled</p>
</div>
<!-- 11. Herblore -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(70,180,70,0.9) 0%, rgba(50,150,50,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #2E8B57;
ย  ย  color: #F0FFF0;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(90,200,90,0.9) 0%, rgba(70,170,70,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(70,180,70,0.9) 0%, rgba(50,150,50,0.95) 100%)'">
<h3 style="color:#BBFFBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿงช Herblore
</h3>
<p style="margin:6px 0;"><strong>Potion:</strong> <span style="color:#99EE99">Prayer</span></p>
<p style="margin:6px 0;"><strong>Cleaning:</strong> Enabled</p>
</div>
<!-- 12. Thieving -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(130,70,180,0.9) 0%, rgba(100,50,150,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #9932CC;
ย  ย  color: #F8F0FF;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(150,90,200,0.9) 0%, rgba(120,70,170,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(130,70,180,0.9) 0%, rgba(100,50,150,0.95) 100%)'">
<h3 style="color:#EECCFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ–ค Thieving
</h3>
<p style="margin:6px 0;"><strong>Target:</strong> <span style="color:#DDBBFF">Ardy Knights</span></p>
<p style="margin:6px 0;"><strong>Food:</strong> Wine</p>
</div>
<!-- 13. Crafting -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(220,170,50,0.9) 0%, rgba(200,150,0,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #DAA520;
ย  ย  color: #FFFDF0;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(240,190,70,0.9) 0%, rgba(220,170,20,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(220,170,50,0.9) 0%, rgba(200,150,0,0.95) 100%)'">
<h3 style="color:#FFEEAA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ’Ž Crafting
</h3>
<p style="margin:6px 0;"><strong>Activity:</strong> <span style="color:#FFDD77">Gem Cutting</span></p>
<p style="margin:6px 0;"><strong>Gem:</strong> Ruby</p>
</div>
<!-- 14. Fletching -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(180,130,50,0.9) 0%, rgba(150,100,0,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #CD853F;
ย  ย  color: #FFF9F0;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(200,150,70,0.9) 0%, rgba(170,120,20,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(180,130,50,0.9) 0%, rgba(150,100,0,0.95) 100%)'">
<h3 style="color:#FFE8BB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿน Fletching
</h3>
<p style="margin:6px 0;"><strong>Activity:</strong> <span style="color:#FFD899">Broad Arrows</span></p>
<p style="margin:6px 0;"><strong>Banking:</strong> Seers</p>
</div>
<!-- 15. Slayer -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(110,20,110,0.9) 0%, rgba(80,0,80,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #800080;
ย  ย  color: #FFEEFF;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(130,40,130,0.9) 0%, rgba(100,20,100,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(110,20,110,0.9) 0%, rgba(80,0,80,0.95) 100%)'">
<h3 style="color:#FFBBFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  โ˜ ๏ธ Slayer
</h3>
<p style="margin:6px 0;"><strong>Master:</strong> <span style="color:#EE99EE">Duradel</span></p>
<p style="margin:6px 0;"><strong>Block List:</strong> Bronze Dragons</p>
</div>
<!-- 16. Hunter -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(130,180,80,0.9) 0%, rgba(100,150,50,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #6B8E23;
ย  ย  color: #F8FFEE;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(150,200,100,0.9) 0%, rgba(120,170,70,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(130,180,80,0.9) 0%, rgba(100,150,50,0.95) 100%)'">
<h3 style="color:#DDFFBB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿฆ‹ Hunter
</h3>
<p style="margin:6px 0;"><strong>Trap:</strong> <span style="color:#CCEE99">Red Chins</span></p>
<p style="margin:6px 0;"><strong>Location:</strong> Hunting Grounds</p>
</div>
<!-- 17. Mining -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(130,130,130,0.9) 0%, rgba(100,100,100,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #696969;
ย  ย  color: #F5F5F5;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(150,150,150,0.9) 0%, rgba(120,120,120,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(130,130,130,0.9) 0%, rgba(100,100,100,0.95) 100%)'">
<h3 style="color:#EEEEEE; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  โ›๏ธ Mining
</h3>
<p style="margin:6px 0;"><strong>Rock:</strong> <span style="color:#DDDDDD">Motherlode</span></p>
<p style="margin:6px 0;"><strong>Pickaxe:</strong> Rune</p>
</div>
<!-- 18. Smithing -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(180,120,70,0.9) 0%, rgba(150,100,50,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #A0522D;
ย  ย  color: #FFF5EE;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(200,140,90,0.9) 0%, rgba(170,120,70,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(180,120,70,0.9) 0%, rgba(150,100,50,0.95) 100%)'">
<h3 style="color:#FFE0CC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  โš’๏ธ Smithing
</h3>
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFCC99">Blast Furnace</span></p>
<p style="margin:6px 0;"><strong>Bar:</strong> Mithril</p>
</div>
<!-- 19. Fishing -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(50,130,180,0.9) 0%, rgba(30,100,150,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #4682B4;
ย  ย  color: #F0F8FF;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(70,150,200,0.9) 0%, rgba(50,120,170,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(50,130,180,0.9) 0%, rgba(30,100,150,0.95) 100%)'">
<h3 style="color:#CCEEFF; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐ŸŽฃ Fishing
</h3>
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#AADDEE">Barbarian</span></p>
<p style="margin:6px 0;"><strong>Spot:</strong> Otto's Grotto</p>
</div>
<!-- 20. Cooking -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(230,80,80,0.9) 0%, rgba(200,50,50,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #DC143C;
ย  ย  color: #FFEEEE;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(250,100,100,0.9) 0%, rgba(220,70,70,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(230,80,80,0.9) 0%, rgba(200,50,50,0.95) 100%)'">
<h3 style="color:#FFCCCC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ— Cooking
</h3>
<p style="margin:6px 0;"><strong>Food:</strong> <span style="color:#FFAAAA">Sharks</span></p>
<p style="margin:6px 0;"><strong>Location:</strong> Rogues' Den</p>
</div>
<!-- 21. Firemaking -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(230,130,50,0.9) 0%, rgba(200,100,0,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #FF8C00;
ย  ย  color: #FFF5EE;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(250,150,70,0.9) 0%, rgba(220,120,20,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(230,130,50,0.9) 0%, rgba(200,100,0,0.95) 100%)'">
<h3 style="color:#FFD8AA; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿ”ฅ Firemaking
</h3>
<p style="margin:6px 0;"><strong>Method:</strong> <span style="color:#FFBB77">Wintertodt</span></p>
<p style="margin:6px 0;"><strong>Food:</strong> 10-20 HP</p>
</div>
<!-- 22. Woodcutting -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(130,90,40,0.9) 0%, rgba(100,70,20,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #8B4513;
ย  ย  color: #FFF9F0;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(150,110,60,0.9) 0%, rgba(120,90,40,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(130,90,40,0.9) 0%, rgba(100,70,20,0.95) 100%)'">
<h3 style="color:#FFE0BB; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐Ÿชต Woodcutting
</h3>
<p style="margin:6px 0;"><strong>Tree:</strong> <span style="color:#FFCC88">Redwoods</span></p>
<p style="margin:6px 0;"><strong>Axe:</strong> Dragon</p>
</div>
<!-- 23. Farming -->
<div style="
ย  ย  background: linear-gradient(135deg, rgba(80,200,80,0.9) 0%, rgba(50,150,50,0.95) 100%);
ย  ย  border-radius: 10px;
ย  ย  padding: 18px;
ย  ย  margin: 15px;
ย  ย  box-shadow: 0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1);
ย  ย  border-left: 5px solid #32CD32;
ย  ย  color: #F0FFF0;
ย  ย  width: 280px;
ย  ย  height: 130px;
ย  ย  display: inline-block;
ย  ย  vertical-align: top;
ย  ย  font-family: 'Arial', sans-serif;
ย  ย  transition: all 0.3s ease;
ย  ย  cursor: pointer;
" onmouseover="this.style.transform='translateY(-5px)'; this.style.boxShadow='0 8px 20px rgba(0,0,0,0.3)'; this.style.background='linear-gradient(135deg, rgba(100,220,100,0.9) 0%, rgba(70,170,70,0.95) 100%)'"
onmouseout="this.style.transform=''; this.style.boxShadow='0 5px 15px rgba(0,0,0,0.2), inset 0 1px 1px rgba(255,255,255,0.1)'; this.style.background='linear-gradient(135deg, rgba(80,200,80,0.9) 0%, rgba(50,150,50,0.95) 100%)'">
<h3 style="color:#CCFFCC; margin:0 0 12px 0; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow: 0 1px 2px rgba(0,0,0,0.5);">
ย  ย  ๐ŸŒฑ Farming
</h3>
<p style="margin:6px 0;"><strong>Patches:</strong> <span style="color:#99EE99">Herb > Tree</span></p>
<p style="margin:6px 0;"><strong>Compost:</strong> Ultracompost</p>
</div>
</div>

Latest revision as of 22:11, 31 March 2025

ben uses this for theme testing dont delete yet pls

๐ŸŒฑ Farming Configuration

Compost Type: Ultracompost

Growth Speed: 1.5x multiplier

Patch Priority: Herb > Tree > Allotment

๐Ÿ”ฎ Magic Training

Spellbook: Standard

Auto-cast: High Alchemy

Staff Preference: Ancient staff

โš”๏ธ Combat Settings

Attack Style: Aggressive

Food Threshold: 50% HP

Prayer Flick: Enabled

๐Ÿ› ๏ธ Skilling Options

Skill: Runecrafting

Method: Ourania Altar

Essence Type: Pure essence

๐Ÿ’Ž Premium Features

Bank Pin: Auto-input

World Hop: Anti-crash

Loot Notifier: Enabled

๐ŸŽฏ Minigame Setup

Minigame: Pest Control

Boat: Veteran

Point Target: Void knight set

๐ŸŽฃ Fishing Setup

Method: Barbarian Fishing

Spot: Otto's Grotto

Drop: Leaping fish only

๐Ÿ’Ž Crafting Options

Activity: Gem Cutting

Gem: Sapphire โ†’ Emerald โ†’ Ruby

Banking: Edgeville

๐Ÿ”ต Runecrafting

Altar: Nature Runes

Route: Abyss + Glory

Pouches: All available

๐Ÿ–ค Thieving Settings

Target: Ardougne Knights

Food: Wine (no delay)

Stall: Baker's stall

๐Ÿฆ‹ Hunter Configuration

Trap: Red Chinchompas

Location: Hunting Grounds

Bank: Deposit box nearby

โ˜ ๏ธ Slayer Tasks

Master: Duradel

Block List: Bronze Dragons

Extensions: Demonics + Bosses






















๐Ÿƒ Agility

Course: Ardougne

Stamina: Enabled

๐Ÿ‘‘ Bossing

Boss: Vorkath

Gear: Elite Void

โš”๏ธ Combat

Style: Aggressive

Food: 50% HP

๐Ÿ  Construction

Method: Mahogany Tables

Servant: Enabled

๐Ÿ— Cooking

Food: Sharks

Location: Rogues' Den

๐Ÿ’Ž Crafting

Activity: Gem Cutting

Gem: Sapphire โ†’ Ruby

๐ŸŒฑ Farming

Patches: Herb > Tree > Allotment

Compost: Ultracompost

๐Ÿ”ฅ Firemaking

Method: Wintertodt

Food: 10-20 HP

๐ŸŽฃ Fishing

Method: Barbarian

Spot: Otto's Grotto

๐Ÿน Fletching

Activity: Broad Arrows

Banking: Seers

๐Ÿงช Herblore

Potion: Prayer

Cleaning: Enabled

๐Ÿฆ‹ Hunter

Trap: Red Chins

Location: Hunting Grounds

๐Ÿ”ฎ Magic

Spell: High Alchemy

Staff: Ancient

โ›๏ธ Mining

Rock: Motherlode

Pickaxe: Rune

๐ŸŽฏ Minigames

Activity: Pest Control

Boat: Veteran

๐Ÿ™ Prayer

Method: Chaos Altar

Bones: Dragon

๐Ÿ’Ž Premium

Bank Pin: Auto

World Hop: Anti-crash

๐Ÿ”ต Runecrafting

Altar: Nature

Route: Abyss

๐Ÿ› ๏ธ Skilling

Skill: Runecrafting

Method: Ourania

โ˜ ๏ธ Slayer

Master: Duradel

Block List: Bronze Dragons

โš’๏ธ Smithing

Method: Blast Furnace

Bar: Mithril

๐Ÿ–ค Thieving

Target: Ardy Knights

Food: Wine

๐ŸŒฒ Woodcutting

Tree: Redwoods

Axe: Dragon







โš”๏ธ Attack

Style: Aggressive

Weapon: Abyssal whip

๐Ÿ’ช Strength

Style: Berserker

Weapon: Dragon scimitar

๐Ÿ›ก๏ธ Defence

Style: Defensive

Armor: Barrows

๐Ÿน Ranged

Weapon: Rune crossbow

Ammo: Broad bolts

๐Ÿ™ Prayer

Method: Chaos Altar

Bones: Dragon

๐Ÿ”ฎ Magic

Spell: High Alchemy

Staff: Ancient

๐ŸŒ€ Runecrafting

Altar: Nature

Route: Abyss

๐Ÿ  Construction

Method: Mahogany Tables

Servant: Enabled

โค๏ธ Hitpoints

Food: Sharks

Threshold: 50% HP

๐Ÿƒ Agility

Course: Ardougne

Stamina: Enabled

๐Ÿงช Herblore

Potion: Prayer

Cleaning: Enabled

๐Ÿ–ค Thieving

Target: Ardy Knights

Food: Wine

๐Ÿ’Ž Crafting

Activity: Gem Cutting

Gem: Ruby

๐Ÿน Fletching

Activity: Broad Arrows

Banking: Seers

โ˜ ๏ธ Slayer

Master: Duradel

Block List: Bronze Dragons

๐Ÿฆ‹ Hunter

Trap: Red Chins

Location: Hunting Grounds

โ›๏ธ Mining

Rock: Motherlode

Pickaxe: Rune

โš’๏ธ Smithing

Method: Blast Furnace

Bar: Mithril

๐ŸŽฃ Fishing

Method: Barbarian

Spot: Otto's Grotto

๐Ÿ— Cooking

Food: Sharks

Location: Rogues' Den

๐Ÿ”ฅ Firemaking

Method: Wintertodt

Food: 10-20 HP

๐Ÿชต Woodcutting

Tree: Redwoods

Axe: Dragon

๐ŸŒฑ Farming

Patches: Herb > Tree

Compost: Ultracompost












โš”๏ธ Attack

Style: Aggressive

Weapon: Abyssal whip

๐Ÿ’ช Strength

Style: Berserker

Weapon: Dragon scimitar

๐Ÿ›ก๏ธ Defence

Style: Defensive

Armor: Barrows

๐Ÿน Ranged

Weapon: Rune crossbow

Ammo: Broad bolts

๐Ÿ™ Prayer

Method: Chaos Altar

Bones: Dragon

๐Ÿ”ฎ Magic

Spell: High Alchemy

Staff: Ancient

๐ŸŒ€ Runecrafting

Altar: Nature

Route: Abyss

๐Ÿ  Construction

Method: Mahogany Tables

Servant: Enabled

โค๏ธ Hitpoints

Food: Sharks

Threshold: 50% HP

๐Ÿƒ Agility

Course: Ardougne

Stamina: Enabled

๐Ÿงช Herblore

Potion: Prayer

Cleaning: Enabled

๐Ÿ–ค Thieving

Target: Ardy Knights

Food: Wine

๐Ÿ’Ž Crafting

Activity: Gem Cutting

Gem: Ruby

๐Ÿน Fletching

Activity: Broad Arrows

Banking: Seers

โ˜ ๏ธ Slayer

Master: Duradel

Block List: Bronze Dragons

๐Ÿฆ‹ Hunter

Trap: Red Chins

Location: Hunting Grounds

โ›๏ธ Mining

Rock: Motherlode

Pickaxe: Rune

โš’๏ธ Smithing

Method: Blast Furnace

Bar: Mithril

๐ŸŽฃ Fishing

Method: Barbarian

Spot: Otto's Grotto

๐Ÿ— Cooking

Food: Sharks

Location: Rogues' Den

๐Ÿ”ฅ Firemaking

Method: Wintertodt

Food: 10-20 HP

๐Ÿชต Woodcutting

Tree: Redwoods

Axe: Dragon

๐ŸŒฑ Farming

Patches: Herb > Tree

Compost: Ultracompost







โš”๏ธ Attack

Style: Aggressive

Weapon: Abyssal whip

๐Ÿ’ช Strength

Style: Berserker

Weapon: Dragon scimitar

๐Ÿ›ก๏ธ Defence

Style: Defensive

Armor: Barrows

๐Ÿน Ranged

Weapon: Rune crossbow

Ammo: Broad bolts

๐Ÿ™ Prayer

Method: Chaos Altar

Bones: Dragon

๐Ÿ”ฎ Magic

Spell: High Alchemy

Staff: Ancient

๐ŸŒ€ Runecrafting

Altar: Nature

Route: Abyss

๐Ÿ  Construction

Method: Mahogany Tables

Servant: Enabled

โค๏ธ Hitpoints

Food: Sharks

Threshold: 50% HP

๐Ÿƒ Agility

Course: Ardougne

Stamina: Enabled

๐Ÿงช Herblore

Potion: Prayer

Cleaning: Enabled

๐Ÿ–ค Thieving

Target: Ardy Knights

Food: Wine

๐Ÿ’Ž Crafting

Activity: Gem Cutting

Gem: Ruby

๐Ÿน Fletching

Activity: Broad Arrows

Banking: Seers

โ˜ ๏ธ Slayer

Master: Duradel

Block List: Bronze Dragons

๐Ÿฆ‹ Hunter

Trap: Red Chins

Location: Hunting Grounds

โ›๏ธ Mining

Rock: Motherlode

Pickaxe: Rune

โš’๏ธ Smithing

Method: Blast Furnace

Bar: Mithril

๐ŸŽฃ Fishing

Method: Barbarian

Spot: Otto's Grotto

๐Ÿ— Cooking

Food: Sharks

Location: Rogues' Den

๐Ÿ”ฅ Firemaking

Method: Wintertodt

Food: 10-20 HP

๐Ÿชต Woodcutting

Tree: Redwoods

Axe: Dragon

๐ŸŒฑ Farming

Patches: Herb > Tree

Compost: Ultracompost

Contents