#profileScreen .profile-summary-card { display:grid; grid-template-columns:72px minmax(0,1fr) auto; gap:8px 14px; align-items:center; text-align:left; padding:20px; }
#profileScreen > .card { margin-bottom:14px; }
#profileSummaryCard.hidden { display:none !important; }
#profileSummaryCard .profile-avatar-preview { grid-column:1; grid-row:1 / 4; width:72px; height:72px; margin:0; }
#profileUsernameDisplay { grid-column:2; margin:0; overflow-wrap:anywhere; }
#profileSummaryCard #profilePremiumStatus { grid-column:2 / 4; font-size:14px; text-transform:none; letter-spacing:0; margin:0; }
#profileSummaryCard #editProfileButton { grid-column:3; grid-row:1; padding:10px 14px; min-height:44px; font-size:14px; }
#profileSummaryCard #ratingCard { grid-column:2 / 4; margin:0; padding:0; border:0; border-radius:0; background:none; }
#ratingCard .profile-stat { display:flex; align-items:baseline; gap:8px; padding:0; border:0; background:none; text-align:left; }
#ratingCard .profile-stat strong { font-size:23px; }
#ratingCard .profile-stat small { font-size:14px; }
#profileAchievementsCard { padding:20px; }
.profile-awards-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
.profile-awards-heading h3 { margin:0; color:var(--gold-bright); font-size:22px; }
.profile-awards-heading button { padding:9px 12px; min-height:44px; font-size:14px; }
#profileFeaturedAchievements { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0; }
#profileFeaturedAchievements.hidden { display:none; }
#profileFeaturedAchievements .profile-achievement-badge { display:flex; flex-direction:column; justify-content:center; gap:10px; padding:14px 8px; min-height:130px; border-radius:14px; text-align:center; font-size:14px; line-height:1.35; background:rgba(225,185,78,.045); }
#profileFeaturedAchievements .profile-achievement-badge b { width:64px; height:64px; flex:0 0 64px; }
#profileFeaturedAchievements .profile-achievement-badge:hover { background:rgba(225,185,78,.12); border-color:var(--gold); }
#profileAchievementProgress { margin-top:16px; padding-top:14px; border-top:1px solid rgba(225,185,78,.18); color:var(--subtle); font-size:14px; line-height:1.5; }
#profileAchievementProgress strong { color:var(--ink); }
#profileAchievementProgress p { margin:7px 0 0; }
.profile-collection-track { height:6px; margin:8px 0; border-radius:4px; overflow:hidden; background:rgba(225,185,78,.12); }
.profile-collection-track span { display:block; height:100%; background:var(--gold); border-radius:4px; }
#profileAccountSettings { margin-top:14px; padding:0; }
#profileAccountSettings > summary { min-height:56px; padding:17px 20px; font-size:16px; font-weight:800; color:var(--ink); cursor:pointer; }
#profileAccountSettings .card { border:0; border-radius:0; margin:0; background:none; padding:16px 20px; }
#profilePurchases > summary { padding:12px 20px; min-height:44px; cursor:pointer; color:var(--gold-bright); font-weight:700; }
#profilePurchases .premium-purchase-card h3 { font-size:18px; }
#profileAccountSettings p { font-size:14px; }
#profileQuickSignOutButton { margin:14px 0 0 auto; display:block; min-height:44px; padding:10px 18px; font-size:14px; }
#profileExplorePremium { grid-column:2 / -1; justify-self:start; min-height:44px; padding:10px 14px; font-size:14px; }
#profileAchievementDialog .app-dialog-body { padding:24px; text-align:center; }
#profileAchievementDialog .profile-detail-art { display:block; width:100px; height:100px; margin:0 auto 16px; border-radius:50%; }
#profileAchievementDialog h3 { color:var(--gold-bright); margin:0 0 12px; }
#profileAchievementDialog p { line-height:1.5; }
@media(max-width:540px) {
 #profileScreen .profile-summary-card { grid-template-columns:56px minmax(0,1fr); gap:6px 10px; padding:16px; }
 #profileSummaryCard .profile-avatar-preview { width:56px; height:56px; }
 #profileUsernameDisplay { font-size:20px; }
 #profileSummaryCard #profilePremiumStatus, #profileSummaryCard #ratingCard { grid-column:2; }
 #profileSummaryCard #editProfileButton { grid-column:2; grid-row:4; justify-self:start; }
 #profileFeaturedAchievements { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #profileAchievementsCard { padding:16px; }
 .profile-awards-heading h3 { font-size:20px; }
}
@media(max-width:360px) {
 #profileSummaryCard #editProfileButton { grid-column:2; grid-row:4; justify-self:start; }
 .profile-awards-heading { flex-wrap:wrap; }
}

/* Account choices and navigation are siblings of the compact summary. */
#profileScreen .profile-actions-stack { display:grid; gap:10px; }
#profileScreen .profile-actions-stack > button { width:100%; min-width:0; }
#profileScreen #profileSummaryCard { min-width:0; }
#profileScreen #profileAccountSettings { min-width:0; }
#profileScreen #profileAccountSettings input { box-sizing:border-box; width:100%; min-width:0; }

#profileScreen.guest-onboarding #profileAccountSettings { display:none; }