/* Self-service player picture editor; deliberately shares the site's blue/white visual system. */
.site-layout[data-site-page="profile-editor"]{background:#f5f8fc;color:#173a5e;min-height:100dvh}
.profile-editor-shell{box-sizing:border-box;width:min(1080px,calc(100% - 48px));margin:34px auto 70px;font-family:"Inter","Segoe UI",system-ui,sans-serif;color:#173a5e}
.profile-editor-shell *{box-sizing:border-box}
.profile-editor-shell .profile-back{display:inline-flex;gap:7px;align-items:center;color:#527090;text-decoration:none;font-size:13px;font-weight:650;margin-bottom:18px}
.profile-editor-shell h1{font-size:clamp(29px,4vw,42px);letter-spacing:-1.2px;line-height:1.15;margin:0 0 12px}
.profile-editor-shell .profile-lead{color:#526b86;font-size:15px;line-height:1.6;max-width:740px;margin:0 0 24px}
.profile-editor-shell .profile-section{margin:18px 0;padding:22px;border:1px solid #d9e4ef;background:#fff;border-radius:17px;box-shadow:0 8px 28px rgba(23,58,94,.045)}
.profile-editor-shell .profile-section h2{font-size:20px;letter-spacing:-.45px;line-height:1.3;margin:0 0 10px}
.profile-editor-shell .profile-section p{color:#566c86;font-size:13px;line-height:1.6}
.profile-editor-shell .profile-message{border-radius:11px;border:1px solid #cee0f2;background:#f0f6fc;color:#25476e;padding:12px 15px;font-size:13px;line-height:1.55;margin:14px 0}
.profile-editor-shell .profile-message[data-kind="error"]{background:#fff3ee;border-color:#f3cabb;color:#8f3e2b}
.profile-editor-shell a{color:#1a5d9b;text-underline-offset:3px}
.profile-editor-shell .profile-current{display:flex;align-items:center;gap:19px}
.profile-editor-shell .profile-current img{display:block;flex:none;width:140px;height:84px;border-radius:10px;object-fit:cover;object-position:0% 50%;background:#e5eef6;border:1px solid #dbe5ed}
.profile-editor-shell .profile-current strong{font-size:19px}
.profile-editor-shell .profile-current p{margin:5px 0 8px}
.profile-editor-shell .profile-current a{font-size:13px;font-weight:700}
.profile-editor-shell .profile-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}
.profile-editor-shell button,.profile-editor-shell .profile-action{appearance:none;border:1px solid #244f7c;background:#173a5e;color:#fff;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:700;min-height:44px;cursor:pointer;transition:background .18s,transform .18s}
.profile-editor-shell button:not(:disabled):hover{background:#245987;transform:translateY(-1px)}
.profile-editor-shell button:focus-visible,.profile-editor-shell a:focus-visible,.profile-editor-shell input:focus-visible{outline:3px solid #e4ae4d;outline-offset:3px}
.profile-editor-shell button:disabled{opacity:.48;cursor:not-allowed;transform:none}
.profile-editor-shell button.profile-secondary{background:#f1f5fa;color:#234c77;border-color:#d5e3f1}
.profile-editor-shell button.profile-secondary:not(:disabled):hover{background:#e7f1fa}
.profile-editor-shell .profile-hint{font-size:12px;color:#64798f}
.profile-editor-shell .profile-preview img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0b1d32;border:1px solid #d6e1ef;border-radius:12px;margin:15px 0}
.profile-editor-shell .profile-preview-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.profile-editor-shell .profile-approval{display:flex;align-items:flex-start;gap:11px;cursor:pointer;margin:16px 0;font-size:13px;line-height:1.55}
.profile-editor-shell .profile-approval input{flex:none;width:19px;height:19px;margin-top:1px;accent-color:#235b91}
.profile-editor-shell .profile-approval span{color:#344e67}
.profile-editor-shell .profile-photo-note{background:#f7f9fc;border-radius:10px;padding:12px 14px;margin-top:12px;font-size:12px;color:#60738b}
.profile-editor-shell [hidden]{display:none!important}
@media(max-width:600px){
.profile-editor-shell{width:calc(100% - 28px);margin:24px auto 44px}
.profile-editor-shell .profile-section{padding:17px;border-radius:14px}
.profile-editor-shell .profile-current{align-items:flex-start;gap:12px}
.profile-editor-shell .profile-current img{width:96px;height:85px}
.profile-editor-shell .profile-current strong{font-size:17px}
.profile-editor-shell .profile-picker>*{flex:1 1 125px}
.profile-editor-shell .profile-preview-actions>*{width:100%}
}
@media(prefers-reduced-motion:reduce){.profile-editor-shell button{transition:none}}

/* Clear route from the public player portrait editor to secure profile details. */
.profile-details-link{display:flex;gap:13px;align-items:flex-start;margin:20px 0;padding:16px 19px;background:linear-gradient(115deg,#ecf6f1,#f7fbf9);border:1px solid #bfdacb;border-radius:13px;color:#244e42}
.profile-details-icon{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:11px;background:#d4ebdf;color:#27684d;font-size:20px;font-weight:850;font-family:Georgia,serif}
.profile-details-link>div{min-width:0}
.profile-details-link strong{font-size:13px;line-height:1.5;color:#285744}
.profile-details-link p{margin:5px 0 8px;color:#57766a;font-size:12px;line-height:1.7}
.profile-details-link a{display:inline-flex;gap:6px;color:#235b42;font-size:12px;font-weight:800;text-underline-offset:3px;text-decoration:underline}
.profile-details-actions{display:flex;flex-wrap:wrap;gap:8px 18px}
@media(max-width:480px){.profile-details-link{padding:13px;gap:9px}}