.account-popover .profile-head.profile-card-face {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  justify-items: stretch;
  gap: 14px 12px;
  min-height: 0;
  padding: 19px 16px 16px;
  border-radius: 14px;
  text-align: left;
}
.account-popover .profile-head .avatar { width: 44px; height: 44px; }
.profile-identity { min-width: 0; }
.account-popover .profile-head strong { white-space: normal; text-overflow: clip; overflow: visible; }
.account-popover .profile-identity > strong {
  display: block;
  overflow-wrap: anywhere;
  font-size: 17px;
  line-height: 1.35;
  color: inherit;
}
.profile-joined { display: grid; gap: 3px; margin-top: 7px; font-size: 11px; line-height: 1.45; }
.profile-joined > span { opacity: .72; font-size: 10px; letter-spacing: .04em; }
.profile-joined time { font-variant-numeric: tabular-nums; }
.profile-summary {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  align-items: center;
  gap: 10px 12px;
  border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  padding-top: 14px;
  font-variant-numeric: tabular-nums;
}
.profile-balance { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 7px; align-items: center; }
.profile-coin-icon { grid-row: span 2; font-size: 23px; opacity: .85; }
.profile-metric-label { font-size: 10px; opacity: .72; }
.account-popover .profile-balance > strong { font-size: 18px; line-height: 1.3; overflow-wrap: anywhere; color: inherit; }
.profile-level { display: grid; justify-items: end; gap: 4px; min-width: 0; }
.account-popover .profile-level > strong {
  padding: 3px 9px;
  border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, currentColor 8%, transparent);
  color: inherit;
  font-size: 13px;
  line-height: 1.4;
}
.profile-experience { font-size: 10px; opacity: .85; overflow-wrap: anywhere; text-align: right; }
.account-popover .profile-experience > strong { display: inline; font-size: 11px; color: inherit; }
.profile-progress {
  grid-column: 1 / -1;
  display: block;
  width: 100%;
  height: 5px;
  overflow: hidden;
  appearance: none;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb, currentColor 14%, transparent);
  color: inherit;
}
.profile-progress::-webkit-progress-bar { background: color-mix(in srgb, currentColor 14%, transparent); border-radius: 999px; }
.profile-progress::-webkit-progress-value { background: currentColor; border-radius: 999px; }
.profile-progress::-moz-progress-bar { background: currentColor; border-radius: 999px; }
.profile-level-hint { grid-column: 1 / -1; margin-top: -4px; font-size: 10px; opacity: .75; text-align: right; }
.profile-account-action { width: 100%; min-height: 40px; cursor: pointer; }
.profile-account-action:disabled { cursor: wait; opacity: .65; }
.profile-auth-status { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
.profile-auth-status[hidden] { display: none; }