/* Personal photo, identity, game progress and friends form one profile header. */
#main .profile-overview.profile-composed{grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:28px;align-items:start;margin-bottom:24px}
.profile-composed .profile-summary{display:flex;flex-direction:column;gap:18px;min-width:0}
#main .profile-composed .profile-intro{padding:4px 0 0;min-width:0}
#main .profile-composed .profile-photo.profile-gallery{aspect-ratio:4/5;border-radius:24px;max-height:560px}
.profile-composed .pt-shelf.pt-compact{margin:0;padding:18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(125deg,var(--tint),transparent 65%),var(--surface)}
.profile-composed .pt-compact-top{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px 16px}
.profile-composed .pt-current-look{grid-row:1/3}
.profile-composed .pt-compact-copy h2{margin:3px 0;font-size:25px;line-height:1.2}
.profile-composed .pt-compact-copy p{margin:2px 0;font-size:12px;line-height:1.4}
.profile-composed .pt-open{grid-column:2;justify-self:start;white-space:normal;min-height:40px;width:auto}
.profile-composed .pt-earned-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.profile-composed .pt-earned-medal{flex-direction:row;min-height:48px;padding:7px;gap:7px;text-align:left}
.profile-composed .pt-earned-medal span{display:block;font-size:11px;overflow-wrap:anywhere}
.profile-composed .pt-earned-medal b{margin-left:auto}
.profile-composed .profile-friends-preview{padding:16px 18px;margin:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);min-width:0}
.profile-composed .profile-friends-title a{min-height:32px;display:flex;align-items:center}
.profile-composed .profile-friend-portraits{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;overflow:visible;padding:0}
.profile-composed .profile-friend-portraits>a{display:flex;align-items:center;gap:9px;flex:0 1 auto;max-width:100%;min-width:0;padding:6px 12px 6px 6px;background:var(--surface-alt);border:1px solid var(--line);border-radius:99px;text-align:left}
.profile-composed .profile-friend-portraits .avatar{width:36px;height:36px;flex:0 0 36px;margin:0}
.profile-composed .profile-friend-portraits span{margin:0;max-width:160px;font-size:13px}
.profile-composed .profile-friend-invite,.profile-composed .profile-friend-requests{display:inline-flex;align-items:center;min-height:40px;padding:6px 0;margin-right:14px}
.profile-composed .profile-friends-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}
.profile-composed .profile-friends-title,.profile-composed .profile-friend-requests{grid-column:1/-1}
.profile-composed .profile-friend-portraits{margin:0}
.profile-composed .profile-friend-invite{margin:0;align-self:center;font-size:12px}
@media(min-width:1050px){.profile-composed .pt-compact-top{grid-template-columns:76px minmax(0,1fr) auto}.profile-composed .pt-current-look{grid-row:1}.profile-composed .pt-open{grid-column:3}}
#main .profile-sections{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:5px;gap:4px}
#main .profile-sections button,#main .profile-sections>a{border-radius:11px;padding:10px 8px}
#main .profile-sections button[aria-pressed=true]{background:var(--tint)}
#main .profile-sections button[aria-pressed=true]:after{display:none}
@media(max-width:700px){
 #main .profile-overview.profile-composed{display:flex;flex-direction:column;gap:16px;padding:0;margin:0 0 18px}
 .profile-composed .profile-summary{width:100%;gap:14px}
 #main .profile-composed .profile-photo.profile-gallery{width:100%;aspect-ratio:5/4;max-height:390px;border-radius:20px}
 #main .profile-composed .profile-intro{padding:0 4px}
 .profile-composed .pt-shelf.pt-compact,.profile-composed .profile-friends-preview{padding:14px;border-radius:18px}
 .profile-composed .profile-friends-preview{grid-template-columns:minmax(0,1fr)}
 .profile-composed .pt-compact-top{grid-template-columns:66px minmax(0,1fr);gap:8px 12px}
 .profile-composed .pt-open{padding:8px 10px;font-size:11px}
 .profile-composed .pt-earned-medal img{width:28px;height:28px;flex-basis:28px}
 #main .profile-sections{flex-wrap:wrap}
 #main .profile-sections button,#main .profile-sections>a{flex:1 1 28%;font-size:12px;min-height:44px}
}