#socialProfile .profileHero{display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:20px;position:relative;overflow:visible;border-radius:26px;padding:0 28px 26px;background:linear-gradient(135deg,#192440,#182135);border:1px solid #7162a8;box-shadow:0 16px 45px #05091266}#socialProfile .profileBanner{grid-column:1/-1;margin:0 -28px;overflow:hidden;border-radius:26px 26px 0 0;height:210px}#socialProfile .profileBanner img{width:100%;height:100%;object-fit:cover;display:block}#socialProfile .profilePortrait.profilePopout{width:220px;height:220px;position:relative;margin-top:-100px;border-radius:50%;overflow:visible;background:radial-gradient(circle,#4a426e,#1b2840);transform:perspective(800px) rotateX(var(--avatarTilt,0deg));box-shadow:0 18px 35px #0006;isolation:isolate}#socialProfile .profileAvatarCanvas{position:absolute;left:-12%;top:-30%;width:124%;height:135%;z-index:3;pointer-events:none;filter:drop-shadow(0 12px 8px #0005)}#socialProfile .profileHeroFrame{position:absolute;inset:-6%;width:112%;height:112%;object-fit:contain;z-index:2;pointer-events:none}#socialProfile .profilePopout:after{display:none}#socialProfile .profileHeroInfo{align-self:center}#socialProfile .profileHeroInfo h2{font-size:clamp(30px,4vw,46px);color:#fff;margin:8px 0}#socialProfile .profileStatPills{display:flex;gap:8px;flex-wrap:wrap}#socialProfile .profileStatPills span{padding:8px 12px;background:#7160ab33;border:1px solid #8776ba66;border-radius:999px;color:#eee8ff;font-size:13px}#socialProfile .profileHero>button{align-self:center}#socialProfile .socialPanel{border-radius:20px;border-color:#34445f;background:linear-gradient(130deg,#192439,#141e31)}#socialProfile .profileCustomize summary{font-size:18px;font-weight:800;color:#e3d6ff;cursor:pointer}#socialProfile .profileFrameChoices,#socialProfile .profileBannerChoices{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:15px 0}#socialProfile .profileFrameChoices button,#socialProfile .profileBannerChoices button{display:flex;flex-direction:column;gap:9px;align-items:center;color:#fff!important;background:#22314b!important;min-width:0;border:2px solid #435373!important;padding:12px}#socialProfile .profileFrameChoices img{width:90px;height:90px;object-fit:contain}#socialProfile .profileBannerChoices img{width:100%;height:75px;object-fit:cover;border-radius:8px}#socialProfile .profileCustomize .selected{border-color:#c7adff!important;box-shadow:0 0 18px #a879ff44!important}.roundFramedPortrait{position:relative!important;border-radius:50%!important;isolation:isolate;overflow:visible!important}.roundFramedPortrait>img{border-radius:50%;object-fit:contain}.hasProfileFrame:after{content:'';position:absolute;inset:-9%;background-image:var(--profileFrame);background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:5}.frameShopPortrait{width:135px;height:135px;background:#131f36;margin:15px}.frameShopPortrait>img,.frameTryPreview>img{width:100%;height:100%;object-fit:contain}.frameTryPreview{width:210px;height:210px;margin:28px auto;background:#17243b}.legendaryBodyCard{border:2px solid #f9d776!important;box-shadow:0 0 24px #eab30833!important}.legendaryBodyCard .shopCategory{color:#ffe89a!important}.legendaryBodyCard .shopCategory:after{content:' · LENDÁRIO';font-weight:900}@media(max-width:800px){#socialProfile .profileHero{grid-template-columns:180px minmax(0,1fr);padding:0 18px 22px}#socialProfile .profileBanner{margin:0 -18px;height:160px}#socialProfile .profilePortrait.profilePopout{width:170px;height:170px;margin-top:-75px}#socialProfile .profileHero>button{grid-column:1/-1;justify-self:start}}@media(max-width:520px){#socialProfile .profileHero{grid-template-columns:1fr;justify-items:center;gap:14px}#socialProfile .profileBanner{width:calc(100% + 36px);grid-row:1;height:140px}#socialProfile .profilePortrait.profilePopout{margin-top:-70px}#socialProfile .profileHeroInfo{text-align:center}#socialProfile .profileStatPills{justify-content:center}#socialProfile .profileHero>button{justify-self:center}#socialProfile .profileFrameChoices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){#socialProfile .profilePortrait{transform:none}}

/* Static bust portraits: keep the avatar clipped inside and the frame above it. */
.roundFramedPortrait>.portraitFrameOverlay{position:absolute!important;inset:-9%!important;width:118%!important;height:118%!important;max-width:none!important;object-fit:contain!important;border-radius:0!important;pointer-events:none;z-index:10}
.framedAvatarImage{position:absolute!important;inset:0;width:100%;height:100%;border-radius:50%;overflow:hidden!important;background:#1b2840}
.framedAvatarImage>img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%}
#socialProfile .profilePortrait.profilePopout{transform:none;overflow:visible}
#socialProfile .friendPortrait{position:relative;flex-shrink:0;padding:0;overflow:visible!important}

#socialProfile .profilePortrait>.framedAvatarImage>img{transform:translateY(6%)}

#userChip .userAvatar{overflow:visible!important;border-radius:50%;position:relative}#userChip .userAvatar canvas{border-radius:50%}

/* Keep every portrait inside the frame aperture, independent of generic shop image rules. */
.roundFramedPortrait>.portraitFrameOverlay{max-height:none!important;max-width:none!important;transform:none!important;margin:0!important;display:block!important}
#socialProfile .profilePortrait>.framedAvatarImage{inset:8%!important;width:84%!important;height:84%!important}
#socialProfile .profilePortrait>.portraitFrameOverlay{inset:-15%!important;width:130%!important;height:130%!important}
.frameShopPortrait>img:not(.portraitFrameOverlay),.frameTryPreview>img:not(.portraitFrameOverlay){clip-path:circle(39% at 50% 50%);width:100%!important;height:100%!important}
.frameShopPortrait>.portraitFrameOverlay,.frameTryPreview>.portraitFrameOverlay{inset:-15%!important;width:130%!important;height:130%!important}
#userChip .userAvatar canvas{clip-path:circle(40% at 50% 50%)}
#userChip .userAvatar>.portraitFrameOverlay{inset:-13%!important;width:126%!important;height:126%!important}