/* Player & clan profiles — e-sport broadcast look, matching the rankings (owner request 30 Oct). Loaded only on
   profiles. Anthracite with gold light instead of black, a broadcast "player card" over the battlefield art, score box,
   stat tiles and data panels with gold edges. Static light only. */
body.v2-profile-page{background:
  radial-gradient(90% 50% at 50% 0%,rgba(242,195,95,.16),transparent 65%),
  radial-gradient(60% 40% at 0% 45%,rgba(242,195,95,.08),transparent 70%),
  radial-gradient(60% 40% at 100% 70%,rgba(255,122,46,.08),transparent 70%),
  linear-gradient(180deg,#24211d 0%,#1d1a17 40%,#181512 100%)}

/* Hero: battlefield art, lighter cover, the head becomes a broadcast card */
.v2-profile-page .v2-profile-hero{padding-block:clamp(22px,3.4vw,40px) clamp(30px,4vw,48px)}
.v2-profile-page .v2-profile-hero::before{filter:saturate(.85)}
.v2-profile-page .v2-profile-hero::after{background:linear-gradient(100deg,rgba(24,21,18,.9) 0%,rgba(24,21,18,.6) 55%,rgba(24,21,18,.35) 100%),linear-gradient(180deg,rgba(24,21,18,0) 55%,#24211d 100%)}
.v2-profile-page .v2-profile-head{position:relative;isolation:isolate;overflow:hidden;margin-top:14px;padding:clamp(18px,2.6vw,30px);border-radius:24px;
  background:radial-gradient(70% 120% at 0% 0%,rgba(242,195,95,.2),transparent 60%),linear-gradient(180deg,rgba(52,46,39,.94),rgba(30,27,23,.96));
  border:1px solid rgba(242,195,95,.32);box-shadow:inset 0 1px 0 rgba(255,236,190,.12),0 26px 60px rgba(0,0,0,.5)}
.v2-profile-page .v2-profile-head::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--v2-mat-gold);box-shadow:0 0 22px rgba(242,195,95,.7)}
.v2-profile-page .v2-profile-head::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.05) 48%,transparent 60%)}
.v2-profile-page .v2-profile-emblem .v2-crest{padding:5px;border-radius:28px;background:linear-gradient(180deg,#f7d27a,#8a5a18);box-shadow:0 0 0 3px rgba(0,0,0,.45),0 0 50px rgba(242,195,95,.35)}
.v2-profile-page .v2-profile-emblem .v2-crest img{border-radius:22px}
.v2-profile-page .v2-profile-id h1{font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:.95;text-shadow:0 4px 0 rgba(0,0,0,.45)}
.v2-profile-page .v2-profile-id .v2-kicker{color:var(--v2-gold)}
.v2-profile-page .v2-profile-rating{min-width:clamp(170px,18vw,230px);padding:16px 22px;border-radius:14px;background:rgba(14,12,10,.78);border:1px solid rgba(242,195,95,.45);border-left:5px solid var(--v2-gold);box-shadow:0 12px 30px rgba(0,0,0,.4),0 0 40px rgba(242,195,95,.18)}
.v2-profile-page .v2-profile-rating b{font-size:clamp(2.8rem,5.6vw,4.2rem)}

/* Stat tiles */
.v2-profile-page .v2-stat-strip .v2-stat,.v2-profile-page .v2-combat-grid .v2-stat{position:relative;overflow:hidden;padding:16px 18px;border-radius:14px;
  background:linear-gradient(180deg,rgba(48,43,37,.95),rgba(32,28,24,.95));border:1px solid rgba(255,236,190,.1);box-shadow:inset 0 3px 0 rgba(242,195,95,.85),0 10px 22px rgba(0,0,0,.28)}
.v2-profile-page .v2-stat small{color:var(--v2-text-3)}
.v2-profile-page .v2-stat-strip .v2-stat b{font:700 clamp(1.4rem,2.8vw,2rem)/1.05 var(--v2-display);color:var(--v2-gold-hi)}
.v2-profile-page .v2-combat-grid .v2-stat b{font:700 1.7rem/1 var(--v2-display);color:#fff}

/* Data panels */
.v2-profile-page .v2-profile-body .v2-panel{position:relative;overflow:hidden;background:radial-gradient(80% 60% at 50% 0%,rgba(242,195,95,.1),transparent 70%),linear-gradient(180deg,rgba(44,39,34,.96),rgba(29,26,22,.97));border:1px solid rgba(242,195,95,.22);box-shadow:inset 0 1px 0 rgba(255,236,190,.08),0 20px 44px rgba(0,0,0,.35)}
.v2-profile-page .v2-profile-body .v2-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--v2-mat-gold);opacity:.85}
.v2-profile-page .v2-chronicle .v2-rows li{border-radius:12px;background:linear-gradient(90deg,rgba(46,41,35,.95),rgba(34,30,26,.95));border:1px solid rgba(255,236,190,.08)}
.v2-profile-page .v2-chronicle .v2-rows li:nth-child(even){background:linear-gradient(90deg,rgba(40,36,31,.95),rgba(30,27,23,.95))}
.v2-profile-page .v2-mode-rating{background:linear-gradient(90deg,rgba(46,41,35,.95),rgba(34,30,26,.95))}
.v2-profile-page .v2-mode-rating.is-active{box-shadow:inset 4px 0 0 var(--v2-gold)}

@media (max-width:760px){
  .v2-profile-page .v2-profile-head{padding:18px 16px}
  .v2-profile-page .v2-profile-rating{width:100%}
}

/* Rank progress under the rating: ladder position, gap to the next place and the last change (backend values only). */
.v2-rank-progress{display:grid;gap:2px;margin-top:8px;text-align:inherit}
.v2-profile-page .v2-profile-rating .v2-rank-progress b{font:700 1.05rem/1.1 var(--v2-display);color:var(--v2-gold-hi)}
.v2-rank-progress span{font-size:.88rem;color:var(--v2-text-2)}
.v2-rank-delta{margin-top:6px;font-weight:800;font-size:.9rem}
.v2-rank-delta.is-up{color:var(--v2-ok)}.v2-rank-delta.is-down{color:var(--v2-danger-hi)}
