/* Keep artwork, account information and controls in separate, predictable areas. */
:is(#adultProfile,#profileFitting,.ap) .ap-identity[class]{
 --cover-height:180px;--cover-panel:#172034;--cover-text:#f6f8ff;--cover-muted:#c6d1e4;
 position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;
 padding:calc(var(--cover-height) + 26px) 28px 28px!important;
 grid-template-columns:minmax(0,1fr) 230px;gap:26px;align-items:center;
 color:var(--cover-text)!important;
}
:is(#adultProfile,#profileFitting,.ap) .ap-identity.ap-cover-size-panorama{--cover-height:240px}
:is(#adultProfile,#profileFitting,.ap) .ap-identity[class]::after{
 content:'';display:block!important;position:absolute;inset:var(--cover-height) 0 0;
 width:auto;height:auto;border:0;border-radius:0;box-shadow:none;
 background:var(--cover-panel);z-index:0;pointer-events:none;
}
:is(#adultProfile,#profileFitting,.ap) .ap-identity[class]>.ap-cover-art{
 inset:0 0 auto;height:var(--cover-height);z-index:-1;
}
:is(#adultProfile,#profileFitting,.ap) .ap-identity[class]::before{bottom:auto;height:var(--cover-height);overflow:hidden}
:is(#adultProfile,#profileFitting,.ap) .ap-identity-copy,
:is(#adultProfile,#profileFitting,.ap) .ap-profile-aside{position:relative;z-index:1;min-width:0}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-person{margin:14px 0 0;gap:24px;min-width:0}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-person-copy{min-width:0;flex:1}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-person h1{
 color:var(--cover-text)!important;font-size:clamp(25px,2.7vw,36px);line-height:1.22;
 letter-spacing:-.6px;overflow-wrap:anywhere;text-wrap:pretty;text-shadow:none;
}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-person p{
 color:var(--cover-muted)!important;opacity:1;font-size:14px;line-height:1.65;max-width:60ch;
}
:is(#adultProfile,#profileFitting,.ap) .ap-identity :is(.ap-kicker,.ap-person-meta,.ap-pins){color:var(--cover-muted)!important;opacity:1}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-person-meta{font-size:12px;line-height:1.6;gap:8px 12px}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-goal-label{opacity:1;display:block;flex-basis:100%;overflow-wrap:anywhere}
:is(#adultProfile,#profileFitting,.ap) .ap-identity :is(.ap-level-chip,.ap-pins>span){border-color:#53647f;background:#25324b;color:#e1ebff}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-status-dot{background:#b4c9ff}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-monogram{color:#f6f8ff!important;background:#25324b!important;border-color:#7183a5}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-profile-aside{
 padding:16px;border:1px solid #41506c;border-radius:18px;background:#202c43;gap:14px;
}
:is(#adultProfile,#profileFitting,.ap) .ap-identity :is(.ap-coin-wallet,.ap-week-goal){color:var(--cover-text)!important;min-width:0}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-coin-wallet{padding:0;gap:10px}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-coin-wallet strong{font-size:28px;overflow-wrap:anywhere}
:is(#adultProfile,#profileFitting,.ap) .ap-identity :is(.ap-coin-wallet small,.ap-week-copy>span,.ap-week-copy small,.ap-goal-ring small){color:var(--cover-muted)!important;opacity:1;font-size:12px;line-height:1.5}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-week-copy strong{font-size:14px;line-height:1.4;color:var(--cover-text)}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-week-goal{border-color:#455571;padding-top:14px;gap:12px}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-goal-ring{--profile-key:#b8ccff;--profile-line:#4c5f82;width:58px;height:58px}
:is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-goal-ring>span{background:#202c43;color:#f6f8ff}
:is(#adultProfile,#profileFitting,.ap) .ap-identity>.ap-card-settings,
:is(#adultProfile,#profileFitting,.ap) .ap-identity>.ap-card-notice-corner{
 position:absolute!important;top:16px;z-index:5;background:#172034!important;color:#f6f8ff!important;
 border-color:#7785a2;box-shadow:0 3px 12px #050a2055;
}
:is(#adultProfile,#profileFitting,.ap) .ap-identity>.ap-card-settings{right:72px}
:is(#adultProfile,#profileFitting,.ap) .ap-identity>.ap-card-notice-corner{right:18px}
/* The original illustrations now fill only the banner, never the text panel. */
:is(#adultProfile,#profileFitting,.ap) .ap-identity:is(.ap-style-neonquest,.ap-style-voxelworld,.ap-style-starfleet,.ap-style-spellbound,.ap-style-nightdrive,.ap-style-abyssal)>.ap-cover-art{background:inherit!important}
:is(#adultProfile,#profileFitting,.ap) .ap-identity.ap-style-cybercourier>.ap-cover-art{background:#102234 url('/assets/market-covers/cyber-courier.webp') center 25%/cover!important}
:is(#adultProfile,#profileFitting,.ap) .ap-identity.ap-style-nightguardian>.ap-cover-art{background:#131c30 url('/assets/market-covers/night-guardian.webp') center 25%/cover!important}
:is(#adultProfile,#profileFitting,.ap) .ap-identity.ap-style-skyquest>.ap-cover-art{background:#254250 url('/assets/market-covers/sky-quest.webp') center 25%/cover!important}
/* Meme text belongs to the banner; effects must not turn its caption into particles. */
:is(#adultProfile,#profileFitting,.ap) .ap-identity:is(.ap-style-meme404,.ap-style-bossfight,.ap-style-savepoint)>.ap-cover-art::after{
 animation:none!important;width:auto;height:auto;bottom:auto;left:5%;right:auto;top:82px;
 font-size:clamp(13px,1.7vw,20px);line-height:1.5;max-width:85%;
}
:is(#adultProfile,#profileFitting,.ap) .ap-identity.ap-style-meme404>.ap-cover-art::after{background:none;transform:none;inset:82px auto auto 5%;border:0;border-radius:0}
:is(#adultProfile,#profileFitting,.ap) .ap-identity.ap-style-bossfight>.ap-cover-art::after{background:#161729;transform:rotate(-3deg);border-radius:0}
:is(#adultProfile,#profileFitting,.ap) .ap-identity.ap-style-savepoint>.ap-cover-art::after{background:none;transform:none;border:0;border-radius:0;top:68px;line-height:1.4}
/* Samples use the same separation as the real profile. */
.ap .ap-design-sample{padding:20px 12px 0;box-sizing:border-box}
.ap .ap-design-sample .ap-sample-caption{position:relative;z-index:1;align-self:stretch;margin:auto -12px 0;padding:12px;background:#172034;color:#f6f8ff!important;opacity:1!important;text-align:center;font-size:12px;line-height:1.5;text-shadow:none!important;overflow-wrap:anywhere}
.ap .ap-design-sample .ap-avatar-link{position:relative;z-index:1}
.ap .ap-design-sample .ap-monogram{color:#f6f8ff!important;background:#25324b!important}
.ap .ap-design-sample:is(.ap-style-meme404,.ap-style-bossfight,.ap-style-savepoint){padding-top:95px;min-height:240px}
.ap .ap-design-sample:is(.ap-style-meme404,.ap-style-bossfight,.ap-style-savepoint)>.ap-cover-art::after{top:18px;left:6%;font-size:11px;max-width:75%;line-height:1.5}
.ap .ap-design-sample:is(.ap-style-meme404,.ap-style-bossfight,.ap-style-savepoint)>.ap-cover-art::after{animation:none!important;width:auto;height:auto;bottom:auto;right:auto}
.ap .ap-design-sample.ap-style-meme404>.ap-cover-art::after,.ap .ap-design-sample.ap-style-savepoint>.ap-cover-art::after{background:none;transform:none;border:0}
.ap .ap-design-sample.ap-style-bossfight>.ap-cover-art::after{background:#161729;transform:rotate(-3deg)}
.ap .ap-style-choice b,.ap .ap-style-choice small{position:relative;display:block;width:fit-content;max-width:100%;padding:3px 7px;background:#172034;color:#f6f8ff!important;border-radius:5px;opacity:1;line-height:1.5}
/* The fitting room includes the wallet and rhythm, so it represents the real layout. */
#profileFitting .ps-fitting-stage .ap-identity{grid-template-columns:minmax(0,1fr) 215px!important}
#profileFitting .ps-fitting-stage .ap-profile-aside{display:flex!important}
@media(max-width:1050px){
 :is(#adultProfile,#profileFitting,.ap) .ap-identity[class]{grid-template-columns:minmax(0,1fr);gap:20px}
 :is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-profile-aside{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:18px;width:100%;box-sizing:border-box}
 :is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-week-goal{border-top:0;border-left:1px solid #455571;padding:0 0 0 18px}
 #profileFitting .ps-fitting-stage .ap-identity{grid-template-columns:minmax(0,1fr)!important}
 #profileFitting .ps-fitting-stage .ap-profile-aside{display:grid!important}
}
@media(max-width:620px){
 :is(#adultProfile,#profileFitting,.ap) .ap-identity[class]{--cover-height:165px;padding:calc(var(--cover-height) + 20px) 18px 20px!important;gap:18px}
 :is(#adultProfile,#profileFitting,.ap) .ap-identity.ap-cover-size-panorama{--cover-height:190px}
 :is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-person{flex-direction:column;align-items:flex-start!important;text-align:left!important;gap:18px;margin-top:12px}
 :is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-person h1{font-size:26px;line-height:1.25}
 :is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-person p{font-size:14px}
 :is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-person-meta{justify-content:flex-start!important}
 :is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-profile-aside{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}
 :is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-week-goal{border-left:0;border-top:1px solid #455571;padding:16px 0 0}
 :is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-week-copy small{font-size:12px}
 :is(#adultProfile,#profileFitting,.ap) .ap-identity .ap-goal-ring{width:54px;height:54px}
 :is(#adultProfile,#profileFitting,.ap) .ap-identity :is(.ap-coin-mark){width:38px;height:38px}
 #profileFitting .ps-fitting-stage .ap-profile-aside{display:grid!important}
}