.progression-profile{margin:28px 0;border:1px solid #c5aa7033;border-radius:14px;overflow:hidden;background:#0c181f;color:#e4e9e6}.progression-profile button{cursor:pointer;font:inherit;color:inherit}.progression-profile button:disabled{cursor:default;opacity:.5}.tone-atlas{--cosmetic:#bca579}.tone-teal{--cosmetic:#72c4b5}.tone-gold{--cosmetic:#e0bd71}.tone-mystic{--cosmetic:#a994cb}.tone-mythic{--cosmetic:#dfc29c}.identity-banner{height:190px;background:radial-gradient(ellipse at 75% 20%,color-mix(in srgb,var(--cosmetic) 32%,transparent),transparent 65%),repeating-linear-gradient(125deg,transparent 0 65px,#ffffff04 66px 67px),#101e27;background-size:cover;background-position:50%;position:relative;border-bottom:1px solid #ffffff0d}.identity-banner:after{content:"✧";position:absolute;right:12%;top:8px;font-size:140px;color:var(--cosmetic);opacity:.22}.profile-banner-caption{position:absolute;left:32px;top:26px;font-size:10px;letter-spacing:4px;color:#c5b78f}.identity-body{display:flex;align-items:center;gap:28px;padding:0 32px 30px;margin-top:-30px;position:relative}.identity-avatar{display:inline-flex;position:relative;flex-shrink:0;border-radius:50%;padding:7px;background:#0a1319}.identity-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.identity-frame{position:absolute;inset:0;border:3px double var(--cosmetic,#bca579);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--cosmetic,#bca579) 18%,transparent)}.identity-frame:after,.identity-frame:before{content:"◆";position:absolute;left:calc(50% - 5px);color:var(--cosmetic);font-size:11px;top:-8px}.identity-frame:after{top:auto;bottom:-8px}.identity-name{padding-top:42px;flex:1}.identity-name h2{font-family:var(--font-display),sans-serif;font-size:34px;margin:6px 0}.identity-name p{color:#c8b386;margin:0 0 14px}.featured-badges{display:flex;gap:10px;flex-wrap:wrap}.featured-badges span{display:flex;align-items:center;gap:5px;border:1px solid #c9ae7130;border-radius:5px;padding:5px 8px;font-size:10px;color:#a8b9b5}.account-level{padding-top:44px;min-width:230px}.account-level small{font-size:10px;color:#8ca4a5}.account-level strong{display:block;font-size:36px;color:#dac28b;font-family:var(--font-display),sans-serif}.account-level strong span{font-size:14px;color:#8da29f}.account-level progress{width:100%;height:7px;accent-color:#c6b17d}.account-level p{margin:8px 0;font-size:12px}.profile-tabs{display:flex;gap:25px;padding:0 32px;border-bottom:1px solid #ffffff12;overflow:auto}.profile-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:17px 0;white-space:nowrap}.profile-tabs button[aria-pressed=true]{color:#dec88c;border-color:#dec88c}.profile-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:28px}.cosmetic-grid article,.profile-overview article{padding:22px;border:1px solid #ffffff14;border-radius:8px;background:#13232a}.profile-overview h3{font-size:22px;color:#e2cb99;margin:14px 0}.cosmetic-grid p,.profile-overview p,.road-intro{font-size:12px;line-height:1.8;color:#9aafaf}.profile-overview button{background:none;border:0;padding:10px 0;color:#d8c08b}.collection-filters{display:flex;gap:8px;padding:24px 28px 0;flex-wrap:wrap}.collection-filters button{background:#14262b;border:1px solid #ffffff15;padding:8px 12px;border-radius:5px;font-size:12px}.collection-filters button[aria-pressed=true]{border-color:#c9af75;color:#e5c88b}.cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px;padding:28px}.cosmetic-card{text-align:left;background:#122129;border:1px solid #ffffff18;border-radius:9px;padding:16px;transition:border-color .2s,transform .2s}.cosmetic-card:hover,.cosmetic-card[aria-pressed=true]{border-color:#c2ad7d;transform:translateY(-2px)}.cosmetic-thumbnail{display:flex;align-items:center;justify-content:center;height:100px;color:var(--cosmetic)}.cosmetic-thumbnail .identity-banner{width:100%;height:80px;border-radius:5px}.cosmetic-thumbnail .identity-banner:after{font-size:60px}.cosmetic-card h3{font-size:15px;margin:9px 0}.cosmetic-card small,.cosmetic-grid article small{font-size:10px;color:#9bafae;display:block}.cosmetic-card>span{font-size:11px;color:#bda878;display:flex;gap:4px;align-items:center}.locked-cosmetic{opacity:.66}.cosmetic-detail{position:sticky;bottom:0;background:#172b30f5;box-shadow:0 -10px 35px #0006;border-top:1px solid #cab17b55;padding:20px 28px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.cosmetic-detail>div{flex:1;min-width:180px}.cosmetic-detail h3{margin:6px 0}.cosmetic-detail small{font-size:9px;letter-spacing:1px;color:#c2b18a}.cosmetic-detail p{font-size:12px;margin:0;color:#a5bbba}.cosmetic-detail select,.cosmetic-detail>button:not(.portal-button){background:#0d1c23;border:1px solid #a78e5a44;color:#cbb988;padding:9px;border-radius:4px}.cosmetic-detail button svg{vertical-align:middle}.road-intro{padding:20px 28px 0}.reward-road{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 28px 28px}.reward-road article{display:flex;align-items:center;gap:16px;border:1px solid #ffffff12;padding:18px;border-radius:7px}.reward-road article>strong{font-family:var(--font-display),sans-serif;font-size:28px;color:#beab82;min-width:42px}.reward-road article>div{flex:1}.reward-road small{font-size:9px;color:#819b9e}.reward-road h3{font-size:14px;margin:5px 0}.reward-road .unlocked{background:#215b4522;border-color:#629d7444}.xp-history{margin:0 28px 28px;font-size:13px}.xp-history summary{cursor:pointer;padding:16px 0;color:#c7b382}.xp-history>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #ffffff0a}.xp-history small{display:block;font-size:10px;color:#81989b;margin-top:4px}.xp-history b{color:#83bca7}.earned-achievement>b{color:#cfb67e}.cosmetic-animated .identity-frame{animation:profile-rune 8s ease-in-out infinite}.identity-banner.cosmetic-animated:after{animation:profile-rune 10s ease-in-out infinite}@keyframes profile-rune{50%{opacity:.65;filter:brightness(1.25)}}@media(max-width:760px){.identity-body{flex-direction:column;text-align:center;gap:12px;padding:0 20px 24px}.account-level,.identity-name{padding-top:0}.account-level{width:100%}.featured-badges{justify-content:center}.profile-overview{grid-template-columns:1fr}.profile-tabs{padding:0 20px;gap:20px}.reward-road{grid-template-columns:1fr}.cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px}.cosmetic-card{padding:10px}.profile-banner-caption{font-size:8px;left:20px}.cosmetic-detail{padding:16px}.identity-banner{height:160px}}@media(prefers-reduced-motion:reduce){.progression-profile *{animation:none!important;transition:none!important}}.account-level progress{display:block;appearance:none;-webkit-appearance:none;height:12px;overflow:hidden;border:1px solid #bca57955;border-radius:999px;background:#071117;box-shadow:inset 0 2px 5px #0009,0 0 14px #72c4b508}.account-level progress::-webkit-progress-bar{background:#071117;border-radius:999px;box-shadow:inset 0 2px 5px #0009}.account-level progress::-webkit-progress-value{background:linear-gradient(90deg,#357e79,#72c4b5 65%,#e0c68c);border-radius:999px;box-shadow:0 0 10px #72c4b566;transition:width .6s ease}.account-level progress::-moz-progress-bar{background:linear-gradient(90deg,#357e79,#72c4b5 65%,#e0c68c);border-radius:999px;box-shadow:0 0 10px #72c4b566}.account-level p{display:flex;justify-content:space-between;color:#b7cbc7;letter-spacing:.4px;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.account-level progress::-webkit-progress-value{transition:none}}.identity-avatar{padding:14%;isolation:isolate}.ornate-frame{position:absolute;inset:-8%;width:116%;height:116%;overflow:visible;filter:drop-shadow(0 2px 3px #000a);pointer-events:none}.identity-avatar.cosmetic-animated .ornate-frame{animation:profile-rune 8s ease-in-out infinite}.identity-banner{background-position:center 35%;height:220px}.identity-banner:after{content:"";inset:0;background:radial-gradient(circle at 70% 30%,#e4c37d25,transparent 45%);opacity:.7;font-size:0;pointer-events:none}.profile-banner-caption{z-index:1;text-shadow:0 2px 8px #000;background:#081319a0;border:1px solid #cbb57c30;border-radius:4px;padding:10px 14px}@media(prefers-reduced-motion:reduce){.identity-avatar.cosmetic-animated .ornate-frame{animation:none}}.progression-profile{position:relative;isolation:isolate}.progression-profile>:not(.profile-effect){z-index:1}.progression-profile>.cosmetic-detail{position:sticky}.profile-effect{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 20%,color-mix(in srgb,var(--cosmetic,#cbb57c) 9%,transparent),transparent 65%)}.profile-effect i{position:absolute;width:4px;height:4px;transform:rotate(45deg);background:var(--cosmetic,#cbb57c);box-shadow:0 0 12px var(--cosmetic,#cbb57c);opacity:.45;left:8%;top:30%}.profile-effect i:nth-child(2){left:24%;top:66%;animation-delay:-3s}.profile-effect i:nth-child(3){left:43%;top:45%;animation-delay:-7s}.profile-effect i:nth-child(4){left:62%;top:78%;animation-delay:-2s}.profile-effect i:nth-child(5){left:79%;top:38%;animation-delay:-9s}.profile-effect i:nth-child(6){left:94%;top:62%;animation-delay:-5s}.profile-effect-moving i{animation:profile-embers 12s ease-in-out infinite}@keyframes profile-embers{0%,to{translate:0 12px;opacity:.15}50%{translate:5px -18px;opacity:.65}}.effect-thumbnail{position:relative;display:grid;place-items:center;width:100%;height:90px;overflow:hidden;border-radius:8px;border:1px solid #cbb57c22}.featured-badges .badge-empty{border-style:dashed;opacity:.5}.featured-badges .badge-empty>span{border:0;padding:0;font-size:22px}.profile-statistics{padding:24px 28px}.profile-statistics .stats-cards{margin-top:0}@media(max-width:760px){.profile-statistics{padding:20px}}@media(prefers-reduced-motion:reduce){.profile-effect-moving i{animation:none}}.identity-banner.identity-banner-panorama{width:100%;max-width:100%;height:auto;aspect-ratio:4/1;background:#0b1a22;overflow:hidden;isolation:isolate}.identity-banner-panorama .profile-panorama-image{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/1;object-fit:contain}.identity-banner.identity-banner-panorama:after{display:none}.cosmetic-thumbnail .identity-banner.identity-banner-panorama{height:auto;aspect-ratio:4/1;flex:none}.identity-banner-panorama .profile-banner-caption{top:12px;left:16px;max-width:calc(100% - 32px);font-size:9px;letter-spacing:2px;padding:6px 9px}@media(max-width:760px){.identity-banner-panorama .profile-banner-caption{display:none}}.identity-banner-panorama+.identity-body{margin-top:0;padding-top:24px}.identity-banner-panorama+.identity-body :is(.identity-name,.account-level){padding-top:0}@media(min-width:761px){:not(.cosmetic-thumbnail)>.identity-banner.identity-banner-panorama{aspect-ratio:16/3}:not(.cosmetic-thumbnail)>.identity-banner-panorama>.profile-panorama-image{height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 45%}}.portal-main.profile-main{padding-top:24px}.profile-main>.page-heading{margin:8px 0 16px}.profile-main>.page-heading>.portal-eyebrow{margin:0}.profile-main>.page-heading>h1{margin:8px 0}.profile-main>.page-heading>p:last-child{margin:0}.profile-main>.progression-profile{margin-top:16px}@media(max-width:760px){.portal-main.profile-main{padding-top:18px}}.achievement-grid{grid-auto-rows:1fr}.achievement-grid .achievement-card{position:relative;display:flex;flex-direction:column;min-height:210px;overflow:hidden;padding:22px}.achievement-details{position:relative;z-index:1}.achievement-details h3{margin:6px 0}.achievement-details p{margin:0 0 16px}.achievement-card .achievement-xp{display:block;position:relative;z-index:2;margin-top:auto;padding-top:16px;color:#cfb67e;font-size:16px;line-height:1.4}.achievement-grid .sealed-achievement{background:radial-gradient(ellipse at center,#24343b,#0e1a21);border-color:#b2986330}.achievement-seal{position:absolute;inset:0 0 44px;pointer-events:none}.achievement-seal img{object-fit:fill;opacity:.9}@media(max-width:760px){.achievement-grid .achievement-card{min-height:220px;padding:16px}.achievement-card .achievement-xp{font-size:14px}}.identity-avatar.image-framed-avatar{background:none;border-radius:0;overflow:visible;isolation:isolate}.image-framed-avatar>img.framed-portrait{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;border-radius:50%;z-index:0}.image-framed-avatar>img.supplied-avatar-frame{position:absolute;left:-12.5%;top:-12.5%;width:125%;height:125%;max-width:none;object-fit:contain;border-radius:0;pointer-events:none;z-index:1}.profile-nameplate{background-position:50%;background-size:contain;background-repeat:no-repeat;padding:8px 16px;display:inline-block;color:var(--cosmetic,#cbb57c);border-bottom:1px solid var(--cosmetic,#cbb57c)}.profile-effect-moving>img{animation:profile-rune 10s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.profile-effect-moving>img{animation:none}}