

/* ======================================================
   TOP HEADER CARDS
   Existing header remains. Only polish/reorder.
   ====================================================== */

#tab-player .profile-rating{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(150px,1fr)) !important;
  gap:10px !important;
  align-items:stretch;
}

#tab-player .profile-rating-card{
  display:grid !important;
  grid-template-rows:
    auto
    minmax(50px,1fr)
    16px
    4px;

  min-height:142px;
}

#tab-player .profile-top-progress-caption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;

  align-self:end;

  margin-bottom:6px;

  color:#66727e;

  font-size:9px;
  font-weight:400;
  line-height:1;
}

#tab-player .profile-top-track{
  width:100% !important;
  height:4px !important;

  align-self:end;

  margin:0 !important;

  overflow:hidden;

  border-radius:999px;

  background:rgba(255,255,255,.075);
}

#tab-player .profile-sync-value{
  align-self:center;

  margin:0;

  font-size:29px;
  font-weight:550;
}

#tab-player .profile-sync-value span{
  color:inherit;
  opacity:.65;
  font-weight:400;
}

#tab-player .profile-level-wrap{
  align-self:center;
}

#tab-player .profile-points-wrap .points-badge{
  align-self:center;
}


/* ======================================================
   ADDITIONAL SEASON PANEL UNDER HERO
   ====================================================== */

#tab-player .profile-season-summary{
  position:relative;

  overflow:hidden;

  margin-top:12px;
  margin-bottom:12px;

  border:1px solid rgba(255,255,255,.085);
  border-radius:11px;

  background:
    linear-gradient(
      115deg,
      rgba(243,198,35,.07) 0%,
      rgba(243,198,35,.022) 28%,
      rgba(255,255,255,.012) 28.2%,
      rgba(255,255,255,.004) 100%
    ),
    rgba(9,12,15,.84);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025);
}

#tab-player .profile-season-summary:before{
  content:"";

  position:absolute;
  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      125deg,
      transparent 0 15%,
      rgba(255,255,255,.02) 15% 23%,
      transparent 23% 34%,
      rgba(255,255,255,.012) 34% 42%,
      transparent 42%
    );
}

#tab-player .profile-season-summary-head{
  position:relative;
  z-index:1;

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

  padding:14px 20px 8px;
}

#tab-player .profile-season-summary-title{
  display:flex;
  align-items:center;
  gap:8px;

  color:#dfe5eb;

  font-size:14px;
  font-weight:550;
}

#tab-player .profile-season-symbol{
  color:var(--accent);
}

#tab-player .profile-season-summary-hint{
  color:#727e8a;

  font-size:10px;
  font-weight:400;
}

#tab-player .profile-season-summary-body{
  position:relative;
  z-index:1;

  display:grid;

  grid-template-columns:
    minmax(230px,.85fr)
    minmax(360px,1.15fr);

  min-height:116px;
}

#tab-player .profile-season-score-block{
  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:5px 32px 19px 24px;

  border-right:1px solid rgba(255,255,255,.05);
}

#tab-player .profile-season-score-label{
  color:#717c88;

  font-size:9px;
  font-weight:450;

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

#tab-player .profile-season-score-number{
  margin-top:3px;

  color:#edf1f5;

  font-size:30px;
  font-weight:550;
  line-height:1;

  font-variant-numeric:tabular-nums;
}

#tab-player .profile-season-main-progress{
  height:4px;

  margin-top:16px;

  overflow:hidden;

  border-radius:999px;

  background:rgba(255,255,255,.075);
}

#tab-player .profile-season-main-progress-fill{
  height:100%;
  border-radius:inherit;
}

#tab-player .profile-season-progress-meta{
  display:flex;
  justify-content:space-between;

  margin-top:6px;

  color:#626e7a;

  font-size:9px;
  font-weight:400;
}

#tab-player .profile-season-info-block{
  display:flex;
  flex-direction:column;
  justify-content:space-between;

  padding:13px 25px 20px;
}

#tab-player .profile-season-rank-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
}

#tab-player .profile-season-rank-label{
  display:flex;
  align-items:center;
  gap:6px;

  min-height:16px;

  color:#707b87;

  font-size:9px;
  font-weight:450;

  letter-spacing:.05em;
  text-transform:uppercase;
}

#tab-player .profile-season-rank-number{
  margin-top:5px;

  color:#dfe5eb;

  font-size:17px;
  font-weight:550;

  font-variant-numeric:tabular-nums;
}

#tab-player .profile-season-mini-flag{
  display:inline-flex;

  width:18px;
  height:12px;

  overflow:hidden;

  border-radius:3px;

  flex:0 0 18px;
}

#tab-player .profile-season-mini-flag img{
  width:100% !important;
  height:100% !important;

  margin:0 !important;

  object-fit:cover !important;

  border-radius:0 !important;
}

#tab-player .profile-season-performance{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}

#tab-player .profile-season-performance-item{
  display:flex;
  align-items:baseline;
  gap:5px;
}

#tab-player .profile-season-performance-item strong{
  color:#e7ecf1;

  font-size:14px;
  font-weight:550;
}

#tab-player .profile-season-performance-item span{
  color:#747f8a;

  font-size:10px;
  font-weight:400;
}

#tab-player .profile-season-performance-dot{
  color:#404952;
}


@media(max-width:900px){

  #tab-player .profile-rating{
    grid-template-columns:1fr 1fr !important;
  }

  #tab-player .profile-points-wrap{
    grid-column:1 / -1;
  }

  #tab-player .profile-season-summary-body{
    grid-template-columns:1fr;
  }

  #tab-player .profile-season-score-block{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.05);
  }

}


@media(max-width:560px){

  #tab-player .profile-rating{
    grid-template-columns:1fr !important;
  }

  #tab-player .profile-points-wrap{
    grid-column:auto;
  }

  #tab-player .profile-season-rank-row{
    gap:18px;
  }

}

