.profile-hero[data-vault-background=true]{background:linear-gradient(90deg, #04060a9e, #04060a29 55%, #04060a6b), var(--profile-background) center / cover no-repeat;box-shadow:inset 0 1px #ffffff12,inset 0 -30px 50px #0003,0 24px 60px #0005}.profile-hero[data-vault-background=true]:before,.profile-hero[data-vault-background=true]:after{content:none;animation:none}.profile-hero[data-vault-background=true] .profile-character-render{filter:brightness(1.03)contrast(1.04)drop-shadow(0 18px 24px #000a)}@media (max-width:639px){.profile-hero[data-vault-background=true]{background:linear-gradient(to bottom, #04060a75, #04060a1f 55%, #04060a57), var(--profile-background) center / cover no-repeat}}.vault-avatar-aura{z-index:0;pointer-events:none;isolation:isolate;contain:layout style;--aura-light:#e7d8b8;--aura-mid:#bd9554;--aura-deep:#5b4324;position:absolute;inset:-32%}.vault-avatar-aura[data-rarity=rare]{--aura-light:#b7f2ff;--aura-mid:#438fff;--aura-deep:#193e9d}.vault-avatar-aura[data-rarity=epic]{--aura-light:#e9b4ff;--aura-mid:#a24cff;--aura-deep:#4d167d}.vault-avatar-aura[data-rarity=legendary]{--aura-light:#fff3aa;--aura-mid:#ff9d28;--aura-deep:#b62e0d}.vault-avatar-aura[data-rarity=mythic]{--aura-light:#d9fff7;--aura-mid:#6a9cff;--aura-deep:#7b35d5}.vault-avatar-aura[data-aura-effect=emerald-bloom]{--aura-light:#d6ffd5;--aura-mid:#38ed8a;--aura-deep:#087d4c}.vault-avatar-aura[data-aura-effect=frost-shimmer]{--aura-light:#f4fdff;--aura-mid:#60ccff;--aura-deep:#3156db}.vault-avatar-aura[data-aura-effect=void-whispers]{--aura-light:#f0b5ff;--aura-mid:#a33cff;--aura-deep:#31065f}.vault-avatar-aura[data-aura-effect=paladin-flame]{--aura-light:#fffbd0;--aura-mid:#ffc52e;--aura-deep:#f05a14}.vault-avatar-aura[data-aura-effect=azeroth-world-soul]{--aura-light:#f7ffff;--aura-mid:#48e9ff;--aura-deep:#5750ef}.vault-avatar-aura[data-aura-effect=world-soul-convergence]{--aura-light:#fff2bd;--aura-mid:#c275ff;--aura-deep:#386dff}.vault-aura-halo,.vault-aura-wisps,.vault-aura-flames,.vault-aura-runes,.vault-aura-motes{position:absolute;inset:0}.vault-aura-halo{background:radial-gradient(circle at 50% 48%,transparent 42%,color-mix(in srgb,var(--aura-mid) 34%,transparent) 62%,transparent 75%);box-shadow:0 0 28px 8px color-mix(in srgb,var(--aura-mid) 68%,transparent), inset 0 0 22px 4px color-mix(in srgb,var(--aura-light) 58%,transparent);filter:blur(4px);opacity:.82;border-radius:32%;inset:19%}.vault-aura-wisps{background:conic-gradient(from 20deg,transparent 0 8%,var(--aura-deep) 14%,transparent 22% 37%,var(--aura-light) 44%,transparent 51% 68%,var(--aura-mid) 76%,transparent 84%);filter:blur(5px) drop-shadow(0 0 7px var(--aura-mid));opacity:.74;border-radius:40%;inset:5%;-webkit-mask-image:radial-gradient(circle,#0000 35%,#000 48% 61%,#0000 76%);mask-image:radial-gradient(circle,#0000 35%,#000 48% 61%,#0000 76%)}.vault-aura-flames{opacity:0;filter:drop-shadow(0 0 7px var(--aura-mid));inset:8% 9% 4%}.vault-aura-flames b{left:var(--flame-left);bottom:var(--flame-bottom);background:linear-gradient(to top,var(--aura-deep),var(--aura-mid) 48%,var(--aura-light) 78%,transparent 96%);clip-path:polygon(50% 0,78% 33%,100% 67%,72% 100%,24% 96%,0 64%,27% 35%);mix-blend-mode:screen;transform-origin:50% 100%;border-radius:54% 46% 62% 38%/72% 65% 35% 28%;width:11%;height:38%;position:absolute}.vault-avatar-aura:is([data-aura-effect=paladin-flame],[data-aura-effect=emerald-bloom],[data-aura-effect=world-soul-convergence]) .vault-aura-flames{opacity:.88}.vault-aura-runes{border:1px solid color-mix(in srgb,var(--aura-light) 34%,transparent);box-shadow:inset 0 0 12px color-mix(in srgb,var(--aura-mid) 35%,transparent),0 0 12px color-mix(in srgb,var(--aura-mid) 28%,transparent);-webkit-mask-image:repeating-conic-gradient(#000 0 4deg,transparent 4deg 17deg);mask-image:repeating-conic-gradient(#000 0 4deg,transparent 4deg 17deg);opacity:0;border-radius:50%;inset:11%}.vault-avatar-aura:is([data-aura-effect=void-whispers],[data-aura-effect=azeroth-world-soul],[data-aura-effect=world-soul-convergence]) .vault-aura-runes{opacity:.8}.vault-aura-motes i{width:var(--mote-size);height:var(--mote-size);left:var(--mote-left);top:var(--mote-top);background:var(--aura-light);box-shadow:0 0 8px 2px var(--aura-mid);border-radius:50%;position:absolute}.vault-aura-preview{aspect-ratio:1;isolation:isolate;place-items:center;width:100%;display:grid;position:relative}.vault-aura-preview>.vault-avatar-aura{inset:2%}.vault-aura-preview-portrait{aspect-ratio:1;color:#aaa1ba;z-index:1;background:linear-gradient(145deg,#262535,#101019);border-radius:12%;place-items:center;width:48%;font-size:2.5rem;display:grid}@media (prefers-reduced-motion:no-preference){.vault-aura-halo{animation:2.8s ease-in-out infinite alternate vault-aura-breathe}.vault-aura-wisps{animation:9s linear infinite vault-aura-drift}.vault-aura-runes{animation:15s linear infinite vault-aura-rune-turn}.vault-aura-flames b{animation:1.45s ease-in-out infinite alternate vault-aura-flame;animation-delay:var(--aura-delay)}.vault-aura-motes i{animation:3.2s ease-out infinite vault-aura-mote;animation-delay:var(--aura-delay)}}@keyframes vault-aura-breathe{to{opacity:.48;filter:blur(7px);scale:1.1}}@keyframes vault-aura-drift{to{rotate:360deg}}@keyframes vault-aura-rune-turn{to{rotate:-360deg}}@keyframes vault-aura-flame{0%{opacity:.45;transform:translateY(5%)scale(.72,.86)rotate(-5deg)}52%{opacity:1;transform:translateY(-5%)scale(1.04,1.12)rotate(5deg)}to{opacity:.72;transform:translateY(-12%)scale(.82,1.28)rotate(-3deg)}}@keyframes vault-aura-mote{0%{opacity:0;transform:translateY(18px)scale(.4)}22%{opacity:1}75%{opacity:.65}to{opacity:0;transform:translate3d(var(--mote-drift),-46px,0) scale(1.35)}}.vault-name-effect.vault-worn-name{font-size:inherit;font-weight:inherit}.vault-wordplate{min-width:0;max-width:100%;container-type:inline-size}.vault-wordplate>.vault-name-effect,.vault-wordplate>.vault-wordplate-title{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%;line-height:1.25}.vault-name-effect.vault-worn-name{white-space:normal;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone}@media (max-width:639px){.profile-hero h1:has(.vault-worn-name){overflow-wrap:anywhere;min-width:0;font-size:clamp(1.35rem,6vw,1.875rem);line-height:1.15}.vault-wordplate{padding:8%}.vault-wordplate>.vault-name-effect{font-size:clamp(.8rem,12cqw,1.2rem)}.vault-earned-title{white-space:normal;overflow-wrap:anywhere;max-width:100%}}.worn-portrait[data-framed=true]{margin:12px 18px 12px 12px}.profile-hero:has(>.vault-banner-familiar){--familiar-size:76px;--familiar-inset:.75rem}.profile-hero>.vault-banner-familiar{z-index:1;right:1.5rem;bottom:var(--familiar-inset,.75rem);width:var(--familiar-size,76px);height:var(--familiar-size,76px);pointer-events:none;position:absolute}@media (min-width:640px){.profile-hero:has(>.vault-banner-familiar) .profile-trophies{padding-bottom:calc(var(--familiar-size) + var(--familiar-inset) + .5rem)}}.vault-familiar-sprite{position:absolute;inset:0}.vault-familiar-sprite img{object-fit:contain;filter:drop-shadow(0 3px 5px #0008);width:100%;height:100%}.vault-familiar-shadow{background:radial-gradient(#000a,#0000 70%);width:70%;height:12px;position:absolute;bottom:0;left:15%}@media (prefers-reduced-motion:no-preference){.vault-familiar-sprite{animation:4s ease-in-out infinite vault-familiar-hop}.vault-familiar-shadow{animation:4s ease-in-out infinite vault-familiar-ground}}@keyframes vault-familiar-hop{0%,45%,to{transform:translateY(0)rotate(0)}52%{transform:translateY(2px)scale(1.03,.96)}65%{transform:translateY(-13px)rotate(-5deg)}79%{transform:translateY(0)scale(1.04,.96)}88%{transform:translateY(-4px)rotate(2deg)}}@keyframes vault-familiar-ground{0%,45%,to{opacity:.8;scale:1}65%{opacity:.35;scale:.7}}@media (max-width:639px){.worn-portrait[data-framed=true]{margin:8px 8px 8px 6px}.profile-hero>.vault-banner-familiar{background:radial-gradient(at 50% 80%,#b791ec22,#0000 68%);border-radius:50%;order:2;width:72px;height:72px;margin:16px auto 0 0;position:relative;bottom:auto;right:auto}.profile-hero:has(>.vault-banner-familiar){flex-direction:column;display:flex}}.vault-earned-title{color:var(--rarity,#c9b5e5)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.vault-earned-title.vault-earned-title{background-image:linear-gradient(105deg,var(--rarity,#c9b5e5) 20%,#fff5dd 43%,var(--rarity,#c9b5e5) 65%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text}}@media (prefers-reduced-motion:no-preference){.vault-earned-title{animation:7s ease-in-out infinite vault-title-shimmer}}@keyframes vault-title-shimmer{0%,25%{background-position:100% 0}80%,to{background-position:0 0}}@media (forced-colors:active){.vault-earned-title{color:canvastext;background:0 0}}