.profile-error{border-color:#c76d77}.profile-success{border-color:#22d3c5}.hero h2{overflow-wrap:anywhere}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.profile-tags{display:flex;flex-wrap:wrap;gap:8px}.profile-editor summary{cursor:pointer;font-weight:800;font-size:1.1rem}.profile-editor[open] summary{margin-bottom:16px}.profile-edit-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px}.profile-editor label:not(.profile-emblems label){display:block;margin:16px 0 7px;font-weight:600}.profile-editor input:not([type=radio]):not([type=hidden]),.profile-editor textarea,.profile-editor select{width:100%;font:inherit;color:#edf0f3;background:#080f1d;border:1px solid #41536d;border-radius:8px;padding:10px}.profile-editor textarea{resize:vertical}.profile-editor fieldset{border:0;padding:0;margin:0}.profile-editor legend{font-weight:600;margin-bottom:8px}.profile-emblems{display:flex;flex-wrap:wrap;gap:8px}.profile-emblems label{cursor:pointer}.profile-emblems input{position:absolute;opacity:0;width:1px;height:1px}.profile-emblems span{display:block;border:1px solid #41536d;padding:8px 10px;border-radius:8px}.profile-emblems input:checked+span{border-color:#22d3c5;background:#123c40}.profile-emblems input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}.profile-emblems input:disabled+span{opacity:.55;cursor:not-allowed}.profile-preview{background:#080f1d;border-radius:12px;padding:18px;align-self:start;min-width:0}.profile-preview .avatar{margin-top:16px}.avatar.clan-emblem{font-size:1rem;letter-spacing:.04em}.profile-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}.profile-editor button{font:inherit;border:1px solid #41536d;border-radius:8px;background:#1d2940;color:#edf0f3;padding:10px 14px;cursor:pointer}.profile-editor .profile-save{background:#14776f;border-color:#22d3c5;font-weight:700}@media(max-width:650px){.profile-edit-grid{grid-template-columns:1fr}.profile-preview{order:-1}.hero{align-items:flex-start}.avatar{flex-shrink:0}.profile-editor .profile-actions button{flex:1}}

.profile-friends{margin:12px 0}.profile-friends form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.profile-friends button{color:#edf0f3;border:1px solid #41536d;cursor:pointer;font:inherit}.profile-friends button:hover{border-color:#22d3c5}

/* M30.38: long public profile text must wrap inside its flex/grid column. */
.hero>div{min-width:0;overflow-wrap:anywhere}
.card h2{overflow-wrap:anywhere}
.hero>.avatar{flex:0 0 76px}
.profile-preview{overflow-wrap:anywhere}
@media(max-width:420px){
 .card.hero{flex-wrap:wrap}
 .card.hero>div:not(.avatar){flex-basis:100%}
}