/* Player profile — clean single-column layout */



.platform-profile-page--revamp {

  padding-bottom: 48px;

}



.platform-profile-layout {

  display: grid;

  gap: 20px;

  align-items: start;

}



.platform-profile-hero-top {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 14px;

  text-align: center;

  margin-bottom: 6px;

}



@media (min-width: 768px) {

  .platform-profile-hero-top {

    flex-direction: row;

    align-items: flex-start;

    text-align: left;

    gap: 18px;

  }

}



.platform-profile-hero-avatar {

  flex-shrink: 0;

}



.platform-profile-hero-copy {

  min-width: 0;

  flex: 1;

}



.platform-profile-avatar-img--profile {

  width: 96px;

  height: 96px;

  border: 4px solid var(--outline);

  box-shadow: var(--shadow-block);

}



@media (min-width: 768px) {

  .platform-profile-avatar-img--profile {

    width: 112px;

    height: 112px;

  }

}



/* —— Hero / identity —— */

.platform-profile-hero {

  padding: 24px 22px;

  margin-bottom: 20px;

}



.platform-profile-hero .platform-profile-eyebrow {

  margin: 0 0 8px;

  font-family: var(--font-pixel);

  font-size: 0.4375rem;

  line-height: 1.7;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  color: var(--text-muted);

}



.platform-profile-page--revamp .profile-name-heading {

  font-family: var(--font);

  font-size: clamp(1.75rem, 4.5vw, 2.5rem);

  font-weight: 800;

  line-height: 1.15;

  letter-spacing: -0.02em;

  color: #2c1810;

}



.platform-profile-page--revamp .profile-name-heading .profile-mc-mark {

  height: clamp(28px, 5vw, 40px);

  width: auto;

}



.platform-profile-page--revamp .platform-profile-points {

  margin-top: 10px;

  gap: 8px;

}



/* At-a-glance cards for new players */

.platform-profile-glance {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 10px;

  margin: 18px 0 16px;

}



@media (min-width: 640px) {

  .platform-profile-glance {

    grid-template-columns: repeat(4, minmax(0, 1fr));

  }

}



.platform-profile-glance-card {

  padding: 12px 10px;

  text-align: center;

  background: #fffaf2;

  border: 2px solid rgba(61, 41, 20, 0.14);

  box-shadow: 2px 2px 0 rgba(61, 41, 20, 0.08);

}



.platform-profile-glance-label {

  display: block;

  margin-bottom: 4px;

  font-size: 0.6875rem;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 0.04em;

  color: var(--text-muted);

  line-height: 1.3;

}



.platform-profile-glance-value {

  display: block;

  font-size: 1.0625rem;

  font-weight: 800;

  color: #2c1810;

  line-height: 1.25;

}



.platform-profile-glance-value--tier {

  font-family: var(--font-pixel);

  font-size: 0.5rem;

  line-height: 1.6;

}



/* Section leads */

.platform-profile-page--revamp .platform-section {

  padding: 22px 20px;

}



.platform-profile-page--revamp .platform-section h2 {

  margin: 0 0 6px;

  font-family: var(--font-pixel);

  font-size: clamp(0.5rem, 2vw, 0.5625rem);

  line-height: 1.75;

  color: #2c1810;

}



.platform-section-lead {

  margin: 0 0 16px;

  font-size: 0.9375rem;

  font-weight: 600;

  color: var(--text-muted);

  line-height: 1.5;

}



.platform-profile-actions--minimal {

  margin-top: 4px;

}



@media (max-width: 767px) {

  .platform-profile-page--revamp .platform-profile-actions--minimal {

    justify-content: center;

  }



  .platform-profile-page--revamp .platform-profile-title-row {

    justify-content: center;

  }

}



html.theme-dark .platform-profile-page--revamp .profile-name-heading,

html.theme-dark .platform-profile-page--revamp .platform-section h2,

html.theme-dark .platform-profile-glance-value {

  color: var(--text);

}



html.theme-dark .platform-profile-glance-card {

  background: var(--card-muted, #241e30);

  border-color: var(--outline);

}

.platform-profile-page--revamp .profile-name-heading--blocky {
  font-family: var(--font-pixel);
  font-size: clamp(0.625rem, 2.8vw, 0.875rem);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.02em;
  color: #2c1810;
  margin: 0;
}

.profile-name-wrap--classic {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.profile-name-wrap--classic .profile-name-heading {
  margin: 0;
  line-height: 1.2;
}

.profile-name-wrap--classic .profile-name-heading .profile-name {
  display: inline-block;
}

.profile-name-wrap--classic .profile-staff-role-row {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.platform-profile-page--revamp .profile-name-wrap--blocky {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

@media (max-width: 767px) {
  .profile-name-wrap--blocky {
    align-items: center;
  }
}

.profile-staff-role-block {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.profile-staff-role-block .profile-staff-role-pill {
  font-family: var(--font-pixel);
  font-size: 0.4375rem;
  line-height: 1.7;
  padding: 6px 10px;
  border-radius: 0;
  border: 2px solid var(--outline);
  box-shadow: 2px 2px 0 rgba(61, 41, 20, 0.2);
}

html.theme-dark .platform-profile-page--revamp .profile-name-heading--blocky {
  color: var(--text);
}