|
|
| (One intermediate revision by one other user not shown) |
| Line 1: |
Line 1: |
| Discover the diverse creatures that inhabit the Minebox world.
| |
|
| |
|
| == Kokoko Island ==
| |
| <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; margin-top: 15px; margin-bottom: 30px;">
| |
|
| |
| <!-- Blue Starfish -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Blue_Starfish.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 1-5</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Blue Starfish</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">20 - 20</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 35%</div><div>💧 35%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Orange Starfish -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Orange_Starfish.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 1-5</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Orange Starfish</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">20 - 25</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 35%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Cat Goofish -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Cat_Goofish.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 1-5</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Cat Goofish</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">20 - 20</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 35%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Clown Goofish -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Clown_Goofish.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 1-5</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Clown Goofish</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">20 - 25</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 35%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Hammershark Goofish -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Hammershark_Goofish.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 1-5</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Hammershark Goofish</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">25 - 30</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 35%</div><div>💧 35%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Crabician -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Crabician.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 5-10</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Crabician</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">30 - 40</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -15%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 90%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Craboxer -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Craboxer.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 5-10</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Craboxer</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">40 - 50</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -15%</div><div>💧 90%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Coconut Warrior -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Coconut_Warrior.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 5-10</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Coconut Warrior</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">60 - 80</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -30%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 20%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Coconut Magician -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Coconut_Magician.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 5-10</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Coconut Magician</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">70 - 85</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -30%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 20%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Monkey -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Monkey.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 10-15</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Monkey</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">70 - 90</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 30%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 30%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Monkey Banana -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Monkey_Banana.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 10-15</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Monkey Banana</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">110 - 130</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 50%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 50%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Monkey Barrel -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Monkey_Barrel.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 10-15</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Monkey Barrel</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">70 - 90</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 100%</div><div>💧 -50%</div><div>🍃 0%</div><div>🗿 50%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Monkey Mage -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Monkey_Mage.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 10-15</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Monkey Mage</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">135 - 160</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 50%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 50%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Moskitoko -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Moskitoko.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 10-15</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Moskitoko</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">80 - 95</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 0%</div><div>💧 0%</div><div>🍃 100%</div><div>🗿 100%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Jungle Ogre (BOSS) -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 2px solid #b8860b; box-shadow: 0 0 10px rgba(184,134,11,0.3);">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Jungle_Ogre.png|100px|center]]</div>
| |
| <div>
| |
| <div style="display: flex; justify-content: space-between; align-items: center;">
| |
| <span style="background: #198754; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 25-30</span>
| |
| <span style="background: #ffc107; color: #000000; font-size: 9px; padding: 1px 4px; border-radius: 3px; font-weight: bold;">BOSS</span>
| |
| </div>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Jungle Ogre</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">15.000 - 20.000</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -30%</div><div>💧 30%</div><div>🍃 20%</div><div>🗿 60%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Monkey Ghost -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Monkey_Ghost.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Monkey Ghost</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">1.000 - 1.200</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 50%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 50%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Scavenger Vulture -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Scavenger_Vulture.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Scavenger Vulture</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">800 - 900</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 50%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 50%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Spicy Lava Bucket -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Spicy_Lava_Bucket.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Spicy Lava Bucket</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">1.000 - 1.200</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 100%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 50%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Debris Golem -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Debris_Golem.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Debris Golem</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">1.400 - 1.600</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 50%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 50%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| </div>
| |
|
| |
| == Quadra Plains ==
| |
| <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; margin-top: 15px; margin-bottom: 30px;">
| |
|
| |
| <!-- Spidey -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Spidey.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 20-30</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Spidey</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">150 - 225</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 0%</div><div>💧 -25%</div><div>🍃 0%</div><div>🗿 50%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Venomous Spidey -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Venomous_Spidey.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 20-30</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Venomous Spidey</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">180 - 250</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 0%</div><div>💧 -25%</div><div>🍃 10%</div><div>🗿 65%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Scarecrow -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Scarecrow.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 20-30</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Scarecrow</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">500 - 600</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -25%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 50%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Pirate Farmer -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Pirate_Farmer.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 20-30</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Pirate Farmer</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">200 - 300</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 25%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 50%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Old Pirate Farmer -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Old_Pirate_Farmer.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 20-30</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Old Pirate Farmer</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">350 - 400</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 25%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 50%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Boogoo -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Boogoo.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Boogoo</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">300 - 400</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 100%</div><div>💧 -50%</div><div>🍃 100%</div><div>🗿 100%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Fungoo Dancer -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Fungoo_Dancer.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Fungoo Dancer</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">500 - 600</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -25%</div><div>💧 25%</div><div>🍃 0%</div><div>🗿 25%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Sporelord -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Sporelord.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Sporelord</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">700 - 800</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 0%</div><div>💧 60%</div><div>🍃 60%</div><div>🗿 40%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Logzilla (BOSS) -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 2px solid #b8860b; box-shadow: 0 0 10px rgba(184,134,11,0.3);">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Logzilla.png|100px|center]]</div>
| |
| <div>
| |
| <div style="display: flex; justify-content: space-between; align-items: center;">
| |
| <span style="background: #198754; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 50-60</span>
| |
| <span style="background: #ffc107; color: #000000; font-size: 9px; padding: 1px 4px; border-radius: 3px; font-weight: bold;">BOSS</span>
| |
| </div>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Logzilla</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">90.000 - 100.000</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -30%</div><div>💧 50%</div><div>🍃 -15%</div><div>🗿 50%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| </div>
| |
|
| |
| == Bamboo Peak ==
| |
| <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; margin-top: 15px; margin-bottom: 30px;">
| |
|
| |
| <!-- Bloomboo -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Bloomboo.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 30-40</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Bloomboo</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">150 - 250</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -10%</div><div>💧 50%</div><div>🍃 30%</div><div>🗿 30%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Bambooboo -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Bambooboo.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 30-40</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Bambooboo</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">350 - 450</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -10%</div><div>💧 0%</div><div>🍃 30%</div><div>🗿 30%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Pandaboo Warrior -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Pandaboo_Warrior.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 30-40</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Pandaboo Warrior</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">300 - 400</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 30%</div><div>💧 0%</div><div>🍃 50%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Pandaboo Wizard -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Pandaboo_Wizard.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 30-40</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Pandaboo Wizard</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">350 - 450</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 30%</div><div>💧 0%</div><div>🍃 50%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| </div>
| |
|
| |
| == Frostbite Fortress ==
| |
| <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; margin-top: 15px; margin-bottom: 30px;">
| |
|
| |
| <!-- Froztail -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Froztail.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Froztail</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">400 - 550</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -20%</div><div>💧 40%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Froztail Magus -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Froztail_Magus.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Froztail Magus</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">300 - 450</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -20%</div><div>💧 40%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Frozehound -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Frozehound.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Frozehound</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">500 - 700</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -20%</div><div>💧 50%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Chillolith -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Chillolith.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Chillolith</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">2.000 - 2.500</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -50%</div><div>💧 90%</div><div>🍃 0%</div><div>🗿 90%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Snow Ogre (BOSS) -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 2px solid #b8860b; box-shadow: 0 0 10px rgba(184,134,11,0.3);">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Snow_Ogre.png|100px|center]]</div>
| |
| <div>
| |
| <div style="display: flex; justify-content: space-between; align-items: center;">
| |
| <span style="background: #198754; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 50-60</span>
| |
| <span style="background: #ffc107; color: #000000; font-size: 9px; padding: 1px 4px; border-radius: 3px; font-weight: bold;">BOSS</span>
| |
| </div>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Snow Ogre</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">190.000 - 200.000</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -30%</div><div>💧 100%</div><div>🍃 50%</div><div>🗿 30%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| </div>
| |
|
| |
| == Sandwhisper Dunes ==
| |
| <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; margin-top: 15px; margin-bottom: 30px;">
| |
|
| |
| <!-- Sandoodle -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Sandoodle.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Sandoodle</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">500 - 650</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 25%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Scorchfang -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Scorchfang.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Scorchfang</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">300 - 450</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -20%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Pokeboo -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Pokeboo.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Pokeboo</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">750 - 1.000</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 20%</div><div>💧 40%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Dunebeard -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Dunebeard.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Dunebeard</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">300 - 450</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -20%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Desert Ogre (BOSS) -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 2px solid #b8860b; box-shadow: 0 0 10px rgba(184,134,11,0.3);">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Desert_Ogre.png|100px|center]]</div>
| |
| <div>
| |
| <div style="display: flex; justify-content: space-between; align-items: center;">
| |
| <span style="background: #198754; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 50-60</span>
| |
| <span style="background: #ffc107; color: #000000; font-size: 9px; padding: 1px 4px; border-radius: 3px; font-weight: bold;">BOSS</span>
| |
| </div>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Desert Ogre</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">110.000 - 130.000</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 100%</div><div>💧 -30%</div><div>🍃 100%</div><div>🗿 60%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| </div>
| |
|
| |
| == Unavailable Mobs / Event Mobs ==
| |
| <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; margin-top: 15px; margin-bottom: 30px;">
| |
|
| |
| <!-- Blue Ninja Penguin -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Blue_Ninja_Penguin.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 15-30</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Blue Ninja Penguin</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">75 - 200</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 0%</div><div>💧 80%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Red Ninja Penguin -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Red_Ninja_Penguin.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 15-30</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Red Ninja Penguin</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">75 - 200</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 80%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Green Ninja Penguin -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Green_Ninja_Penguin.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 15-30</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Green Ninja Penguin</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">75 - 200</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 0%</div><div>💧 0%</div><div>🍃 80%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Yellow Ninja Penguin -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Yellow_Ninja_Penguin.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 15-30</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Yellow Ninja Penguin</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">75 - 200</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 0%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 80%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Crow -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Crow.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 1-5</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Crow</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">5 - 15</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 0%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Ghost -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Ghost.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 5-15</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Ghost</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">50 - 150</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 50%</div><div>💧 -20%</div><div>🍃 90%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Haunted Pumpkin -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Haunted_Pumpkin.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 35-40</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Haunted Pumpkin</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">900 - 1.100</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -20%</div><div>💧 50%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- The Harvester -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:The_Harvester.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #007bff; color: #ffffff; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 40-50</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">The Harvester</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">17.500 - 25.000</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -50%</div><div>💧 50%</div><div>🍃 0%</div><div>🗿 50%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Brown Rat -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Brown_Rat.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 15-25</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Brown Rat</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">70 - 140</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 0%</div><div>💧 50%</div><div>🍃 50%</div><div>🗿 -30%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Albino Rat -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Albino_Rat.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 30-30</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Albino Rat</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">2.000 - 2.000</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 50%</div><div>💧 50%</div><div>🍃 50%</div><div>🗿 50%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Gray Rat -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Gray_Rat.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 5-10</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Gray Rat</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">40 - 80</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -15%</div><div>💧 0%</div><div>🍃 20%</div><div>🗿 20%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| <!-- Bad Gingerbread -->
| |
| <div style="background: #1a2233; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #252f44;">
| |
| <div style="height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;">[[File:Bad_Gingerbread.png|100px|center]]</div>
| |
| <div>
| |
| <span style="background: #2b3954; color: #a3b8cc; font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: bold;">Lvl 5-10</span>
| |
| <div style="color: #ffffff; font-weight: bold; font-size: 14px; margin: 4px 0 8px 0;">Bad Gingerbread</div>
| |
| <div style="background: #801f26; color: #ffb3b7; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-bottom: 8px;">15 - 40</div>
| |
| <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; text-align: center; font-size: 11px; color: #a3b8cc;">
| |
| <div>🔥 -50%</div><div>💧 0%</div><div>🍃 0%</div><div>🗿 0%</div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
|
| |
| </div>
| |