/* ===========================================================================
   Competitive profile — ported from design/player-profile.html.
   Dark hero, season trend chart, per-discipline ranks, earned badges,
   recent tournaments and the season points history.
   =========================================================================== */

.pp-hero{
  background:linear-gradient(135deg, var(--ink), #2E3133);
  color:#fff; border-radius:var(--r-lg); padding:24px; margin-bottom:16px;
  position:relative; overflow:hidden;
}
.pp-hero::before{
  content:""; position:absolute; left:-60px; top:-60px;
  width:220px; height:220px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,185,79,.16), transparent);
}
.pp-hero .top{ display:flex; gap:16px; align-items:flex-start; position:relative; }
.pp-hero .av{
  width:80px; height:80px; border-radius:50%; flex-shrink:0; overflow:hidden;
  background:linear-gradient(135deg, #1FB87A, #15945F);
  display:grid; place-items:center; position:relative;
  font-size:30px; font-weight:800; color:#fff;
  border:3px solid rgba(255,255,255,.16);
}
.pp-hero .av .crown{
  position:absolute; top:-10px; inset-inline-end:-6px;
  font-size:20px; filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));
}
.pp-hero .body{ flex:1; min-width:0; padding-top:6px; }
.pp-hero h1{ font-size:22px; font-weight:800; margin:0 0 8px; letter-spacing:-.02em; }
.pp-hero .badges{ display:flex; gap:6px; flex-wrap:wrap; }
.pp-hero .b{
  display:inline-flex; align-items:center; gap:5px;
  font-size:11px; font-weight:700; padding:5px 11px;
  border-radius:var(--r-pill); background:rgba(255,255,255,.1);
}
.pp-hero .b svg{ width:12px; height:12px; }
.pp-hero .b.champion{ background:linear-gradient(135deg, rgba(255,208,137,.25), rgba(245,166,35,.18)); color:#FFD089; }
.pp-hero .b.top10{ background:rgba(75,141,239,.2); color:#9CC2F5; }
.pp-hero .b.rising{ background:rgba(232,76,122,.2); color:#F5A7C0; }

.pp-quick{
  display:grid; grid-template-columns:repeat(4,1fr); gap:12px;
  margin-top:18px; position:relative;
  padding-top:18px; border-top:1px solid rgba(255,255,255,.1);
}
@media (max-width:520px){ .pp-quick{ grid-template-columns:repeat(2,1fr); gap:18px 12px; } }
.pp-quick .q{ text-align:center; }
.pp-quick .v{ font-size:18px; font-weight:800; }
.pp-quick .v.gold{ color:#FFD089; }
.pp-quick .k{ font-size:10px; opacity:.7; margin-top:1px; }

.pp-section-h{
  display:flex; align-items:center; justify-content:space-between;
  margin:22px 0 10px;
}
.pp-section-h h2{ font-size:15px; font-weight:800; margin:0; }
.pp-section-h .more{ font-size:12px; color:var(--accent-deep); font-weight:600; }

/* نمودار روند امتیاز فصل */
.pp-chart{ width:100%; height:110px; }
.pp-chart svg{ width:100%; height:100%; display:block; overflow:visible; }

/* کارت رشته */
.pp-disc-card{
  display:flex; align-items:center; gap:12px;
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r-md); padding:14px;
  margin-bottom:8px; text-decoration:none; color:inherit;
  transition:border-color .15s;
}
.pp-disc-card:hover{ border-color:var(--line-strong); }
.pp-disc-card .ic{
  width:44px; height:44px; border-radius:12px; flex-shrink:0;
  background:var(--accent-soft); color:var(--accent-deep);
  display:grid; place-items:center; font-size:18px; font-weight:800;
}
.pp-disc-card .body{ flex:1; min-width:0; }
.pp-disc-card .nm{ font-size:14px; font-weight:700; }
.pp-disc-card .sub{ font-size:11px; color:var(--muted); margin-top:2px; display:flex; gap:10px; flex-wrap:wrap; }
.pp-disc-card .sub span{ font-variant-numeric:tabular-nums; }
.pp-disc-card .rnk{ text-align:left; flex-shrink:0; padding-inline-start:8px; }
.pp-disc-card .rnk .v{ font-size:16px; font-weight:800; color:var(--accent-deep); }
.pp-disc-card .rnk .k{ font-size:10px; color:var(--muted); }

/* بج‌های کسب‌شده */
.pp-badges{ display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
@media (min-width:640px){ .pp-badges{ grid-template-columns:repeat(3,1fr); } }
.pp-badge-card{
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r-md); padding:14px; text-align:center;
}
.pp-badge-card .ic{
  width:44px; height:44px; border-radius:50%; margin:0 auto 8px;
  display:grid; place-items:center; color:#fff;
}
.pp-badge-card .ic svg{ width:22px; height:22px; }
.pp-badge-card.champion .ic{ background:linear-gradient(135deg, #FFD089, #F5A623); }
.pp-badge-card.top10 .ic{ background:linear-gradient(135deg, #4B8DEF, #2C6CD0); }
.pp-badge-card.rising .ic{ background:linear-gradient(135deg, #E84C7A, #C13463); }
.pp-badge-card .nm{ font-size:12px; font-weight:700; margin-bottom:2px; }
.pp-badge-card .sub{ font-size:10px; color:var(--muted); line-height:1.4; }

/* تاریخچه / تورنمنت‌های اخیر */
.pp-hist{
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--r-lg); padding:6px 16px;
}
.pp-row{ display:flex; align-items:center; gap:12px; padding:12px 0; font-size:12px; }
.pp-row+.pp-row{ border-top:1px solid var(--line); }
.pp-row .body{ flex:1; min-width:0; }
.pp-row .t{ font-weight:700; font-size:13px; }
.pp-row .s{ color:var(--muted); font-size:11px; margin-top:1px; }
.pp-pts{ font-weight:800; white-space:nowrap; font-variant-numeric:tabular-nums; }
.pp-pts.pos{ color:var(--accent-deep); }
.pp-pts.neg{ color:var(--rose); }