/* PROSPER Phase 4 — public player / team profile pages.
   Layered on styles.css + event.css; only profile-specific pieces live here. */

.profile-head { display: flex; align-items: center; gap: 1.1rem; flex-wrap: wrap; }
.profile-avatar { width: 84px; height: 84px; border-radius: 50%; border: 2px solid var(--ice-mid); background: rgba(79, 195, 255, 0.08); object-fit: cover; }
.profile-head h1 { margin: 0; }
.profile-sub { color: var(--muted); margin: 0.25rem 0 0; }
.verified-badge { color: var(--ice-soft); border: 1px solid var(--ice-mid); border-radius: 999px; padding: 0.2rem 0.65rem; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; box-shadow: inset 0 0 10px rgba(79, 195, 255, 0.18); white-space: nowrap; }
.profile-bio { max-width: 65ch; }
.badge-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
.badge-list li { border: 1px solid var(--line); border-radius: 12px; padding: 0.7rem 0.9rem; background: rgba(79, 195, 255, 0.04); }
.badge-list .badge-label { font-weight: 700; color: var(--ice-soft); }
.roster-avatar { width: 28px; height: 28px; border-radius: 50%; vertical-align: middle; margin-right: 0.45rem; object-fit: cover; }
.mini-verified { color: var(--ice-soft); font-size: 0.78rem; font-weight: 600; }

/* Symbol profile pictures (design/09). */
.profile-avatar-symbol { display: inline-flex; align-items: center; justify-content: center; font-size: 2.1rem; line-height: 1; }
.roster-avatar-symbol { display: inline-flex; align-items: center; justify-content: center; font-size: 0.8rem; line-height: 1; vertical-align: middle; }