|
|
| (8 intermediate revisions by the same user not shown) |
| Line 9: |
Line 9: |
| <div style="flex:1; min-width:280px;"> | | <div style="flex:1; min-width:280px;"> |
| <div style="font-size:13px; color:#f5c542; font-weight:bold; text-transform:uppercase; letter-spacing:1px; margin-bottom:6px;"> | | <div style="font-size:13px; color:#f5c542; font-weight:bold; text-transform:uppercase; letter-spacing:1px; margin-bottom:6px;"> |
| Long-Term Progression System
| | Current Season: 26 |
| </div> | | </div> |
|
| |
|
| Line 21: |
Line 21: |
| </div> | | </div> |
|
| |
|
| <div style="min-width:240px; text-align:center;"> | | <div style="min-width:260px;"> |
| [[File:SP_TIERS.png|340px]]
| | <div style="background:#071724; border:1px solid #1c4157; border-radius:7px; padding:14px;"> |
| | <div style="color:#f5c542; font-size:13px; font-weight:bold; text-transform:uppercase; margin-bottom:8px;"> |
| | Season Pass Details |
| </div> | | </div> |
|
| |
|
| | <div style="display:grid; grid-template-columns:1fr; gap:8px; color:#adcddd; font-size:14px;"> |
| | <div><span style="color:#ffffff; font-weight:bold;">Duration:</span> 60 days from activation</div> |
| | <div><span style="color:#ffffff; font-weight:bold;">Max Level:</span> Level 50 per tier</div> |
| | <div><span style="color:#ffffff; font-weight:bold;">Total Tiers:</span> 6</div> |
| | <div><span style="color:#ffffff; font-weight:bold;">Cosmetics:</span> Tradeable and discontinued after season ends</div> |
| </div> | | </div> |
| </div>
| |
|
| |
|
| |
| <!-- ACTIVE SEASON BANNER -->
| |
| <div style="background:linear-gradient(135deg,#102c45,#071724); border:1px solid #2f87c7; border-radius:8px; padding:16px; margin-bottom:18px;">
| |
| <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; align-items:center;">
| |
|
| |
| <div>
| |
| <div style="color:#f5c542; font-size:13px; font-weight:bold; text-transform:uppercase; letter-spacing:1px;">
| |
| Currently Active Season
| |
| </div>
| |
| <div style="color:#ffffff; font-size:26px; font-weight:bold; margin-top:4px;">
| |
| Season 1
| |
| </div>
| |
| <div style="color:#9fc7db; font-size:13px; margin-top:4px;">
| |
| Update this section each time a new Season Pass goes live.
| |
| </div> | | </div> |
| </div> | | </div> |
|
| |
|
| <div style="background:#071724; border:1px solid #1c4157; border-radius:6px; padding:12px;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold; text-transform:uppercase;">Season Duration</div>
| |
| <div style="color:#ffffff; font-size:18px; font-weight:bold; margin-top:4px;">60 Days</div>
| |
| <div style="color:#8fb5c8; font-size:13px; margin-top:4px;">Timer begins upon activation.</div>
| |
| </div> | | </div> |
|
| |
| <div style="background:#071724; border:1px solid #1c4157; border-radius:6px; padding:12px;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold; text-transform:uppercase;">Active Cosmetic Theme</div>
| |
| <div style="color:#ffffff; font-size:18px; font-weight:bold; margin-top:4px;">Anonymous Set</div>
| |
| <div style="color:#8fb5c8; font-size:13px; margin-top:4px;">Season-exclusive and discontinued after the season ends.</div>
| |
| </div>
| |
|
| |
| </div>
| |
| </div>
| |
|
| |
|
| |
| <!-- QUICK INFO CARDS -->
| |
| <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; margin-bottom:18px;">
| |
|
| |
| <div style="background:#0b1f2e; border:1px solid #1c4157; border-radius:6px; padding:14px;">
| |
| <div style="color:#f5c542; font-size:13px; font-weight:bold; text-transform:uppercase;">Duration</div>
| |
| <div style="color:#ffffff; font-size:20px; font-weight:bold; margin-top:5px;">60 Days</div>
| |
| <div style="color:#8fb5c8; font-size:13px; margin-top:4px;">Begins upon activation.</div>
| |
| </div>
| |
|
| |
| <div style="background:#0b1f2e; border:1px solid #1c4157; border-radius:6px; padding:14px;">
| |
| <div style="color:#f5c542; font-size:13px; font-weight:bold; text-transform:uppercase;">Max Level</div>
| |
| <div style="color:#ffffff; font-size:20px; font-weight:bold; margin-top:5px;">Level 50</div>
| |
| <div style="color:#8fb5c8; font-size:13px; margin-top:4px;">Complete Level 50 to finish a tier.</div>
| |
| </div>
| |
|
| |
| <div style="background:#0b1f2e; border:1px solid #1c4157; border-radius:6px; padding:14px;">
| |
| <div style="color:#f5c542; font-size:13px; font-weight:bold; text-transform:uppercase;">Total Tiers</div>
| |
| <div style="color:#ffffff; font-size:20px; font-weight:bold; margin-top:5px;">6 Tiers</div>
| |
| <div style="color:#8fb5c8; font-size:13px; margin-top:4px;">Base through Onyx.</div>
| |
| </div>
| |
|
| |
| <div style="background:#0b1f2e; border:1px solid #1c4157; border-radius:6px; padding:14px;">
| |
| <div style="color:#f5c542; font-size:13px; font-weight:bold; text-transform:uppercase;">Cosmetics</div>
| |
| <div style="color:#ffffff; font-size:20px; font-weight:bold; margin-top:5px;">Tradeable</div>
| |
| <div style="color:#8fb5c8; font-size:13px; margin-top:4px;">Discontinued after the season ends.</div>
| |
| </div>
| |
|
| |
| </div> | | </div> |
|
| |
|
| Line 101: |
Line 50: |
|
| |
|
| <div style="color:#adcddd; font-size:14px; line-height:1.7;"> | | <div style="color:#adcddd; font-size:14px; line-height:1.7;"> |
| Buy or claim the <span style="color:#f5c542; font-weight:bold;">Base Season Pass</span> to begin. | | Buy or claim the <span style="color:#f5c542; font-weight:bold;">Sapphire Season Pass</span> to begin. |
| Level it from <span style="color:#ffffff; font-weight:bold;">1 to 50</span> and claim rewards as you progress. | | Level it from <span style="color:#ffffff; font-weight:bold;">1 to 50</span> and claim rewards as you progress. |
| Once you reach <span style="color:#ffffff; font-weight:bold;">Level 50</span>, that tier is fully completed. | | Once you reach <span style="color:#ffffff; font-weight:bold;">Level 50</span>, that tier is fully completed. |
| Line 110: |
Line 59: |
|
| |
|
| <div style="min-width:260px; text-align:center;"> | | <div style="min-width:260px; text-align:center;"> |
| [[File:RedemptionBeta_EdFmzR6pCF.png|360px]] | | [[File:Season Pass Logo.png|260px]] |
| </div> | | </div> |
|
| |
|
| Line 128: |
Line 77: |
|
| |
|
| <div style="display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center; margin:12px 0;"> | | <div style="display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center; margin:12px 0;"> |
|
| |
| <div style="background:#0c2232; border:1px solid #31536b; border-radius:5px; padding:10px 16px; color:#ffffff; font-weight:bold;">Base</div>
| |
| <div style="color:#f5c542; font-size:20px;">→</div>
| |
|
| |
|
| <div style="background:#102c45; border:1px solid #2f87c7; border-radius:5px; padding:10px 16px; color:#71c6ff; font-weight:bold;">Sapphire</div> | | <div style="background:#102c45; border:1px solid #2f87c7; border-radius:5px; padding:10px 16px; color:#71c6ff; font-weight:bold;">Sapphire</div> |
| Line 141: |
Line 87: |
| <div style="color:#f5c542; font-size:20px;">→</div> | | <div style="color:#f5c542; font-size:20px;">→</div> |
|
| |
|
| <div style="background:#2b1a38; border:1px solid #a463d8; border-radius:5px; padding:10px 16px; color:#d59aff; font-weight:bold;">Amethyst</div> | | <div style="background:#3a2c12; border:1px solid #f5c542; border-radius:5px; padding:10px 16px; color:#ffd86b; font-weight:bold;">Amethyst</div> |
| | <div style="color:#f5c542; font-size:20px;">→</div> |
| | |
| | <div style="background:#2b1a38; border:1px solid #a463d8; border-radius:5px; padding:10px 16px; color:#d59aff; font-weight:bold;">Dragonstone</div> |
| <div style="color:#f5c542; font-size:20px;">→</div> | | <div style="color:#f5c542; font-size:20px;">→</div> |
|
| |
|
| <div style="background:#111820; border:1px solid #7b8c9c; border-radius:5px; padding:10px 16px; color:#d9e4ef; font-weight:bold;">Onyx</div> | | <div style="background:#111820; border:1px solid #7b8c9c; border-radius:5px; padding:10px 16px; color:#d9e4ef; font-weight:bold;">Onyx</div> |
|
| |
|
| | </div> |
| | |
| | <div style="background:#0b1f2e; border-left:4px solid #f5c542; padding:12px; border-radius:4px; color:#adcddd; font-size:14px; margin-top:14px;"> |
| | <span style="color:#ffffff; font-weight:bold;">Important:</span> The higher the tier, the better the rewards. Each tier includes one unique cosmetic item. |
| </div> | | </div> |
| </div> | | </div> |
| Line 160: |
Line 113: |
| <th style="text-align:left; padding:10px; border-bottom:1px solid #224b62;">Level Range</th> | | <th style="text-align:left; padding:10px; border-bottom:1px solid #224b62;">Level Range</th> |
| <th style="text-align:left; padding:10px; border-bottom:1px solid #224b62;">XP Required Per Level</th> | | <th style="text-align:left; padding:10px; border-bottom:1px solid #224b62;">XP Required Per Level</th> |
| <th style="text-align:left; padding:10px; border-bottom:1px solid #224b62;">Progression Feel</th>
| |
| </tr> | | </tr> |
|
| |
|
| Line 166: |
Line 118: |
| <td style="padding:10px; border-bottom:1px solid #17364a; color:#ffffff;">Levels 1–10</td> | | <td style="padding:10px; border-bottom:1px solid #17364a; color:#ffffff;">Levels 1–10</td> |
| <td style="padding:10px; border-bottom:1px solid #17364a;">20,000 XP</td> | | <td style="padding:10px; border-bottom:1px solid #17364a;">20,000 XP</td> |
| <td style="padding:10px; border-bottom:1px solid #17364a; color:#8fb5c8;">Early progression</td>
| |
| </tr> | | </tr> |
|
| |
|
| Line 172: |
Line 123: |
| <td style="padding:10px; border-bottom:1px solid #17364a; color:#ffffff;">Levels 11–20</td> | | <td style="padding:10px; border-bottom:1px solid #17364a; color:#ffffff;">Levels 11–20</td> |
| <td style="padding:10px; border-bottom:1px solid #17364a;">40,000 XP</td> | | <td style="padding:10px; border-bottom:1px solid #17364a;">40,000 XP</td> |
| <td style="padding:10px; border-bottom:1px solid #17364a; color:#8fb5c8;">Steady climb</td>
| |
| </tr> | | </tr> |
|
| |
|
| Line 178: |
Line 128: |
| <td style="padding:10px; border-bottom:1px solid #17364a; color:#ffffff;">Levels 21–30</td> | | <td style="padding:10px; border-bottom:1px solid #17364a; color:#ffffff;">Levels 21–30</td> |
| <td style="padding:10px; border-bottom:1px solid #17364a;">80,000 XP</td> | | <td style="padding:10px; border-bottom:1px solid #17364a;">80,000 XP</td> |
| <td style="padding:10px; border-bottom:1px solid #17364a; color:#8fb5c8;">Mid-tier grind</td>
| |
| </tr> | | </tr> |
|
| |
|
| Line 184: |
Line 133: |
| <td style="padding:10px; border-bottom:1px solid #17364a; color:#ffffff;">Levels 31–40</td> | | <td style="padding:10px; border-bottom:1px solid #17364a; color:#ffffff;">Levels 31–40</td> |
| <td style="padding:10px; border-bottom:1px solid #17364a;">160,000 XP</td> | | <td style="padding:10px; border-bottom:1px solid #17364a;">160,000 XP</td> |
| <td style="padding:10px; border-bottom:1px solid #17364a; color:#8fb5c8;">Heavy progression</td>
| |
| </tr> | | </tr> |
|
| |
|
| Line 190: |
Line 138: |
| <td style="padding:10px; color:#ffffff;">Levels 41–50</td> | | <td style="padding:10px; color:#ffffff;">Levels 41–50</td> |
| <td style="padding:10px;">320,000 XP</td> | | <td style="padding:10px;">320,000 XP</td> |
| <td style="padding:10px; color:#8fb5c8;">End-tier grind</td>
| |
| </tr> | | </tr> |
| </table> | | </table> |
| Line 196: |
Line 143: |
|
| |
|
|
| |
|
| <!-- REWARD SHOWCASE INTRO --> | | <!-- COSMETIC REWARDS INTRO --> |
| <div style="background:#06131e; border:1px solid #1b3e54; border-radius:8px; padding:16px; margin-bottom:18px;"> | | <div style="background:#06131e; border:1px solid #1b3e54; border-radius:8px; padding:16px; margin-bottom:18px;"> |
| <div style="font-size:22px; color:#ffffff; font-weight:bold; margin-bottom:8px;"> | | <div style="font-size:22px; color:#ffffff; font-weight:bold; margin-bottom:8px;"> |
| Season Reward Showcase | | Season Cosmetic Rewards |
| </div> | | </div> |
|
| |
|
| <div style="color:#adcddd; font-size:14px; line-height:1.7;"> | | <div style="color:#adcddd; font-size:14px; line-height:1.7;"> |
| Each Season Pass tier contains its own reward track. Rewards improve as tiers increase, with each tier including a unique cosmetic reward. All Season Pass cosmetics are | | Each Season Pass tier includes one unique cosmetic reward. These cosmetics are |
| <span style="color:#f5c542; font-weight:bold;">tradeable</span> and become | | <span style="color:#f5c542; font-weight:bold;">tradeable</span> and become |
| <span style="color:#ff7777; font-weight:bold;">discontinued</span> once the season ends. | | <span style="color:#ff7777; font-weight:bold;">discontinued</span> once the season ends. |
| Line 210: |
Line 157: |
|
| |
|
|
| |
|
| <!-- BASE TIER REWARDS --> | | <!-- TIER COSMETICS --> |
| <div style="background:#081b29; border:1px solid #31536b; border-radius:8px; padding:16px; margin-bottom:18px;">
| | <div style="display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin:0 auto 18px auto; max-width:820px;"> |
| <div style="display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:12px;"> | |
| <div>
| |
| <div style="color:#ffffff; font-size:24px; font-weight:bold;">Base Tier Rewards</div>
| |
| <div style="color:#8fb5c8; font-size:13px;">Tier 1 reward track.</div>
| |
| </div>
| |
| <div style="background:#0c2232; border:1px solid #31536b; border-radius:5px; padding:8px 14px; color:#ffffff; font-weight:bold;">Base</div>
| |
| </div>
| |
| | |
| <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:10px;">
| |
| | |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 10</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
|
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;"> | | <!-- SAPPHIRE COSMETIC --> |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 20</div> | | <div style="background:#081b29; border:1px solid #2f87c7; border-radius:8px; padding:16px; text-align:center; width:230px;"> |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| | <div style="background:#102c45; border:1px solid #2f87c7; border-radius:5px; padding:8px 14px; color:#71c6ff; font-weight:bold; margin-bottom:12px;"> |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| | Sapphire Tier Cosmetic |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div> | | </div> |
|
| |
|
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;"> | | <div style="margin:10px 0;">[[File:Gnome_Shirt_(Sapphire).png|80px]] [[File:Gnome_Shorts_(Sapphire).png|80px]]</div> |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 30</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div> | |
|
| |
|
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| | <div style="color:#ffffff; font-size:15px; font-weight:bold;">Gnome Baller Outfit (Sapphire)</div> |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 40</div> | | <div style="color:#f5c542; font-size:12px; font-weight:bold; margin-top:8px;">Tradeable / Discontinued</div> |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div> | |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div> | | </div> |
|
| |
|
| <div style="background:#0c2232; border:1px solid #f5c542; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 50 Cosmetic</div>
| |
| <div style="margin:8px 0;">[[File:s0GACSBY_o.gif|70px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Base Cosmetic</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Tradeable / Discontinued</div>
| |
| </div>
| |
|
| |
|
| </div> | | <!-- EMERALD COSMETIC --> |
| | <div style="background:#081b29; border:1px solid #2ecc71; border-radius:8px; padding:16px; text-align:center; width:230px;"> |
| | <div style="background:#0f2f28; border:1px solid #2ecc71; border-radius:5px; padding:8px 14px; color:#64f0a2; font-weight:bold; margin-bottom:12px;"> |
| | Emerald Tier Cosmetic |
| </div> | | </div> |
|
| |
|
| | <div style="margin:10px 0;">[[File:Gnome_Shirt_(Emerald).png|80px]] [[File:Gnome_Shorts_(Emerald).png|80px]]</div> |
|
| |
|
| <!-- SAPPHIRE TIER REWARDS -->
| | <div style="color:#ffffff; font-size:15px; font-weight:bold;">Gnome Baller Outfit (Emerald)</div> |
| <div style="background:#081b29; border:1px solid #2f87c7; border-radius:8px; padding:16px; margin-bottom:18px;">
| | <div style="color:#f5c542; font-size:12px; font-weight:bold; margin-top:8px;">Tradeable / Discontinued</div> |
| <div style="display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:12px;">
| |
| <div>
| |
| <div style="color:#71c6ff; font-size:24px; font-weight:bold;">Sapphire Tier Rewards</div> | |
| <div style="color:#8fb5c8; font-size:13px;">Tier 2 reward track.</div> | |
| </div>
| |
| <div style="background:#102c45; border:1px solid #2f87c7; border-radius:5px; padding:8px 14px; color:#71c6ff; font-weight:bold;">Sapphire</div>
| |
| </div> | | </div> |
|
| |
|
| <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:10px;">
| |
|
| |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 10</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
|
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;"> | | <!-- RUBY COSMETIC --> |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 20</div> | | <div style="background:#081b29; border:1px solid #d44b4b; border-radius:8px; padding:16px; text-align:center; width:230px;"> |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| | <div style="background:#321515; border:1px solid #d44b4b; border-radius:5px; padding:8px 14px; color:#ff7777; font-weight:bold; margin-bottom:12px;"> |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| | Ruby Tier Cosmetic |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div> | | </div> |
|
| |
|
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;"> | | <div style="margin:10px 0;">[[File:Gnome_Shirt_(Ruby).png|80px]] [[File:Gnome_Shorts_(Ruby).png|80px]]</div> |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 30</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div> | |
|
| |
|
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| | <div style="color:#ffffff; font-size:15px; font-weight:bold;">Cosmetic Name</div> |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 40</div> | | <div style="color:#f5c542; font-size:12px; font-weight:bold; margin-top:8px;">Tradeable / Discontinued</div> |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div> | |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div> | | </div> |
|
| |
|
| <div style="background:#102c45; border:1px solid #f5c542; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 50 Cosmetic</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|70px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Sapphire Cosmetic</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Tradeable / Discontinued</div>
| |
| </div>
| |
|
| |
|
| </div> | | <!-- AMETHYST COSMETIC --> |
| | <div style="background:#081b29; border:1px solid #f5c542; border-radius:8px; padding:16px; text-align:center; width:230px;"> |
| | <div style="background:#3a2c12; border:1px solid #f5c542; border-radius:5px; padding:8px 14px; color:#ffd86b; font-weight:bold; margin-bottom:12px;"> |
| | Amethyst Tier Cosmetic |
| </div> | | </div> |
|
| |
|
| | <div style="margin:10px 0;">[[File:Gnome_Shirt_(Amethyst).png|80px]] [[File:Gnome_Shorts_(Amethyst).png|80px]]</div> |
|
| |
|
| <!-- EMERALD TIER REWARDS -->
| | <div style="color:#ffffff; font-size:15px; font-weight:bold;">Gnome Baller Outfit (Amethyst)</div> |
| <div style="background:#081b29; border:1px solid #2ecc71; border-radius:8px; padding:16px; margin-bottom:18px;">
| | <div style="color:#f5c542; font-size:12px; font-weight:bold; margin-top:8px;">Tradeable / Discontinued</div> |
| <div style="display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:12px;">
| |
| <div>
| |
| <div style="color:#64f0a2; font-size:24px; font-weight:bold;">Emerald Tier Rewards</div> | |
| <div style="color:#8fb5c8; font-size:13px;">Tier 3 reward track.</div> | |
| </div>
| |
| <div style="background:#0f2f28; border:1px solid #2ecc71; border-radius:5px; padding:8px 14px; color:#64f0a2; font-weight:bold;">Emerald</div>
| |
| </div> | | </div> |
|
| |
|
| <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:10px;">
| |
|
| |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 10</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
|
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;"> | | <!-- DRAGONSTONE COSMETIC --> |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 20</div> | | <div style="background:#081b29; border:1px solid #a463d8; border-radius:8px; padding:16px; text-align:center; width:230px;"> |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| | <div style="background:#2b1a38; border:1px solid #a463d8; border-radius:5px; padding:8px 14px; color:#d59aff; font-weight:bold; margin-bottom:12px;"> |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| | Dragonstone Tier Cosmetic |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div> | | </div> |
|
| |
|
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;"> | | <div style="margin:10px 0;">[[File:Gnome_Child_Backpack.png|80px]]</div> |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 30</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div> | |
|
| |
|
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| | <div style="color:#ffffff; font-size:15px; font-weight:bold;">Gnome Child Backpack</div> |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 40</div> | | <div style="color:#f5c542; font-size:12px; font-weight:bold; margin-top:8px;">Tradeable / Discontinued</div> |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div> | |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div> | | </div> |
|
| |
|
| <div style="background:#0f2f28; border:1px solid #f5c542; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 50 Cosmetic</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|70px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Emerald Cosmetic</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Tradeable / Discontinued</div>
| |
| </div>
| |
|
| |
|
| </div> | | <!-- ONYX COSMETIC --> |
| | <div style="background:#081b29; border:1px solid #7b8c9c; border-radius:8px; padding:16px; text-align:center; width:230px;"> |
| | <div style="background:#111820; border:1px solid #7b8c9c; border-radius:5px; padding:8px 14px; color:#d9e4ef; font-weight:bold; margin-bottom:12px;"> |
| | Onyx Tier Cosmetic |
| </div> | | </div> |
|
| |
|
| | <div style="margin:10px 0;">[[File:Gnome_Child_Plushie.png|80px]]</div> |
|
| |
|
| <!-- RUBY TIER REWARDS -->
| | <div style="color:#ffffff; font-size:15px; font-weight:bold;">Gnome Child Plushie</div> |
| <div style="background:#081b29; border:1px solid #d44b4b; border-radius:8px; padding:16px; margin-bottom:18px;">
| | <div style="color:#f5c542; font-size:12px; font-weight:bold; margin-top:8px;">Tradeable / Discontinued</div> |
| <div style="display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:12px;">
| |
| <div>
| |
| <div style="color:#ff7777; font-size:24px; font-weight:bold;">Ruby Tier Rewards</div> | |
| <div style="color:#8fb5c8; font-size:13px;">Tier 4 reward track.</div> | |
| </div>
| |
| <div style="background:#321515; border:1px solid #d44b4b; border-radius:5px; padding:8px 14px; color:#ff7777; font-weight:bold;">Ruby</div>
| |
| </div> | | </div> |
|
| |
|
| <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:10px;">
| |
|
| |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 10</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 20</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 30</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 40</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
| <div style="background:#321515; border:1px solid #f5c542; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 50 Cosmetic</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|70px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Ruby Cosmetic</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Tradeable / Discontinued</div>
| |
| </div>
| |
|
| |
| </div>
| |
| </div>
| |
|
| |
|
| |
| <!-- AMETHYST TIER REWARDS -->
| |
| <div style="background:#081b29; border:1px solid #a463d8; border-radius:8px; padding:16px; margin-bottom:18px;">
| |
| <div style="display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:12px;">
| |
| <div>
| |
| <div style="color:#d59aff; font-size:24px; font-weight:bold;">Amethyst Tier Rewards</div>
| |
| <div style="color:#8fb5c8; font-size:13px;">Tier 5 reward track.</div>
| |
| </div>
| |
| <div style="background:#2b1a38; border:1px solid #a463d8; border-radius:5px; padding:8px 14px; color:#d59aff; font-weight:bold;">Amethyst</div>
| |
| </div>
| |
|
| |
| <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:10px;">
| |
|
| |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 10</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 20</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 30</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 40</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
| <div style="background:#2b1a38; border:1px solid #f5c542; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 50 Cosmetic</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|70px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Amethyst Cosmetic</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Tradeable / Discontinued</div>
| |
| </div>
| |
|
| |
| </div>
| |
| </div>
| |
|
| |
|
| |
| <!-- ONYX TIER REWARDS -->
| |
| <div style="background:#081b29; border:1px solid #7b8c9c; border-radius:8px; padding:16px; margin-bottom:18px;">
| |
| <div style="display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:12px;">
| |
| <div>
| |
| <div style="color:#d9e4ef; font-size:24px; font-weight:bold;">Onyx Tier Rewards</div>
| |
| <div style="color:#8fb5c8; font-size:13px;">Tier 6 final reward track.</div>
| |
| </div>
| |
| <div style="background:#111820; border:1px solid #7b8c9c; border-radius:5px; padding:8px 14px; color:#d9e4ef; font-weight:bold;">Onyx</div>
| |
| </div>
| |
|
| |
| <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:10px;">
| |
|
| |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 10</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 20</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 30</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
| <div style="background:#071724; border:1px solid #17364a; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 40</div>
| |
| <div style="margin:8px 0;">[[File:Reward_placeholder.png|55px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Reward Name</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Amount / Details</div>
| |
| </div>
| |
|
| |
| <div style="background:#111820; border:1px solid #f5c542; border-radius:6px; padding:10px; text-align:center;">
| |
| <div style="color:#f5c542; font-size:12px; font-weight:bold;">Level 50 Cosmetic</div>
| |
| <div style="margin:8px 0;">[[File:k2aEZinB_t.png|70px]]</div>
| |
| <div style="color:#ffffff; font-size:13px; font-weight:bold;">Red Anonymous Mask</div>
| |
| <div style="color:#8fb5c8; font-size:12px;">Tier 6 Reward</div>
| |
| </div>
| |
|
| |
| </div>
| |
| </div> | | </div> |
|
| |
|
| Line 525: |
Line 249: |
|
| |
|
| <div style="background:#071724; border:1px solid #17364a; border-radius:5px; padding:12px;"> | | <div style="background:#071724; border:1px solid #17364a; border-radius:5px; padding:12px;"> |
| <div style="color:#f5c542; font-weight:bold; margin-bottom:5px;">Season-Based Rewards</div> | | <div style="color:#f5c542; font-weight:bold; margin-bottom:5px;">Season Pass Tasks</div> |
| <div style="color:#9fc7db; font-size:13px;">The reward showcase should be updated each season to display the currently active Season Pass rewards.</div> | | <div style="color:#9fc7db; font-size:13px;">Find all available tasks and XP methods for leveling up your Season Pass in-game by using <span style="color:#ffffff; font-weight:bold;">::sp</span>.</div> |
| </div> | | </div> |
|
| |
|
| <div style="background:#071724; border:1px solid #17364a; border-radius:5px; padding:12px;"> | | <div style="background:#071724; border:1px solid #17364a; border-radius:5px; padding:12px;"> |
| <div style="color:#f5c542; font-weight:bold; margin-bottom:5px;">Tradeable Cosmetics</div> | | <div style="color:#f5c542; font-weight:bold; margin-bottom:5px;">Tradeable Cosmetics</div> |
| <div style="color:#9fc7db; font-size:13px;">Season Pass cosmetic rewards are tradeable and may become valuable once discontinued.</div> | | <div style="color:#9fc7db; font-size:13px;">Season Pass cosmetic rewards are tradeable and can be exchanged between players.</div> |
| </div> | | </div> |
|
| |
|
| <div style="background:#071724; border:1px solid #17364a; border-radius:5px; padding:12px;"> | | <div style="background:#071724; border:1px solid #17364a; border-radius:5px; padding:12px;"> |
| <div style="color:#f5c542; font-weight:bold; margin-bottom:5px;">Discontinued After Season</div> | | <div style="color:#f5c542; font-weight:bold; margin-bottom:5px;">Discontinued After Season</div> |
| <div style="color:#9fc7db; font-size:13px;">Once a season ends, its exclusive cosmetic rewards will no longer be obtainable through the Season Pass.</div> | | <div style="color:#9fc7db; font-size:13px;">Once a season ends, that season’s exclusive cosmetic rewards will no longer be obtainable through the Season Pass.</div> |
| </div> | | </div> |
|
| |
|