/* PROFILE-V26.3 */

/* Activity bottom row */
#tab-player .profile-activity-mini{
  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;
}

#tab-player .profile-card-mini-balance strong{
  color:#d6b65b !important;
}

/* old header balance must never appear */
#tab-player .profile-balance-pill{
  display:none !important;
}


/* -------------------------------------------------------
   Avatar / Steam
   Give Steam actual room instead of clipping it.
   ------------------------------------------------------- */

#tab-player .profile-avatar-row-v263{
  min-height:181px !important;
  overflow:visible !important;
  align-items:flex-start !important;
}

#tab-player .profile-avatar-stack-v261{
  width:142px !important;
  height:181px !important;

  flex:0 0 142px !important;

  overflow:visible !important;
}

#tab-player .profile-avatar-stack-v261
a[title="Steam profile"]{
  flex:0 0 auto !important;

  width:28px !important;
  height:28px !important;

  margin-top:7px !important;
}


/* PROFILE-CARDS-V26.4 */

/* More vertical breathing room without touching card internals */
#tab-player .profile-rating{
  align-items:stretch !important;
  overflow:visible !important;
}

#tab-player .profile-performance-card,
#tab-player .profile-level-card,
#tab-player .profile-points-wrap,
#tab-player .profile-activity-card{
  box-sizing:border-box !important;

  height:160px !important;
  min-height:160px !important;
  max-height:160px !important;

  overflow:visible !important;
}

/* keep bottom metrics comfortably inside the cards */
#tab-player .profile-card-mini-grid{
  padding-bottom:1px !important;
}

/* a little more separation in Activity */
#tab-player .profile-activity-card .profile-playtime-caption{
  margin-bottom:4px !important;
}

@media(max-width:900px){
  #tab-player .profile-performance-card,
  #tab-player .profile-level-card,
  #tab-player .profile-points-wrap,
  #tab-player .profile-activity-card{
    height:160px !important;
    min-height:160px !important;
    max-height:160px !important;
  }
}



/* ACTIVITY-V26.5 */

/* Only Activity — do not touch Performance / Level / Points */
#tab-player .profile-activity-card{
  padding-top:14px !important;
  padding-bottom:10px !important;
}

#tab-player .profile-activity-card .profile-playtime-value{
  margin-top:0 !important;
  line-height:1 !important;
}

#tab-player .profile-activity-card .profile-playtime-caption{
  margin-top:5px !important;
  margin-bottom:0 !important;
}

#tab-player .profile-activity-card .profile-activity-mini{
  margin-top:auto !important;
  padding-top:7px !important;
  padding-bottom:0 !important;
}

#tab-player .profile-activity-card .profile-card-mini span{
  margin-bottom:3px !important;
}

#tab-player .profile-activity-card .profile-card-mini strong{
  line-height:1.1 !important;
}



/* ACTIVITY-V26.6 */

/*
  Lock the Activity footer inside the card.
  Do not touch Performance / Level / Points.
*/
#tab-player .profile-activity-card{
  position:relative !important;
  overflow:hidden !important;

  padding:
    14px 17px 52px 17px !important;
}

#tab-player .profile-activity-card
.profile-playtime-value{
  margin-top:1px !important;
}

#tab-player .profile-activity-card
.profile-playtime-caption{
  margin-top:7px !important;
  margin-bottom:0 !important;
}

/* VISITS + BALANCE fixed safely inside bottom */
#tab-player .profile-activity-card
.profile-activity-mini{
  position:absolute !important;

  left:17px !important;
  right:17px !important;
  bottom:11px !important;

  width:auto !important;

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

  margin:0 !important;
  padding:7px 0 0 !important;

  border-top:
    1px solid rgba(255,255,255,.055) !important;
}

#tab-player .profile-activity-card
.profile-card-mini{
  min-width:0 !important;
}

#tab-player .profile-activity-card
.profile-card-mini span{
  margin:0 0 4px !important;
  line-height:1 !important;
}

