/* HCScalpel v6: approved personal page alignment. No changes to site-wide styles.
   The original scalpels PNG CONTAINS baked-in player names and statistics.
   Only its right-hand decorative portion is used here via a CSS mask. */
.profile-hero.profile-hero--v6 {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#0a1015 url('/assets/img/profile-left-graphics.png') left bottom/171px auto no-repeat;
}
.profile-hero.profile-hero--v6::before {
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,16,21,.02) 0%,rgba(10,16,21,.06) 55%,rgba(10,16,21,.17) 100%);
  z-index:0;pointer-events:none;
}
.profile-hero.profile-hero--v6::after {
  content:"";position:absolute;right:0;top:0;bottom:0;width:668px;
  /* The source PNG has baked-in names and stats in its upper/lower left.
     Two opaque, narrowly positioned patches hide those portions while
     leaving the large crossed scalpel drawing untouched. */
  background-image:
    linear-gradient(90deg,#0a1015 66%,rgba(10,16,21,0) 100%),
    linear-gradient(90deg,#0a1015 85%,rgba(10,16,21,0) 100%),
    url('/assets/img/profile-scalpels.png');
  background-size:130px 148px,275px 113px,auto 100%;
  background-position:left top 27px,left bottom,right center;
  background-repeat:no-repeat;
  pointer-events:none;z-index:0;
}
.profile-hero--v6 .profile-wrap{position:relative;z-index:1}
.profile-hero--v6 .back-link{z-index:3}
.profile-hero--v6 .profile-main{
  display:grid;grid-template-columns:500px minmax(0,1fr);
  column-gap:0;align-items:center;min-height:346px;padding:0;margin:0;
}
.profile-hero--v6 .portrait-ring {
  box-sizing:border-box;display:block;width:340px;height:340px;
  min-width:0;max-width:none;margin:0 0 0 110px;
  padding:0;align-self:end;justify-self:start;
  border:5px solid #78fa43;border-radius:50%;overflow:hidden;
  background:#8b9296;position:relative;z-index:2;
}
.profile-hero--v6 .portrait-ring img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.profile-hero--v6 .profile-info{
  box-sizing:border-box;min-width:0;max-width:100%;width:100%;
  border-left:1px solid #707980;padding:0 0 0 52px;margin:0;
  display:flex;flex-direction:column;gap:27px;z-index:2;position:relative;
}
.profile-hero--v6 .identity{
  box-sizing:border-box;display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  align-items:center;justify-content:start;column-gap:34px;
  min-width:0;max-width:100%;margin:0;padding:0;
}
.profile-hero--v6 .big-number{
  display:block;position:static;min-width:0;max-width:none;
  font-size:clamp(110px,9.1vw,150px);font-weight:900;
  line-height:.92;letter-spacing:-.025em;white-space:nowrap;
  color:#78fa43;margin:0;padding:0;
}
.profile-hero--v6 .identity>div,
.profile-hero--v6 .identity-copy{min-width:0;max-width:100%;text-transform:uppercase}
.profile-hero--v6 .identity h1{
  margin:0 0 11px;max-width:none;min-width:0;
  color:white;line-height:1.015;font-size:clamp(35px,3.8vw,62px);
  font-weight:900;letter-spacing:-.02em;overflow-wrap:break-word;word-break:normal;
}
.profile-hero--v6 .identity strong{
  display:block;color:#78fa43;font-size:clamp(18px,1.65vw,27px);
  line-height:1.2;font-weight:800;
}
.profile-hero--v6 .stat-grid{
  box-sizing:border-box;display:grid;
  grid-template-columns:1.35fr .87fr .87fr 1fr;
  align-items:start;gap:0;margin:0;padding:0;width:100%;min-width:0;
}
.profile-hero--v6 .stat-grid>div{
  box-sizing:border-box;min-width:0;max-width:100%;
  border:0;border-right:1px solid #8a9095;
  padding:0 16px;margin:0;
}
.profile-hero--v6 .stat-grid>div:first-child{padding-left:0}
.profile-hero--v6 .stat-grid>div:last-child{padding-right:0;border-right:0}
.profile-hero--v6 .stat-grid small{
  display:block;margin:0;color:#c5c9cc;
  font-weight:750;font-size:11px;line-height:1.25;white-space:nowrap;
}
.profile-hero--v6 .stat-grid b{
  display:block;margin:5px 0 0;color:#fff;font-weight:850;
  font-size:clamp(16px,1.35vw,23px);line-height:1.18;
  white-space:normal;overflow-wrap:break-word;word-break:normal;
}
@media(max-width:1450px){
  .profile-hero--v6 .profile-main{grid-template-columns:465px minmax(0,1fr)}
  .profile-hero--v6 .portrait-ring{margin-left:75px}
  .profile-hero--v6 .profile-info{padding-left:40px;gap:24px}
  .profile-hero--v6 .identity{column-gap:25px}
  .profile-hero--v6 .identity h1{font-size:clamp(32px,3.9vw,56px)}
  .profile-hero--v6 .big-number{font-size:clamp(100px,9.1vw,138px)}
  .profile-hero--v6 .stat-grid>div{padding-left:11px;padding-right:11px}
}
@media(max-width:1180px){
  .profile-hero--v6 .profile-main{grid-template-columns:350px minmax(0,1fr);min-height:316px}
  .profile-hero--v6 .portrait-ring{width:285px;height:285px;margin-left:30px}
  .profile-hero--v6 .profile-info{padding-left:24px;gap:18px}
  .profile-hero--v6 .identity{column-gap:16px}
  .profile-hero--v6 .big-number{font-size:100px}
  .profile-hero--v6 .identity h1{font-size:clamp(28px,3.7vw,44px)}
  .profile-hero--v6 .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:15px}
  .profile-hero--v6 .stat-grid>div:nth-child(2){border-right:0}
  .profile-hero--v6 .stat-grid>div:nth-child(3){padding-left:0}
}
@media(max-width:760px){
  .profile-hero--v6 .profile-main{display:flex;flex-direction:column;align-items:center;gap:15px;padding:55px 0 26px;min-height:0}
  .profile-hero--v6 .portrait-ring{width:min(290px,75vw);height:auto;aspect-ratio:1;margin:0;align-self:center}
  .profile-hero--v6 .profile-info{border-left:0;padding:0;width:100%;gap:21px}
  .profile-hero--v6 .identity{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:16px}
  .profile-hero--v6 .big-number{font-size:clamp(80px,18vw,120px)}
  .profile-hero--v6 .identity h1{font-size:clamp(25px,6.7vw,42px)}
  .profile-hero--v6 .identity strong{font-size:clamp(15px,4vw,20px)}
  .profile-hero--v6 .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
  .profile-hero--v6 .stat-grid>div:nth-child(2){border-right:0}
  .profile-hero--v6 .stat-grid>div:nth-child(3){padding-left:0}
}
@media(max-width:420px){
  .profile-hero--v6 .identity{column-gap:10px}
  .profile-hero--v6 .big-number{font-size:72px}
  .profile-hero--v6 .identity h1{font-size:26px}
  .profile-hero--v6 .stat-grid small{font-size:10px}
  .profile-hero--v6 .stat-grid b{font-size:18px}
}

/* v7: compact left-aligned player stats, matched to approved Glotov mockup.
   Overrides ONLY the stats row; portraits, number, names, scalpel art stay as-is. */
@media (min-width: 1181px) {
  .profile-hero--v6 .stat-grid {
    width: min(100%, 740px);
    max-width: 740px;
    grid-template-columns: 230px 155px 145px 210px;
    justify-content: start;
    justify-items: stretch;
  }
  .profile-hero--v6 .stat-grid > div {
    padding-left: 22px;
    padding-right: 16px;
  }
  .profile-hero--v6 .stat-grid > div:first-child { padding-left: 0; }
  .profile-hero--v6 .stat-grid > div:last-child { padding-right: 0; }
}
@media (min-width: 1181px) and (max-width: 1450px) {
  .profile-hero--v6 .stat-grid {
    width: min(100%, 650px);
    grid-template-columns: minmax(175px, 1.55fr) minmax(105px, 1fr) minmax(95px, .93fr) minmax(120px, 1.2fr);
  }
  .profile-hero--v6 .stat-grid > div {
    padding-left: 17px;
    padding-right: 10px;
  }
  .profile-hero--v6 .stat-grid > div:first-child { padding-left: 0; }
}
.profile-hero--v6 .stat-grid small {
  font-size: 14px;
  font-weight: 750;
  letter-spacing: .015em;
  line-height: 1.23;
}
.profile-hero--v6 .stat-grid b {
  font-size: clamp(21px, 1.38vw, 26px);
  font-weight: 850;
  line-height: 1.14;
  margin-top: 7px;
  white-space: nowrap;
  overflow-wrap: normal;
}
@media (max-width: 1180px) {
  .profile-hero--v6 .stat-grid {
    width: min(100%, 650px);
    max-width: 650px;
  }
  .profile-hero--v6 .stat-grid small { font-size: 13px; }
  .profile-hero--v6 .stat-grid b { font-size: 22px; }
}
@media (max-width: 420px) {
  .profile-hero--v6 .stat-grid b { font-size: 20px; white-space: normal; }
}