/* Profile page card and fields (4.31). Colours come from the app theme; light and dark both work. */
.settings-content .pcard,.gp .pcard{--pc-tint:#fbeaec;--pc-edge:#f0d3d6;margin:6px 0 0;padding:18px 18px 16px;border-radius:24px;border:1px solid var(--pc-edge);background:linear-gradient(160deg,var(--xw-bg) 0%,var(--pc-tint) 100%);color:var(--xw-ink)}
html[data-theme=dark] .settings-content .pcard,html[data-theme=dark] .gp .pcard{--pc-tint:#3a1a1f;--pc-edge:#4a2a30;background:linear-gradient(160deg,#25272c 0%,var(--pc-tint) 100%)}
.pcard-top{display:flex;align-items:center;gap:16px}
.pcard-avatar{position:relative;flex:none;width:78px;height:78px}
.pcard .avatar,.pcard-avatar [data-profile-initials]{display:grid!important;place-items:center;width:78px!important;height:78px!important;min-width:78px!important;flex:none;border-radius:50%!important;overflow:hidden;background:#8a8f99;color:#fff;font-size:30px;font-weight:650;letter-spacing:-1px;border:0;padding:0;box-shadow:0 0 0 2px var(--xw-red)}
.pcard .avatar img{width:100%;height:100%;object-fit:cover}
.pcard-cam{position:absolute;right:-4px;bottom:-4px;width:30px;height:30px;padding:0;border:2px solid var(--xw-bg);border-radius:50%;background:var(--xw-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") center/16px no-repeat;cursor:pointer}
.pcard .profile-copy{flex:1;min-width:0}
.pcard .profile-copy h2{margin:0;font-size:clamp(26px,7vw,30px)}
.pcard .profile-copy p{margin:4px 0 0;font-size:14px}
.pcard .gp-name-row{align-items:center}
.pcard-main{display:flex;align-items:flex-end;justify-content:space-between;margin-top:20px}
.pcard-main span,.pcard-row span{display:block;font-size:11px;letter-spacing:.1em;color:var(--xw-muted)}
.pcard-main b{display:block;font:800 60px/.95 XWProfileDisplay,sans-serif;letter-spacing:-2px;color:var(--xw-red);font-variant-numeric:tabular-nums}
.pcard-best{text-align:right}.pcard-best b{font-size:34px;letter-spacing:-1px;color:var(--xw-ink)}
.pcard-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;padding-top:14px;border-top:1px solid var(--pc-edge);text-align:center}
.pcard-row b{display:block;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.pcard-row span{margin-top:3px;font-size:10px}
.pcard-remove{display:block;margin:6px auto 0;min-height:44px;border:0;background:none;color:var(--xw-muted);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}
.pcard-remove[hidden]{display:none}
#profile-photo-status:empty{display:none}
/* Fields: switches instead of boxes (profile page only) */
.settings-content .profile-details{padding:14px 0 8px;border-bottom:0}
.settings-content .profile-details label,.settings-content .profile-details legend{font-size:13px;font-weight:500;color:var(--xw-muted)}
.settings-content .profile-details input[type=text],.settings-content .profile-details input[type=number]{min-height:46px;border-radius:12px;border:1px solid var(--xw-line);background:var(--xw-bg)}
.settings-content .profile-details fieldset{margin:16px 0 0}
.settings-content .profile-details .choice-options,.settings-content .profile-details .bowling-style-options{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--xw-surface)}
.settings-content .profile-details .choice{flex:1;justify-content:center;min-height:40px;padding:8px 4px;border:0;border-radius:9px;background:none;color:var(--xw-muted);font-size:15px;font-weight:600;text-align:center;box-shadow:none}
.settings-content .profile-details .choice[aria-pressed=true]{background:var(--xw-bg);color:var(--xw-ink);border:0;box-shadow:0 1px 3px rgba(0,0,0,.2)}
html[data-theme=dark] .settings-content .profile-details .choice[aria-pressed=true]{background:#33363c}
.settings-content .profile-details .check{display:none}
.settings-content .profile-details .helper{font-size:13px}
.gp .pcard .avatar svg{width:58%;height:58%;stroke-width:1.7}
/* One clean photo outline; no white separator around the edit control. */
.pcard .avatar img{display:block;border:0;box-shadow:none}
.pcard-cam{box-sizing:border-box;width:30px;height:30px;min-width:30px;min-height:30px;aspect-ratio:1;border:0;box-shadow:none}