/* The detail form owns the saved profile; customization remains a separate draft. */
.profile-detail{padding:32px 40px 0;border-radius:16px;background:var(--ml-white)}
.profile-detail h1{margin:0 0 24px;font-family:var(--ml-font-heading);font-size:26px;line-height:1.4;font-weight:500;letter-spacing:-.025em}
.profile-detail-form{display:flex;flex-direction:column;align-items:center;gap:32px}
.profile-detail-avatar{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.profile-detail-avatar-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:224px;height:240px;max-width:100%;text-align:center}
.profile-detail-avatar-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.profile-detail-portrait-status{margin:0;max-width:100%;color:var(--ml-muted);font-size:14px;word-break:keep-all}
.profile-detail-avatar .player-profile-control{min-width:180px}
.profile-detail-field{width:min(100%,480px)}
.profile-detail-field label{font-size:15px}
.profile-detail-field input{height:48px}
.profile-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;align-self:stretch;min-width:0;padding:24px 0 28px;border-top:1px solid #ececea}
.profile-detail-feedback{min-width:0;flex:1}
.profile-detail-status{margin:0;color:var(--ml-muted);font-size:14px;line-height:1.5;word-break:keep-all}
.profile-detail-modal-host{min-width:0}
@media(max-width:600px){
 .profile-detail{padding:24px 20px 0}
 .profile-detail h1{font-size:22px;margin-bottom:20px}
 .profile-detail-form{gap:28px}
 .profile-detail-avatar-stage{width:196px;height:210px}
 .profile-detail-footer{align-items:stretch;flex-direction:column;gap:12px;padding:20px 0 calc(20px + env(safe-area-inset-bottom))}
 .profile-detail-footer .player-profile-actions{width:100%}
 .profile-detail-footer .player-profile-control{flex:1;min-width:0;padding-inline:12px}
 .profile-detail-feedback:empty{display:none}
}
@media(min-width:480px) and (max-height:540px){
 .profile-detail{padding:20px 28px 0}
 .profile-detail h1{font-size:22px;margin-bottom:16px}
 .profile-detail-form{gap:20px}
 .profile-detail-avatar-stage{width:140px;height:150px}
 .profile-detail-footer{padding-block:16px}
}