.profile-header-content { padding: 1rem 2rem 2rem 2rem; display: flex; flex-direction: column; position: relative; }
.profile-top-row { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 0; margin-bottom: 1.5rem; flex-wrap: wrap; gap: 1rem; }
.profile-avatar-row { display: flex; align-items: flex-end; gap: 1.5rem; }
.profile-avatar { width: 120px; height: 120px; margin-top: -60px; border-radius: 50%; background-color: var(--bg-secondary); border: 4px solid var(--bg-primary); overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(0,0,0,0.5); position: relative; z-index: 10; }
.profile-avatar svg { width: 50px; height: 50px; transform: translateY(5px); }
.profile-info { padding-bottom: 0.5rem; }
.profile-pseudo { font-size: 2.8rem; font-weight: 900; text-transform: uppercase; letter-spacing: -0.04em; line-height: 1; margin: 0; display: inline-flex; align-items: center; gap: 0.8rem; color: var(--text-primary); }
.profile-stats { display: flex; gap: 1rem; border-top: 1px solid var(--border-color); padding-top: 1.5rem; }
.profile-stat-box { background: var(--bg-tertiary); border: 1px solid var(--border-color); padding: 1rem 1.5rem; border-radius: var(--radius-md); flex: 1; max-width: 200px; }

@media (max-width: 768px) {
    .profile-header-content { padding: 1rem 1rem 1.5rem 1rem; }
    .profile-top-row { margin-top: 0; margin-bottom: 1rem; justify-content: center; }
    .profile-avatar-row { flex-direction: column; align-items: center; gap: 0.8rem; text-align: center; }
    .profile-avatar { width: 90px; height: 90px; margin-top: -45px; }
    .profile-avatar svg { width: 40px; height: 40px; }
    .profile-info { padding-bottom: 0; }
    .profile-pseudo { font-size: 1.8rem; justify-content: center; }
    .profile-stats { flex-direction: column; align-items: stretch; gap: 0.8rem; padding-top: 1.2rem; }
    .profile-stat-box { max-width: none; text-align: center; }
}