Phase 4 · Integration QA
Integration · Prestige · Unlock
BadgeIcon ecosystem, prestige sorting, unlock animations, relic architecture
BadgeIcon — All 7 Shapes (gold, 80px)
BadgeIcon — All Shapes Locked (silver, 70px)
BadgeIcon — Crown Shape Across Tiers (80px)
BadgeIcon — Mobile Readability (24px → 80px, trophy shape)
Prestige Sorting — Sorted Badge Row
Auto-sorted: Crowns → Mastery → Trophies → Medals → Coins → Locked
Prestige Showcase — Profile Simulation
Explorer Profile
12 achievements · 3 seasonal relics
Prestige Showcase — Compact Mode
Unlock Reveal — Click to Trigger
Seasonal + BadgeIcon Integration
Crown + Seasonal Overlay Stress Test
Prestige Hierarchy + Display Sizes
| Lvl | Type | Max | Size @64 | Size @48 |
|---|
| 6 | Legendary Relic | 1 | 65px | 49px |
| 5 | Leaderboard Crown | 1 | 88px | 66px |
| 4 | Mastery Emblem | 3 | 81px | 60px |
| 3 | Trophy | 5 | 73px | 55px |
| 2 | Medal / Shield | 10 | 65px | 49px |
| 1 | XP Coin / Compass | 20 | 58px | 43px |
Rarity Tiers
Commondaily
Uncommonweekly
Raremonthly
Epicquarterly
Legendaryannual
Mythicmulti-year
Full Ecosystem — All Families × All Tiers (60px)
Phase 4 QA · Integration + Prestige + Unlock · ref: DESIGN_LANGUAGE.js v1.3