.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{pointer-events:none;--aura-light:#d9c29b;--aura-secondary:#a6834d;position:absolute;inset:-26%}.vault-avatar-aura[data-rarity=rare]{--aura-light:#9beaff;--aura-secondary:#438fff}.vault-avatar-aura[data-rarity=epic]{--aura-light:#cf8aff;--aura-secondary:#813bda}.vault-avatar-aura[data-rarity=legendary]{--aura-light:#ffe69b;--aura-secondary:#ffb13d}.vault-avatar-aura[data-rarity=mythic]{--aura-light:#a5fff0;--aura-secondary:#56a8ff}.vault-aura-halo,.vault-aura-wisps{filter:blur(8px);border-radius:28%;position:absolute;inset:12%}.vault-aura-halo{box-shadow:0 0 20px 7px var(--aura-light),inset 0 0 20px 3px var(--aura-secondary);opacity:.6}.vault-aura-wisps{background:conic-gradient(from 30deg,transparent 0 15%,var(--aura-secondary) 23%,transparent 32% 65%,var(--aura-light) 74%,transparent 85%);opacity:.65;inset:3%;-webkit-mask-image:radial-gradient(#0000 35%,#000 56%,#0000 75%);mask-image:radial-gradient(#0000 35%,#000 56%,#0000 75%)}.vault-avatar-aura i{width:3px;height:3px;left:calc(12% + var(--mote-index)*15%);top:calc(18% + var(--mote-index)*11%);background:var(--aura-light);box-shadow:0 0 8px 2px var(--aura-light);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:10%}.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:4s ease-in-out infinite alternate vault-aura-breathe}.vault-aura-wisps{animation:12s linear infinite vault-aura-drift}.vault-avatar-aura i{animation:3.5s ease-in-out infinite vault-aura-mote;animation-delay:calc(var(--mote-index)*-.6s)}}@keyframes vault-aura-breathe{to{opacity:.35;scale:1.07}}@keyframes vault-aura-drift{to{rotate:360deg}}@keyframes vault-aura-mote{0%,to{opacity:0;transform:translateY(10px)}40%{opacity:.8}80%{opacity:0;transform:translateY(-18px)}}.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}}