.emblem{--s:72px;--glow:transparent;width:var(--s);height:var(--s);isolation:isolate;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.emblem-svg{width:100%;height:100%;filter:drop-shadow(0 calc(var(--s) * .05) calc(var(--s) * .08) #0006);z-index:1;position:absolute;inset:0;overflow:visible}.emblem-icon{z-index:2;filter:drop-shadow(0 1px 1px #00000059);display:flex;position:relative}.emblem-glow{background:radial-gradient(circle, var(--glow) 0%, transparent 68%);z-index:0;border-radius:50%;position:absolute;inset:-18%}.emblem.common{--glow:#d68c5040}.emblem.uncommon{--glow:#cddcf073}.emblem.rare{--glow:#ffc43d99}.emblem.epic{--glow:#965fffbf}.emblem.legendary{--glow:#ff8cd2b3}.emblem.mythic{--glow:#ffdc8cd9}.emblem.rare .emblem-svg{filter:drop-shadow(0 0 calc(var(--s) * .07) #ffc43da6) drop-shadow(0 calc(var(--s) * .04) calc(var(--s) * .06) #00000059)}.emblem.epic .emblem-svg{filter:drop-shadow(0 0 calc(var(--s) * .1) #965fffd9)}.emblem.legendary .emblem-svg{filter:drop-shadow(0 0 calc(var(--s) * .1) #ff8cd2bf);animation:6s linear infinite holohue}.emblem.mythic .emblem-svg{filter:drop-shadow(0 0 calc(var(--s) * .14) #ffdc8ce6);animation:9s linear infinite holohue}.emblem.epic .emblem-glow,.emblem.legendary .emblem-glow,.emblem.mythic .emblem-glow{animation:2.6s ease-in-out infinite glowpulse}.emblem.mythic .emblem-glow{background:radial-gradient(circle,#ffebaae6 0%,#c47bff8c 35%,#7cf5c840 55%,#0000 70%);inset:-30%}.emblem-sweep{animation:3.4s ease-in-out infinite sweep}.emblem.legendary .emblem-sweep,.emblem.mythic .emblem-sweep{animation-duration:2.6s}.emblem-rays{z-index:0;background:repeating-conic-gradient(#fff0be8c 0deg 6deg,#0000 6deg 22deg);border-radius:50%;animation:16s linear infinite rays;position:absolute;inset:-34%;-webkit-mask:radial-gradient(circle,#000 30%,#0000 70%);mask:radial-gradient(circle,#000 30%,#0000 70%)}.emblem-sparkles{z-index:3;pointer-events:none;position:absolute;inset:-6%}.emblem-sparkles i{width:calc(var(--s) * .14);height:calc(var(--s) * .14);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;filter:drop-shadow(0 0 3px #ffffffe6);background:#fff;animation:2.4s ease-in-out infinite twinkle;position:absolute}.emblem-sparkles i:first-child{top:4%;right:8%}.emblem-sparkles i:nth-child(2){width:calc(var(--s) * .1);height:calc(var(--s) * .1);animation-delay:.8s;bottom:10%;left:2%}.emblem-sparkles i:nth-child(3){width:calc(var(--s) * .08);height:calc(var(--s) * .08);animation-delay:1.6s;top:40%;right:-4%}.emblem.earned{transition:transform .2s}.emblem.earned:hover{transform:translateY(-2px)scale(1.06)}.emblem.locked .emblem-svg{filter:drop-shadow(0 2px 4px #00000059);opacity:.85}.emblem.locked.epic .emblem-svg,.emblem.locked.legendary .emblem-svg,.emblem.locked.mythic .emblem-svg{filter:drop-shadow(0 0 calc(var(--s) * .05) #c47bff59)}@keyframes holohue{to{filter:hue-rotate(360deg) drop-shadow(0 0 calc(var(--s) * .1) #ff8cd2bf)}}@keyframes glowpulse{0%,to{opacity:.6;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes sweep{0%,55%{transform:skew(-18deg)translate(0)}to{transform:skew(-18deg)translate(240px)}}@keyframes rays{to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.emblem *,.emblem .emblem-svg{animation:none!important}.emblem.earned:hover{transform:none}}.badgegrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.badgecard{text-align:center;border-radius:var(--md-shape-l);background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);flex-direction:column;align-items:center;gap:6px;padding:16px 10px 14px;display:flex}.badgecard b{font-size:14px;line-height:1.25}.badgecard.legendary:not(.locked),.badgecard.mythic:not(.locked){background:linear-gradient(var(--md-surface-container-low), var(--md-surface-container-low)) padding-box, linear-gradient(115deg, #ff7ac6, #ffd36e, #7cf5c8, #7aa8ff, #c47bff) border-box;border-color:#0000}.badgecard.locked b{color:var(--md-on-surface-variant)}.badgecard.locked{background:var(--md-surface-container-lowest,var(--md-surface-container-low))}.badgecard.earned.rare{box-shadow:0 0 0 1px #ffc43d73,0 6px 20px #ffc43d2e}.badgecard.earned.epic{box-shadow:0 0 0 1px #965fff80,0 6px 24px #965fff40}.badgecard.earned.legendary,.badgecard.earned.mythic{box-shadow:0 8px 28px #ff8cd240}.badgecard .emblem{margin:6px 0 4px}.rarity-chip{letter-spacing:.6px;text-transform:uppercase;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.rarity-chip.common{color:#e3a878;background:#7a4a2633}.rarity-chip.uncommon{color:#c9d0da;background:#a9b3c233}.rarity-chip.rare{color:#f2c44b;background:#f2c44b33}.rarity-chip.epic{color:#c4a6ff;background:#8b5cff33}.rarity-chip.legendary{color:#ffd6ee;background:linear-gradient(90deg,#ff7ac655,#7aa8ff55)}.rarity-chip.mythic{color:#fff3c4;background:linear-gradient(90deg,#ffd36e55,#c47bff66)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .rarity-chip.common{color:#8a542c}:root:not([data-theme=dark]) .rarity-chip.uncommon{color:#4c5666}:root:not([data-theme=dark]) .rarity-chip.rare{color:#8a6100}:root:not([data-theme=dark]) .rarity-chip.epic{color:#5b2fd6}:root:not([data-theme=dark]) .rarity-chip.legendary{color:#8a1f5c}:root:not([data-theme=dark]) .rarity-chip.mythic{color:#6b4400}}:root[data-theme=light] .rarity-chip.common{color:#8a542c}:root[data-theme=light] .rarity-chip.uncommon{color:#4c5666}:root[data-theme=light] .rarity-chip.rare{color:#8a6100}:root[data-theme=light] .rarity-chip.epic{color:#5b2fd6}:root[data-theme=light] .rarity-chip.legendary{color:#8a1f5c}:root[data-theme=light] .rarity-chip.mythic{color:#6b4400}.badgeshowcase{flex-wrap:wrap;gap:14px;display:flex}.rankcard,.nextmilestone{border-radius:var(--md-shape-l);background:linear-gradient(135deg, var(--md-primary-container), var(--md-surface-container-low));color:inherit;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.rankcard .grow,.nextmilestone .grow{flex-direction:column;gap:4px;min-width:0;display:flex}.rankicon{background:var(--md-primary);width:56px;height:56px;color:var(--md-on-primary);border-radius:16px;flex:none;justify-content:center;align-items:center;display:flex}.rankname{font-size:20px}.progressbar{background:var(--md-surface-container-highest);border-radius:4px;height:8px;overflow:hidden}.progressbar span{background:linear-gradient(90deg, var(--md-primary), #ff7ac6);border-radius:4px;height:100%;display:block}.milestone{flex-direction:column;gap:4px;width:100%;margin-top:2px;display:flex}.rankcard .grow,.nextmilestone .grow{flex:1}.emblem-art{z-index:1;object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 calc(var(--s) * .04) calc(var(--s) * .06) #00000073);-webkit-user-select:none;user-select:none;position:relative}.emblem.art.rare .emblem-art{filter:drop-shadow(0 0 calc(var(--s) * .07) #ffc43db3)}.emblem.art.epic .emblem-art{filter:drop-shadow(0 0 calc(var(--s) * .1) #965fffd9)}.emblem.art.legendary .emblem-art{filter:drop-shadow(0 0 calc(var(--s) * .1) #ff8cd2cc)}.emblem.art.mythic .emblem-art{filter:drop-shadow(0 0 calc(var(--s) * .14) #ffe196f2)}.emblem.art.locked .emblem-art{filter:grayscale()brightness(.32)contrast(1.15);opacity:.9}.emblem.art.locked.epic .emblem-art,.emblem.art.locked.legendary .emblem-art,.emblem.art.locked.mythic .emblem-art{filter:grayscale(.85) brightness(.36) contrast(1.15) drop-shadow(0 0 calc(var(--s) * .05) #c47bff73)}.emblem-lock{z-index:2;color:#ebeef5d9;filter:drop-shadow(0 1px 2px #0009);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ladder{border-radius:var(--md-shape-l);background:radial-gradient(120% 140% at 100% 0,#c47bff40,#0000 60%),linear-gradient(160deg,#1c1630,#120f1e);flex-wrap:wrap;justify-content:space-around;gap:14px 8px;padding:22px 34px 16px;display:flex;overflow:hidden}.ladder-step{flex-direction:column;align-items:center;gap:10px;min-width:76px;display:flex}.ladder-step .rarity-chip{text-transform:capitalize}.ladder .rarity-chip{padding:3px 10px;font-size:12px}.ladder .rarity-chip.common{color:#f0bb8e;background:#7a4a2655}.ladder .rarity-chip.uncommon{color:#e6ebf2;background:#a9b3c240}.ladder .rarity-chip.rare{color:#ffd76a;background:#f2c44b40}.ladder .rarity-chip.epic{color:#ddd0ff;background:#8b5cff55}.ladder .rarity-chip.legendary{color:#fff0f8;background:linear-gradient(90deg,#ff7ac666,#7aa8ff66)}.ladder .rarity-chip.mythic{color:#fff8dc;background:linear-gradient(90deg,#ffd36e66,#c47bff77)}