/* The account workspace and community dialog define this shared type scale.
   Arena profiles consume the same values; data colors remain component-owned. */
:root {
  --cy-modal-title-size: 27px;
  --cy-modal-title-font: 600 var(--cy-modal-title-size)/1.2 var(--cy-font-heading, 'Unbounded', sans-serif);
  --cy-modal-title-tracking: -.035em;
  --cy-modal-section-font: 600 16px/1.4 var(--cy-font-body, 'Montserrat', sans-serif);
  --cy-modal-section-tracking: -.02em;
  --cy-modal-body-font: 400 14px/1.5 var(--cy-font-body, 'Montserrat', sans-serif);
  --cy-modal-copy-font: 450 14px/1.6 var(--cy-font-body, 'Montserrat', sans-serif);
  --cy-modal-label-font: 500 13px/1.4 var(--cy-font-body, 'Montserrat', sans-serif);
  --cy-modal-meta-font: 450 12px/1.5 var(--cy-font-body, 'Montserrat', sans-serif);
  --cy-modal-name-size: 16px;
  --cy-modal-name-font: 600 var(--cy-modal-name-size)/1.35 var(--cy-font-body, 'Montserrat', sans-serif);
  --cy-modal-number-font: 600 16px/1.2 var(--cy-font-body, 'Montserrat', sans-serif);
  --cy-modal-inset: 24px;
  --cy-modal-card-inset: 16px;
  --cy-modal-section-gap: 24px;
  --cy-modal-heading-gap: 16px;
  --cy-modal-item-gap: 12px;
}
@media (max-width: 991.98px) {
  :root { --cy-modal-title-size: clamp(18px, 4.3vw, 25px); --cy-modal-inset: 18px; }
}
@media (max-width: 600px) {
  :root { --cy-modal-name-size: 15px; --cy-modal-card-inset: 14px; }
}

/* Bind the existing account references without changing their dimensions. */
html body #profile-workspace-overlay#profile-workspace-overlay .profile-workspace-section-head .profile-workspace-section-title {
  font: var(--cy-modal-title-font) !important;
  letter-spacing: var(--cy-modal-title-tracking) !important;
}
html body #friends-overlay .friends-modal .fr-block-title {
  font: var(--cy-modal-section-font) !important;
  letter-spacing: var(--cy-modal-section-tracking) !important;
}
html body #friends-overlay .friends-modal :is(.fr-pane-copy, .ref-primary-note, .ref-sub) {
  font: var(--cy-modal-copy-font) !important;
}
html body #friends-overlay .friends-modal .ref-currency {
  font: var(--cy-modal-number-font) !important;
}

html body #arena-player-profile {
  font: var(--cy-modal-body-font) !important;
  letter-spacing: normal;
}
html body #arena-player-profile .arena-player-heading h2 {
  font: var(--cy-modal-title-font) !important;
  letter-spacing: var(--cy-modal-title-tracking) !important;
}
html body #arena-player-profile :is(.arena-player-section h3, .arena-player-achievements-head h3, .arena-player-statistics-details summary) {
  font: var(--cy-modal-section-font) !important;
  letter-spacing: var(--cy-modal-section-tracking) !important;
}
html body #arena-player-profile :is(.arena-player-board-copy > strong, .arena-player-match-copy > strong) {
  font: var(--cy-modal-name-font) !important;
  letter-spacing: var(--cy-modal-section-tracking) !important;
}
html body #arena-player-profile :is(.arena-player-fact dd, .arena-player-fact dd.is-private, .arena-player-language-stat > span) {
  font: var(--cy-modal-body-font) !important;
  letter-spacing: normal !important;
  text-transform: none;
}
html body #arena-player-profile :is(.arena-player-muted, .arena-player-achievement-empty, .arena-player-achievement-caption, .arena-player-status, .arena-player-friend-feedback) {
  font: var(--cy-modal-copy-font) !important;
  letter-spacing: normal !important;
}
html body #arena-player-profile :is(.arena-player-fact dt, .arena-player-statistics dt, .arena-player-rating-max, .arena-player-next-copy > span) {
  font: var(--cy-modal-label-font) !important;
  letter-spacing: normal !important;
  text-transform: none;
}
html body #arena-player-profile :is(.arena-player-achievements-head > :not(h3), .arena-player-language-stat small, .arena-player-match-copy > span, .arena-player-match-score > span, .arena-player-board-rank, .arena-player-board-place, .arena-player-region) {
  font: var(--cy-modal-meta-font) !important;
  letter-spacing: normal !important;
  text-transform: none;
}
html body #arena-player-profile :is(.arena-player-statistics dd, .arena-player-match-score > strong, .arena-player-board-score, .arena-player-language-stat > b, [data-arena-player-rating]) {
  font: var(--cy-modal-number-font) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: normal !important;
}
html body #arena-player-profile :is(.arena-player-rank-copy > strong, .arena-player-next-copy > strong) {
  font: var(--cy-modal-section-font) !important;
  letter-spacing: var(--cy-modal-section-tracking) !important;
}
html body #arena-player-profile .arena-player-match-change {
  font: 600 14px/1.5 var(--cy-font-body, 'Montserrat', sans-serif) !important;
  letter-spacing: normal;
}