#tab-player .profile-activity-card
.profile-card-mini strong{
  display:block !important;
  line-height:1.05 !important;
}



/* PROFILE-CARDS-V26.7 */

/*
  PERFORMANCE + ACTIVITY now use exactly the same vertical skeleton:
  label / primary / caption / meter-slot / flexible space / footer
*/

#tab-player .profile-performance-card,
#tab-player .profile-activity-card{
  display:grid !important;

  grid-template-rows:
    12px
    36px
    14px
    4px
    minmax(0,1fr)
    34px !important;

  row-gap:4px !important;

  padding:
    14px 17px 12px !important;

  box-sizing:border-box !important;
  overflow:hidden !important;
}


/* ---------- labels ---------- */

#tab-player .profile-performance-card
.profile-rating-label,
#tab-player .profile-activity-card
.profile-rating-label{
  grid-row:1;

  margin:0 !important;

  align-self:center;
}


/* ---------- primary value ---------- */

#tab-player .profile-performance-card
.profile-sync-value{
  grid-row:2;

  margin:0 !important;

  align-self:center;

  line-height:1 !important;
}

#tab-player .profile-activity-card
.profile-playtime-value{
  grid-row:2;

  margin:0 !important;

  align-self:center;

  line-height:1 !important;
}


/* ---------- caption row ---------- */

#tab-player .profile-performance-card
.profile-top-progress-caption,
#tab-player .profile-activity-card
.profile-playtime-caption{
  grid-row:3;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  margin:0 !important;

  color:#687685;

  font-size:8px !important;
  line-height:14px !important;
}

#tab-player .profile-activity-card
.profile-playtime-caption span:last-child{
  color:#566572;
}


/* ---------- real Performance meter ---------- */

#tab-player .profile-performance-card
.profile-top-track{
  grid-row:4;

  width:100% !important;
  height:4px !important;

  margin:0 !important;

  align-self:center;
}


/*
  Activity has no percentage target.
  Reserve the same meter row without showing fake progress.
*/
#tab-player .profile-activity-card::after{
  content:"";

  grid-row:4;

  display:block;

  width:100%;
  height:4px;

  visibility:hidden;
}


/* ---------- footer shared by both cards ---------- */

#tab-player .profile-performance-card
.profile-card-mini-grid,
#tab-player .profile-activity-card
.profile-activity-mini{
  grid-row:6;

  position:static !important;

  left:auto !important;
  right:auto !important;
  bottom:auto !important;

  width:auto !important;
  height:34px !important;

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

  align-items:end !important;

  margin:0 !important;
  padding:7px 0 0 !important;

  border-top:
    1px solid rgba(255,255,255,.055) !important;
}


/* same typography in RUNS/JUMPS and VISITS/BALANCE */

#tab-player .profile-performance-card
.profile-card-mini span,
#tab-player .profile-activity-card
.profile-card-mini span{
  display:block !important;

  margin:0 0 4px !important;

  color:#647380 !important;

  font-size:8px !important;
  line-height:1 !important;
  font-weight:750 !important;

  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}

#tab-player .profile-performance-card
.profile-card-mini strong,
#tab-player .profile-activity-card
.profile-card-mini strong{
  display:block !important;

  color:#e0e6ea !important;

  font-size:12px !important;
  line-height:1 !important;
  font-weight:700 !important;

  font-variant-numeric:tabular-nums !important;
}


/* Balance uses the same value style; only a tiny gold indicator */
#tab-player .profile-card-mini-balance strong{
  color:#e0e6ea !important;
}

#tab-player .profile-card-mini-balance span::before{
  content:"";

  display:inline-block;

  width:4px;
  height:4px;

  margin-right:5px;
  margin-bottom:1px;

  border-radius:50%;

  background:#d6b65b;

  box-shadow:
    0 0 6px rgba(214,182,91,.35);
}