/* ================================
   PRIME TIME RUST - STATS PAGE
   Cinematic player-card leaderboard
================================ */

.stats-page {
  position: relative;
}

/* Keep hero controlled by main website CSS */

.stats-hero {
  margin-top: 0;
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.97) 0%,
      rgba(0,0,0,.82) 34%,
      rgba(0,0,0,.38) 62%,
      rgba(0,0,0,.78) 100%
    ),
    url('/assets/img/stats-hero-bg.webp');

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.stats-hero .hero-inner {
  width: 100%;
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 560px);
  align-items: end;
  gap: 36px;
}

.stats-hero .hero-kicker {
  color: rgba(244,247,239,.88);
  text-transform: uppercase;
  letter-spacing: 7px;
  font-size: 13px;
  font-weight: 1000;
  margin: 0 0 22px;
  text-shadow: 0 0 12px rgba(0,0,0,.9);
}

.stats-hero .hero-copy {
  margin: 25px 0 0;
  max-width: 620px;
  color: rgba(244,247,239,.90);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
}

/* ================================
   HERO SUMMARY STATS
================================ */

.stats-hero-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  align-self: end;
}

.stats-hero-stat {
  min-height: 104px;
  padding: 18px 12px;
  border: 1px solid rgba(140,255,0,.30);
  background:
    linear-gradient(180deg, rgba(4,10,4,.74), rgba(0,0,0,.72));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow:
    inset 0 0 26px rgba(0,0,0,.58),
    0 0 18px rgba(140,255,0,.055);
}

.stats-hero-stat b {
  display: block;
  color: #ffffff;
  font-size: 30px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: 1px;
  text-shadow: 0 0 16px rgba(0,0,0,.8);
}

.stats-hero-stat span {
  display: block;
  margin-top: 10px;
  color: rgba(244,247,239,.62);
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}

.stats-hero-stat:hover {
  border-color: rgba(140,255,0,.62);
  box-shadow:
    inset 0 0 26px rgba(0,0,0,.58),
    0 0 22px rgba(140,255,0,.10);
}

.stats-hero-icon {
  width: 38px;
  height: 38px;
  object-fit: contain;
  display: block;
  margin: 0 0 12px;
  filter: drop-shadow(0 0 10px rgba(140,255,0,.28));
}

.stats-hero-stat:nth-child(4) .stats-hero-icon {
  filter: drop-shadow(0 0 10px rgba(255,63,53,.34));
}

/* ================================
   STATS SECTION
================================ */

.stats-section {
  width: 100%;
  margin: 14px 0 0;
}

.stats-panel {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 22px;
  border: 1px solid var(--line-strong);
  border-radius: 0;
  background:
    linear-gradient(180deg, rgba(3,7,3,.94), rgba(0,0,0,.96));
  box-shadow:
    inset 0 0 50px rgba(0,0,0,.72),
    inset 0 1px 0 rgba(255,255,255,.04);
}

/* Website-style HUD corners */

.stats-panel::before {
  content: "";
  position: absolute;
  inset: 14px;
  pointer-events: none;
  z-index: 5;
  opacity: .85;
  background:
    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) left top / 44px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) left top / 1px 44px no-repeat,

    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) right top / 44px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) right top / 1px 44px no-repeat,

    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) left bottom / 44px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) left bottom / 1px 44px no-repeat,

    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) right bottom / 44px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) right bottom / 1px 44px no-repeat;
}

/* No green haze, only very subtle HUD lines */

.stats-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 80px);
}

/* ================================
   PANEL HEADER
================================ */

.stats-panel-header {
  position: relative;
  z-index: 6;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.stats-panel-header h2 {
  margin: 0;
  color: var(--text);
  font-family: 'Rajdhani', Arial, Helvetica, sans-serif;
  font-size: 34px;
  line-height: .95;
  font-weight: 1000;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.stats-count {
  min-width: 128px;
  height: 46px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line-strong);
  background:
    linear-gradient(90deg, rgba(140,255,0,.04), rgba(140,255,0,.12), rgba(140,255,0,.04));
  color: var(--green);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  box-shadow:
    inset 0 0 20px rgba(140,255,0,.04),
    0 0 18px rgba(140,255,0,.08);
}

/* ================================
   PLAYER CARD GRID
================================ */

.stats-card-grid {
  position: relative;
  z-index: 6;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 245px));
  justify-content: start;
  gap: 14px;
  width: 100%;
}

.stats-player-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(140,255,0,.22);
  background:
    linear-gradient(180deg, rgba(9,15,9,.98), rgba(0,0,0,.98));
  color: var(--text);
  text-decoration: none;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.stats-player-card:hover {
  transform: translateY(-5px);
  border-color: rgba(140,255,0,.82);
  box-shadow:
    0 0 28px rgba(140,255,0,.18),
    inset 0 0 28px rgba(140,255,0,.035);
}

/* Rank badge */

.stats-rank-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 7;
  padding: 0;
  border: 0;
  background: transparent;
  color: #ffffff;
  font-size: 20px;
  font-weight: 1000;
  line-height: 1;
  letter-spacing: 1px;
  text-shadow:
    0 2px 8px rgba(0,0,0,.95),
    0 0 14px rgba(0,0,0,.9);
}

/* Top image/avatar zone */

.stats-card-image {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #050805;
}

.stats-card-image img,
.stats-avatar-fallback {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  object-fit: cover;
  object-position: center;
  background: #111;
  display: block;
  filter: none !important;
  opacity: 1 !important;
}

.stats-card-name-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;

  min-height: 50px;
  padding: 0 12px;

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

  background:
    linear-gradient(90deg, rgba(0,0,0,.99), rgba(0,0,0,.96), rgba(0,0,0,.99));

  border-top: 1px solid rgba(140,255,0,.24);
  box-shadow:
    0 -28px 42px rgba(0,0,0,.92),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.stats-card-name-overlay::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -58px;
  height: 58px;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.98));
}

.stats-card-name-overlay h3 {
  position: relative;
  z-index: 2;
  margin: 0;
  max-width: 100%;

  color: #ffffff;
  font-family: 'Rajdhani', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: 1.1px;
  text-transform: uppercase;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  text-shadow:
    0 2px 10px rgba(0,0,0,.95),
    0 0 10px rgba(140,255,0,.18);
}

.stats-player-card:hover .stats-card-name-overlay {
  border-top-color: rgba(140,255,0,.72);
  box-shadow:
    0 -28px 42px rgba(0,0,0,.92),
    0 0 24px rgba(140,255,0,.22),
    inset 0 1px 0 rgba(140,255,0,.18);
}

.stats-player-card:hover .stats-card-name-overlay h3 {
  color: var(--green);
  text-shadow:
    0 2px 10px rgba(0,0,0,.95),
    0 0 14px rgba(140,255,0,.42);
}

.stats-avatar-fallback {
  display: grid;
  place-items: center;
  color: var(--green);
  font-size: 72px;
  font-weight: 1000;
  background:
    linear-gradient(180deg, rgba(8,18,5,.96), rgba(0,0,0,.98));
}

/* Body */

.stats-card-body {
  position: relative;
  z-index: 3;
  padding: 12px 10px 10px;
  text-align: center;
}

/* Metrics - mockup style icon strip, no ugly boxes */

.stats-card-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.stats-card-metrics div {
  min-height: auto;
  padding: 0 6px;
  border: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
  position: relative;
}

.stats-card-metrics div + div {
  border-left: 1px solid rgba(140,255,0,.12);
}

.stats-card-metrics b {
  display: block;
  color: var(--green);
  font-size: 17px;
  line-height: 1;
  font-weight: 1000;
}

.stats-card-metrics small {
  display: block;
  margin-top: 6px;
  color: rgba(244,247,239,.56);
  font-size: 9px;
  font-weight: 1000;
  letter-spacing: .9px;
  text-transform: uppercase;
}

.stats-card-metric-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
  margin: 0 auto 7px;
  filter: drop-shadow(0 0 8px rgba(140,255,0,.25));
}

.stats-card-metric-icon-deaths {
  filter: drop-shadow(0 0 8px rgba(255,63,53,.30));
}

/* ================================
   EMPTY STATE
================================ */

.stats-empty {
  grid-column: 1 / -1;
  min-height: 110px;
  padding: 28px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed rgba(140,255,0,.32);
  background: rgba(0,0,0,.46);
  color: rgba(244,247,239,.70);
  text-align: center;
  font-size: 15px;
  font-weight: 800;
}

/* ================================
   WIPE LEADERBOARD
   Fixed desktop board + mobile card layout
================================ */

.stats-leaderboard-shell {
  position: relative;
  z-index: 6;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  align-items: stretch;
  gap: 18px;
}

.stats-leaderboard-main,
.stats-leaderboard-side {
  min-width: 0;
}

.stats-leaderboard-main {
  display: flex;
  flex-direction: column;
}

.stats-leaderboard-header {
  margin-bottom: 16px;
}

.stats-panel-kicker {
  margin: 0 0 6px;
  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.stats-leaderboard-header span {
  display: block;
  margin-top: 8px;
  color: rgba(244,247,239,.62);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.stats-leaderboard-table {
  position: relative;
  overflow: hidden;

  /*
    Fixed 10-player desktop board height:
    header row = 52px
    rank #1 row = 82px
    rows #2-#10 = 9 x 72px
    total = 782px
  */
  height: 782px;
  min-height: 782px;

  border: 1px solid rgba(140,255,0,.20);
  background:
    linear-gradient(180deg, rgba(5,10,5,.88), rgba(0,0,0,.90));
  box-shadow:
    inset 0 0 34px rgba(0,0,0,.80),
    0 0 22px rgba(140,255,0,.04);
}

.stats-leaderboard-table::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(circle at 8% 0%, rgba(140,255,0,.10), transparent 32%),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.014) 0 1px,
      transparent 1px 88px
    );
  opacity: .46;
}

.stats-leaderboard-row {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 100px minmax(260px, 1fr) 130px 130px 140px;
  align-items: center;
  min-height: 72px;
  color: var(--text);
  text-decoration: none;
}

.stats-leaderboard-head {
  min-height: 52px;
  border-bottom: 1px solid rgba(140,255,0,.26);
  background:
    linear-gradient(90deg, rgba(0,0,0,.92), rgba(8,20,4,.58), rgba(0,0,0,.92));
}

.stats-leaderboard-head div {
  color: rgba(244,247,239,.82);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.stats-leaderboard-head div:first-child {
  padding-left: 24px;
}

.stats-leaderboard-head div:nth-child(3),
.stats-leaderboard-head div:nth-child(5) {
  color: var(--green);
}

.stats-leaderboard-head div:nth-child(4) {
  color: #ff3f35;
}

.stats-leaderboard-player {
  border-bottom: 1px solid rgba(140,255,0,.10);
  background:
    linear-gradient(90deg, rgba(0,0,0,.72), rgba(6,16,4,.42), rgba(0,0,0,.72));
  box-shadow:
    inset 0 0 18px rgba(0,0,0,.58);
  transition:
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}

.stats-leaderboard-player:hover {
  transform: none;
  border-color: rgba(140,255,0,.40);
  background:
    linear-gradient(90deg, rgba(11,30,5,.68), rgba(0,0,0,.74), rgba(7,20,4,.52));
  box-shadow:
    inset 0 0 24px rgba(140,255,0,.05),
    0 0 16px rgba(140,255,0,.08);
}

.stats-leaderboard-rank {
  padding-left: 16px;
}

.stats-leaderboard-rank b,
.stats-leaderboard-rank span {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(244,247,239,.14);
  background:
    linear-gradient(180deg, rgba(0,0,0,.78), rgba(6,14,4,.68));
  color: #ffffff;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 22px;
  font-weight: 1000;
  line-height: 1;
}

.stats-leaderboard-rank span {
  border-color: rgba(255,211,84,.62);
  color: #ffd354;
  background:
    radial-gradient(circle, rgba(255,211,84,.18), rgba(0,0,0,.72));
  box-shadow:
    0 0 18px rgba(255,211,84,.12),
    inset 0 0 14px rgba(255,211,84,.08);
}

.stats-leaderboard-user {
  min-width: 0;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}

.stats-leaderboard-avatar {
  width: 56px;
  height: 56px;
  overflow: hidden;
  border: 1px solid rgba(140,255,0,.34);
  background: #050805;
  box-shadow:
    inset 0 0 18px rgba(0,0,0,.75),
    0 0 14px rgba(140,255,0,.08);
}

.stats-leaderboard-avatar img,
.stats-leaderboard-avatar .stats-avatar-fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  font-size: 26px;
}

.stats-leaderboard-name {
  min-width: 0;
}

.stats-leaderboard-name strong {
  display: block;
  color: #f4f7ef;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 22px;
  font-weight: 1000;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow:
    0 2px 10px rgba(0,0,0,.9),
    0 0 12px rgba(140,255,0,.08);
}

.stats-leaderboard-kills,
.stats-leaderboard-deaths,
.stats-leaderboard-kd {
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 25px;
  font-weight: 1000;
  line-height: 1;
}

.stats-leaderboard-kills,
.stats-leaderboard-kd {
  color: var(--green);
  text-shadow: 0 0 14px rgba(140,255,0,.16);
}

.stats-leaderboard-deaths {
  color: #ff3f35;
  text-shadow: 0 0 14px rgba(255,63,53,.14);
}

.stats-leaderboard-player.is-rank-1 {
  min-height: 82px;
  border-top: 1px solid rgba(255,211,84,.46);
  border-bottom: 1px solid rgba(255,211,84,.40);
  background:
    linear-gradient(90deg, rgba(255,211,84,.16), rgba(0,0,0,.74), rgba(140,255,0,.035));
  box-shadow:
    inset 3px 0 0 rgba(255,211,84,.72),
    inset 0 0 24px rgba(255,211,84,.065);
}

.stats-leaderboard-player.is-rank-1:hover {
  background:
    linear-gradient(90deg, rgba(255,211,84,.20), rgba(0,0,0,.76), rgba(140,255,0,.05));
}

.stats-leaderboard-player.is-rank-1 .stats-leaderboard-name strong {
  color: #ffffff;
  font-size: 25px;
}

.stats-leaderboard-player.is-rank-2 .stats-leaderboard-rank span {
  border-color: rgba(220,230,235,.58);
  color: #e6eef2;
  box-shadow:
    0 0 18px rgba(220,230,235,.10),
    inset 0 0 14px rgba(220,230,235,.07);
}

.stats-leaderboard-player.is-rank-3 .stats-leaderboard-rank span {
  border-color: rgba(205,126,43,.62);
  color: #cd7e2b;
  box-shadow:
    0 0 18px rgba(205,126,43,.12),
    inset 0 0 14px rgba(205,126,43,.08);
}

/* ================================
   LEADERBOARD SIDE FEATURE RAIL
================================ */

.stats-leaderboard-side {
  height: 100%;
  align-self: stretch;
  display: grid;
  grid-template-rows: minmax(0, 1fr) 260px minmax(0, 1fr);
  gap: 14px;
}

/* Base card */

.stats-side-card {
  position: relative;
  overflow: hidden;
  padding: 22px;
  border: 1px solid rgba(140,255,0,.26);
  background:
    radial-gradient(circle at 50% 22%, rgba(140,255,0,.11), transparent 42%),
    linear-gradient(180deg, rgba(9,14,9,.96), rgba(0,0,0,.96));
  box-shadow:
    inset 0 0 34px rgba(0,0,0,.84),
    0 0 18px rgba(140,255,0,.045);
  text-align: center;
}

.stats-side-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(140,255,0,.07), transparent 38%, rgba(140,255,0,.035)),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.015) 0 1px,
      transparent 1px 58px
    );
  opacity: .78;
}

.stats-side-card::after {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 2;
  pointer-events: none;
  border: 1px solid rgba(140,255,0,.12);
}

.stats-side-card > * {
  position: relative;
  z-index: 3;
}

.stats-side-card span {
  display: block;
  margin: 0;
  color: rgba(244,247,239,.82);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 14px;
  font-weight: 1000;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: center;
}

.stats-side-card strong {
  display: block;
  max-width: 280px;
  margin: 0 auto;
  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 24px;
  font-weight: 1000;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
}

.stats-side-card p {
  max-width: 280px;
  margin: 12px auto 0;
  color: rgba(244,247,239,.68);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

.stats-side-overview,
.stats-side-updates {
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

/* ================================
   SIDE CARD IMAGE / ART AREAS
================================ */

.stats-side-big-art,
.stats-side-big-art.is-updates {
  flex: 0 0 auto;
  width: 100%;
  height: 150px;
  margin: 18px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(140,255,0,.16);
  background:
    radial-gradient(circle at center, rgba(140,255,0,.14), transparent 58%),
    rgba(0,0,0,.42);
  box-shadow:
    inset 0 0 24px rgba(0,0,0,.72),
    0 0 16px rgba(140,255,0,.06);
}

.stats-side-big-art img,
.stats-side-big-art.is-updates img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center;
  display: block;
  filter:
    contrast(1.06)
    brightness(1.08)
    drop-shadow(0 12px 16px rgba(0,0,0,.72));
}

.stats-side-overview span,
.stats-side-updates span {
  margin-bottom: 0;
}

.stats-side-overview strong,
.stats-side-updates strong {
  margin-top: 0;
  font-size: 22px;
}

.stats-side-overview p,
.stats-side-updates p {
  margin-top: 8px;
}

/* ================================
   MIDDLE WEAPON CARD
================================ */

.stats-side-weapon {
  min-height: 260px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.stats-side-weapon span {
  margin-bottom: 10px;
}

.stats-side-weapon-image {
  width: 100%;
  height: 115px;
  margin: 4px 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.stats-side-weapon-image img {
  width: 220px;
  height: 105px;
  max-width: 100%;
  max-height: 105px;
  object-fit: contain;
  object-position: center;
  display: block;
  filter:
    drop-shadow(0 16px 18px rgba(0,0,0,.78))
    drop-shadow(0 0 16px rgba(140,255,0,.22));
}

.stats-side-weapon strong {
  font-size: 22px;
  line-height: 1;
}

.stats-side-weapon p {
  margin-top: 9px;
  line-height: 1.1;
}

.stats-side-weapon p b {
  display: block;
  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 30px;
  font-weight: 1000;
  line-height: 1;
}

/* Empty state only - this is for NO WEAPON DATA YET */

.stats-side-empty {
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
}

.stats-side-empty-art {
  width: 100%;
  height: 150px;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(140,255,0,.16);
  background:
    radial-gradient(circle at center, rgba(140,255,0,.14), transparent 58%),
    rgba(0,0,0,.42);
  box-shadow:
    inset 0 0 24px rgba(0,0,0,.72),
    0 0 16px rgba(140,255,0,.06);
}

.stats-side-empty-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  filter:
    contrast(1.06)
    brightness(1.08)
    drop-shadow(0 12px 16px rgba(0,0,0,.72));
}

.stats-side-empty strong {
  display: block;
  margin: 0;
  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 18px;
  font-weight: 1000;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.stats-side-empty p {
  max-width: 220px;
  margin: 0;
  color: rgba(244,247,239,.62);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

/* ================================
   LEADERBOARD RESPONSIVE
================================ */

@media (max-width: 1280px) {
  .stats-leaderboard-shell {
    grid-template-columns: 1fr;
  }

  .stats-leaderboard-side {
    height: auto;
    grid-template-rows: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .stats-side-overview,
  .stats-side-updates {
    min-height: 280px;
  }
}

@media (max-width: 980px) {
  .stats-leaderboard-table {
    height: auto;
    min-height: 0;
    overflow: visible !important;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .stats-leaderboard-table::before,
  .stats-leaderboard-head {
    display: none;
  }

  .stats-leaderboard-row {
    min-width: 0 !important;
  }

  .stats-leaderboard-player {
    width: 100%;
    min-height: 0;
    margin: 0 0 10px;
    padding: 12px;
    display: grid;
    grid-template-columns: 54px repeat(3, minmax(0, 1fr));
    grid-template-areas:
      "rank user user user"
      "kills deaths kd kd";
    gap: 10px;
    border: 1px solid rgba(140,255,0,.18);
    background:
      linear-gradient(180deg, rgba(5,11,5,.94), rgba(0,0,0,.95));
    box-shadow:
      inset 0 0 24px rgba(0,0,0,.78),
      0 0 12px rgba(140,255,0,.035);
  }

  .stats-leaderboard-player:hover {
    transform: none;
    border-color: rgba(140,255,0,.34);
    background:
      linear-gradient(180deg, rgba(7,17,5,.96), rgba(0,0,0,.96));
    box-shadow:
      inset 0 0 24px rgba(0,0,0,.78),
      0 0 14px rgba(140,255,0,.08);
  }

  .stats-leaderboard-player.is-rank-1 {
    min-height: 0;
    border-top: 1px solid rgba(255,211,84,.40);
    border-bottom: 1px solid rgba(255,211,84,.30);
    box-shadow:
      inset 3px 0 0 rgba(255,211,84,.72),
      inset 0 0 24px rgba(255,211,84,.055);
  }

  .stats-leaderboard-rank {
    grid-area: rank;
    padding-left: 0;
    align-self: center;
  }

  .stats-leaderboard-rank b,
  .stats-leaderboard-rank span {
    width: 44px;
    height: 44px;
    font-size: 22px;
  }

  .stats-leaderboard-user {
    grid-area: user;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px;
  }

  .stats-leaderboard-avatar {
    width: 52px;
    height: 52px;
  }

  .stats-leaderboard-name strong,
  .stats-leaderboard-player.is-rank-1 .stats-leaderboard-name strong {
    font-size: 21px;
    line-height: 1;
  }

  .stats-leaderboard-kills,
  .stats-leaderboard-deaths,
  .stats-leaderboard-kd {
    min-height: 48px;
    padding: 7px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(140,255,0,.12);
    background: rgba(0,0,0,.42);
    font-size: 22px;
    text-align: center;
  }

  .stats-leaderboard-kills {
    grid-area: kills;
  }

  .stats-leaderboard-deaths {
    grid-area: deaths;
  }

  .stats-leaderboard-kd {
    grid-area: kd;
  }

  .stats-leaderboard-kills::before,
  .stats-leaderboard-deaths::before,
  .stats-leaderboard-kd::before {
    display: block;
    margin-bottom: 5px;
    color: rgba(244,247,239,.58);
    font-family: 'Rajdhani', Arial, sans-serif;
    font-size: 9px;
    font-weight: 1000;
    letter-spacing: .10em;
    text-transform: uppercase;
  }

  .stats-leaderboard-kills::before {
    content: "Kills";
  }

  .stats-leaderboard-deaths::before {
    content: "Deaths";
  }

  .stats-leaderboard-kd::before {
    content: "K/D";
  }

  .stats-leaderboard-header {
    gap: 12px;
  }

  .stats-leaderboard-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .stats-view-toggle,
  .stats-count {
    flex: 1 1 auto;
    min-width: 0;
  }
}

@media (max-width: 720px) {
  .stats-leaderboard-side {
    grid-template-columns: 1fr;
  }

  .stats-leaderboard-header {
    align-items: flex-start;
  }

  .stats-leaderboard-header h2 {
    font-size: 29px;
  }
}

@media (max-width: 560px) {
  .stats-leaderboard-player {
    grid-template-columns: 48px repeat(3, minmax(0, 1fr));
    padding: 10px;
    gap: 8px;
  }

  .stats-leaderboard-rank b,
  .stats-leaderboard-rank span {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .stats-leaderboard-user {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 10px;
  }

  .stats-leaderboard-avatar {
    width: 46px;
    height: 46px;
  }

  .stats-leaderboard-name strong,
  .stats-leaderboard-player.is-rank-1 .stats-leaderboard-name strong {
    font-size: 18px;
  }

  .stats-leaderboard-kills,
  .stats-leaderboard-deaths,
  .stats-leaderboard-kd {
    min-height: 44px;
    font-size: 20px;
  }

  .stats-leaderboard-pager {
    flex-wrap: wrap;
  }

  .stats-page-btn {
    min-width: 100px;
  }

  .stats-page-status {
    order: -1;
    width: 100%;
  }
}

/* ================================
   LEADERBOARD PAGINATION
================================ */

.stats-leaderboard-pager {
  position: relative;
  z-index: 6;
  margin-top: 14px;
  min-height: 62px;
  padding: 10px 14px;
  border: 1px solid rgba(140,255,0,.18);
  background:
    linear-gradient(90deg, rgba(0,0,0,.76), rgba(10,22,5,.54), rgba(0,0,0,.76));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  box-shadow:
    inset 0 0 24px rgba(0,0,0,.74),
    0 0 18px rgba(140,255,0,.045);
}

.stats-page-btn {
  min-width: 118px;
  height: 42px;
  padding: 0 18px;
  border: 1px solid rgba(140,255,0,.34);
  background:
    linear-gradient(180deg, rgba(140,255,0,.11), rgba(0,0,0,.72));
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 14px;
  font-weight: 1000;
  letter-spacing: .09em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  box-shadow:
    inset 0 0 18px rgba(140,255,0,.045),
    0 0 14px rgba(140,255,0,.08);
  transition:
    transform .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.stats-page-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(140,255,0,.82);
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(140,255,0,.18), rgba(0,0,0,.78));
  box-shadow:
    inset 0 0 20px rgba(140,255,0,.07),
    0 0 22px rgba(140,255,0,.18);
}

.stats-page-btn.is-disabled {
  opacity: .34;
  cursor: not-allowed;
  filter: grayscale(1);
}

.stats-page-status {
  min-width: 130px;
  height: 42px;
  padding: 0 18px;
  border: 1px solid rgba(244,247,239,.10);
  background: rgba(0,0,0,.46);
  color: rgba(244,247,239,.64);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 13px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.stats-page-status b {
  color: #ffffff;
  font-size: 17px;
}


/* ================================
   STATS VIEW TOGGLE
================================ */

.stats-leaderboard-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.stats-view-toggle {
  height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(140,255,0,.22);
  background:
    linear-gradient(180deg, rgba(0,0,0,.72), rgba(0,0,0,.92));
  color: rgba(244,247,239,.62);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .09em;
  text-transform: uppercase;
  text-decoration: none;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  transition:
    border-color .18s ease,
    color .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.stats-view-toggle:hover {
  transform: translateY(-1px);
  border-color: rgba(140,255,0,.58);
  color: #ffffff;
  box-shadow: 0 0 16px rgba(140,255,0,.12);
}

.stats-view-toggle.is-active {
  border-color: rgba(140,255,0,.72);
  background:
    linear-gradient(180deg, rgba(140,255,0,.16), rgba(0,0,0,.86));
  color: var(--green);
  box-shadow:
    inset 0 0 18px rgba(140,255,0,.06),
    0 0 18px rgba(140,255,0,.12);
}

/* ================================
   PLAYER STATS VIEW BADGE
================================ */

.stats-player-view-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 8px 0 10px;
  padding: 7px 12px;
  border: 1px solid rgba(140,255,0,.42);
  background:
    linear-gradient(180deg, rgba(140,255,0,.13), rgba(0,0,0,.84));
  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
  box-shadow:
    inset 0 0 16px rgba(140,255,0,.06),
    0 0 16px rgba(140,255,0,.08);
}

.stats-player-view-badge.is-overall {
  border-color: rgba(255, 204, 75, .55);
  background:
    linear-gradient(180deg, rgba(255, 204, 75, .16), rgba(0,0,0,.86));
  color: #ffcc4b;
  box-shadow:
    inset 0 0 16px rgba(255,204,75,.06),
    0 0 16px rgba(255,204,75,.08);
}

/* ================================
   RESPONSIVE
================================ */

@media (max-width: 1100px) {
  .stats-hero .hero-inner {
    grid-template-columns: 1fr;
  }

  .stats-hero-summary {
    max-width: 680px;
  }

  .stats-card-grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  }
}

@media (max-width: 900px) {
  .stats-panel-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .stats-count {
    width: 100%;
  }
}

@media (max-width: 620px) {
  .stats-panel {
    padding: 18px;
  }

  .stats-panel::before {
    inset: 10px;
    background:
      linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) left top / 32px 1px no-repeat,
      linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) left top / 1px 32px no-repeat,

      linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) right top / 32px 1px no-repeat,
      linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) right top / 1px 32px no-repeat,

      linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) left bottom / 32px 1px no-repeat,
      linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) left bottom / 1px 32px no-repeat,

      linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) right bottom / 32px 1px no-repeat,
      linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) right bottom / 1px 32px no-repeat;
  }

  .stats-card-grid {
    grid-template-columns: 1fr;
  }

  .stats-player-card {
    min-height: auto;
  }

  .stats-panel-header h2 {
    font-size: 28px;
  }

  .stats-hero .hero-copy {
    font-size: 14px;
  }

  .stats-hero-summary {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .stats-hero-stat {
    min-height: 88px;
    padding: 14px 10px;
  }

  .stats-hero-stat b {
    font-size: 24px;
  }

  .stats-hero-stat span {
    font-size: 9px;
  }

  .stats-hero-icon {
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
  }
}

/* =========================================================================================================================
   PLAYER DETAIL STATS PAGE
================================ */

.stats-player-hero {
  margin-top: 0;
  padding-bottom: 34px;
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.97) 0%,
      rgba(0,0,0,.82) 34%,
      rgba(0,0,0,.38) 62%,
      rgba(0,0,0,.78) 100%
    ),
    url('/assets/img/stats-hero-bg.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.stats-player-hero .hero-inner {
  width: 100%;
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(430px, 560px);
  align-items: end;
  gap: 36px;
}

.stats-player-hero-main {
  max-width: 760px;
  min-width: 0;
}

.stats-player-hero-avatar {
  width: 118px;
  height: 118px;
  object-fit: cover;
  display: block;
  margin: 0 0 22px;
  border: 1px solid rgba(140,255,0,.48);
  background: #050805;
  box-shadow:
    0 0 28px rgba(140,255,0,.14),
    inset 0 0 24px rgba(0,0,0,.65);
}

.stats-player-hero-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 48px;
  font-weight: 900;
  color: var(--green);
}

/* ================================
   PLAYER DETAIL DASHBOARD
================================ */

.stats-player-dashboard {
  width: min(100%, 1520px);
  margin: 14px auto 0;
}

/* Hide old standalone Combat Snapshot if the PHP block still exists */
.stats-player-dashboard > .stats-player-summary-row {
  display: none !important;
}

/* ================================
   PLAYER HERO COMBAT SNAPSHOT
   Right-side hero stat boxes
================================ */

.stats-player-hero-combat {
  width: 100%;
  margin: 0 0 8px;
  position: relative;
  overflow: hidden;
  padding: 14px;
  align-self: end;
  border: 1px solid rgba(140,255,0,.34);
  background:
    linear-gradient(90deg, rgba(0,0,0,.86), rgba(8,24,4,.42), rgba(0,0,0,.70));
  box-shadow:
    inset 0 0 26px rgba(0,0,0,.74),
    0 0 20px rgba(140,255,0,.08);
}

.stats-player-hero-combat::before {
  content: "";
  position: absolute;
  inset: 8px;
  pointer-events: none;
  z-index: 3;
  background:
    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) left top / 32px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) left top / 1px 32px no-repeat,

    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) right top / 32px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) right top / 1px 32px no-repeat,

    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) left bottom / 32px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) left bottom / 1px 32px no-repeat,

    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) right bottom / 32px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) right bottom / 1px 32px no-repeat;
}

.stats-player-hero-combat::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 30%, rgba(140,255,0,.10), transparent 34%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.014) 0 1px, transparent 1px 64px);
  opacity: .72;
}

.stats-player-hero-combat-title {
  position: relative;
  z-index: 4;
  margin-bottom: 10px;
  color: var(--green, #8cff00);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 11px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .18em;
  text-transform: uppercase;
  text-shadow: 0 0 12px rgba(140,255,0,.24);
}

.stats-player-hero-combat-grid {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.stats-player-hero-combat-card {
  min-height: 86px;
  padding: 10px 6px;
  border: 1px solid rgba(140,255,0,.18);
  background:
    linear-gradient(180deg, rgba(140,255,0,.075), rgba(0,0,0,.66));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: inset 0 0 16px rgba(0,0,0,.66);
}

.stats-player-hero-combat-card img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
  margin-bottom: 7px;
  filter:
    drop-shadow(0 0 8px rgba(140,255,0,.22))
    drop-shadow(0 5px 7px rgba(0,0,0,.68));
}

.stats-player-hero-combat-card b {
  display: block;
  color: var(--green, #8cff00);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 23px;
  line-height: .9;
  font-weight: 1000;
  text-shadow:
    0 0 14px rgba(140,255,0,.20),
    0 2px 8px rgba(0,0,0,.86);
}

.stats-player-hero-combat-card span {
  display: block;
  margin-top: 7px;
  color: rgba(244,247,239,.62);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 8px;
  line-height: 1.05;
  font-weight: 1000;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.stats-player-hero-combat-card.is-deaths,
.stats-player-hero-combat-card.is-suicides {
  border-color: rgba(255,63,53,.26);
  background:
    linear-gradient(180deg, rgba(255,63,53,.10), rgba(0,0,0,.68));
}

.stats-player-hero-combat-card.is-deaths img,
.stats-player-hero-combat-card.is-suicides img {
  filter:
    drop-shadow(0 0 8px rgba(255,63,53,.24))
    drop-shadow(0 5px 7px rgba(0,0,0,.68));
}

.stats-player-hero-combat-card.is-deaths b,
.stats-player-hero-combat-card.is-suicides b {
  color: #ff3f35;
  text-shadow:
    0 0 14px rgba(255,63,53,.18),
    0 2px 8px rgba(0,0,0,.86);
}

.stats-player-hero-combat-card.is-kd {
  border-color: rgba(255,255,255,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(0,0,0,.68));
}

.stats-player-hero-combat-card.is-kd b {
  color: #ffffff;
}

.stats-player-hero-combat-card.is-time b {
  font-size: 19px;
  white-space: nowrap;
}

/* ================================
   PLAYER HERO COMBAT RESPONSIVE
================================ */

@media (max-width: 1100px) {
  .stats-player-hero .hero-inner {
    grid-template-columns: 1fr;
  }

  .stats-player-hero-combat {
    max-width: 760px;
    margin-top: 22px;
  }
}

@media (max-width: 620px) {
  .stats-player-hero-combat {
    padding: 12px;
  }

  .stats-player-hero-combat-grid {
    grid-template-columns: 1fr;
  }

  .stats-player-hero-combat-card {
    min-height: 68px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto;
    place-items: center start;
    text-align: left;
    column-gap: 10px;
  }

  .stats-player-hero-combat-card img {
    grid-row: 1 / 3;
    margin: 0;
  }

  .stats-player-hero-combat-card span {
    margin-top: 4px;
  }
}


/* ================================
   PLAYER DETAIL PANELS
================================ */

.stats-player-detail-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.stats-player-detail-card {
  --stats-panel-bg: none;

  position: relative;
  overflow: hidden;
  isolation: isolate;

  height: 440px;
  padding: 16px;

  border: 1px solid rgba(140,255,0,.26);

  background:
    linear-gradient(180deg, rgba(8,12,8,.96), rgba(0,0,0,.96)),
    radial-gradient(circle at 20% 12%, rgba(140,255,0,.10), transparent 34%);

  box-shadow:
    inset 0 0 34px rgba(0,0,0,.72);

  display: flex;
  flex-direction: column;
}

.stats-player-feature-card {
  background:
    linear-gradient(180deg, rgba(8,12,8,.94), rgba(0,0,0,.92)),
    radial-gradient(circle at 20% 18%, rgba(255,63,53,.11), transparent 36%);
}

.stats-player-detail-card::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 3;
  pointer-events: none;
  border: 1px solid rgba(140,255,0,.14);
  clip-path: polygon(
    0 0,
    34px 0,
    34px 1px,
    1px 1px,
    1px 34px,
    0 34px,
    0 0,

    100% 0,
    calc(100% - 34px) 0,
    calc(100% - 34px) 1px,
    calc(100% - 1px) 1px,
    calc(100% - 1px) 34px,
    100% 34px,

    100% 100%,
    calc(100% - 34px) 100%,
    calc(100% - 34px) calc(100% - 1px),
    calc(100% - 1px) calc(100% - 1px),
    calc(100% - 1px) calc(100% - 34px),
    100% calc(100% - 34px),

    0 100%,
    34px 100%,
    34px calc(100% - 1px),
    1px calc(100% - 1px),
    1px calc(100% - 34px),
    0 calc(100% - 34px)
  );
}

.stats-player-detail-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.04) 0%,
      rgba(0,0,0,.22) 48%,
      rgba(0,0,0,.68) 100%
    ),
    linear-gradient(
      90deg,
      rgba(0,0,0,.32) 0%,
      rgba(0,0,0,.05) 48%,
      rgba(0,0,0,.38) 100%
    ),
    var(--stats-panel-bg) center center / cover no-repeat;

  opacity: 1;
  filter: contrast(1.12) saturate(1.08) brightness(1.12);
  transform: none;
}

.stats-player-detail-card > * {
  position: relative;
  z-index: 2;
}

/* Panel background images */
.stats-player-detail-card.panel-top-weapons {
  --stats-panel-bg: url('/assets/img/stats-panels/stats-panel-top-weapons-bg.webp');
}

.stats-player-detail-card.panel-top-gathered {
  --stats-panel-bg: url('/assets/img/stats-panels/stats-panel-top-gathered-bg.webp');
}

.stats-player-detail-card.panel-top-pickups {
  --stats-panel-bg: url('/assets/img/stats-panels/stats-panel-top-pickups-bg.webp');
}

.stats-player-detail-card.panel-top-explosives {
  --stats-panel-bg: url('/assets/img/stats-panels/stats-panel-top-explosives-bg.webp');
}

.stats-player-detail-card.panel-animals-killed {
  --stats-panel-bg: url('/assets/img/stats-panels/stats-panel-animals-killed-bg.webp');
}

.stats-player-detail-card.panel-top-victim {
  --stats-panel-bg: url('/assets/img/stats-panels/stats-panel-top-victim-bg.webp');
}

.stats-player-detail-card.panel-nemesis {
  --stats-panel-bg: url('/assets/img/stats-panels/stats-panel-nemesis-bg.webp');
}

.stats-player-detail-card.panel-recent-pvp-kills {
  --stats-panel-bg: url('/assets/img/stats-panels/stats-panel-recent-pvp-kills-bg.webp');
}

.stats-player-detail-card.panel-top-explosives,
.stats-player-detail-card.panel-nemesis {
  border-color: rgba(255,63,53,.32);
}

.stats-player-detail-head {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  margin-bottom: 12px;
}

.stats-player-detail-head > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
}

.stats-player-detail-icon {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--green);
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}

.stats-player-detail-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
  filter: none;
}


.stats-player-detail-icon.is-red {
  color: #ff3f35;
}

.stats-player-detail-head h2 {
  margin: 0;
  color: #f4f7ef;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 21px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.stats-player-detail-head {
  text-align: center;
}

/* Fixed content area: 5 rows fit cleanly */
.stats-player-empty-panel,
.stats-player-mini-list,
.stats-player-recent-list,
.stats-player-feature-player {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  height: 292px;
  min-height: 0;
}

.stats-player-empty-panel {
  padding: 18px 14px;
  border: 1px solid rgba(140,255,0,.16);
  background: rgba(0,0,0,.24);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.stats-player-empty-panel b {
  color: rgba(244,247,239,.88);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
}

.stats-player-empty-panel span {
  margin-top: 6px;
  color: rgba(244,247,239,.56);
  font-size: 13px;
  line-height: 1.45;
}

.stats-player-panel-btn {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  width: 100%;
  height: 40px;
  margin-top: 12px;
  border: 1px solid rgba(140,255,0,.22);
  background: rgba(0,0,0,.54);
  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  text-decoration: none;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
}

.stats-player-panel-btn {
  transition:
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    color .18s ease,
    transform .18s ease;
}

.stats-player-panel-btn:hover:not(:disabled) {
  border-color: rgba(140,255,0,.82);
  background:
    linear-gradient(180deg, rgba(140,255,0,.14), rgba(0,0,0,.72));
  color: #ffffff;
  box-shadow:
    0 0 20px rgba(140,255,0,.22),
    inset 0 0 18px rgba(140,255,0,.08);
  transform: translateY(-1px);
}

.stats-player-panel-btn:active:not(:disabled) {
  transform: translateY(0);
}

.stats-player-panel-btn:disabled {
  opacity: .72;
  cursor: not-allowed;
}

/* ================================
   PLAYER DETAIL DATA ROWS
================================ */

.stats-player-mini-list,
.stats-player-recent-list {
  display: grid;
  grid-template-rows: repeat(5, 52px);
  gap: 8px;
}

.stats-player-mini-row,
.stats-player-recent-row {
  min-height: 52px;
  display: grid;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  border: 1px solid rgba(140,255,0,.12);
  background: rgba(0,0,0,.38);
}

.stats-player-mini-row {
  grid-template-columns: 60px minmax(0, 1fr) 42px;
}

.stats-player-recent-row {
  grid-template-columns: 60px minmax(0, 1fr) 78px;
}

.stats-player-mini-icon,
.stats-player-recent-icon {
  width: 58px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stats-player-mini-icon img,
.stats-player-recent-icon img {
  width: 58px;
  height: 52px;
  object-fit: contain;
  display: block;
}

.stats-player-mini-icon span,
.stats-player-recent-icon span {
  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 15px;
  font-weight: 900;
}

.stats-player-mini-main,
.stats-player-recent-main {
  min-width: 0;
}

.stats-player-mini-main b,
.stats-player-recent-main b {
  display: block;
  color: rgba(244,247,239,.90);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  text-transform: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stats-player-mini-main i {
  display: block;
  width: 100%;
  height: 3px;
  margin-top: 6px;
  background:
    linear-gradient(90deg, rgba(140,255,0,.86), rgba(140,255,0,.22), transparent);
}

.stats-player-recent-main span {
  display: block;
  margin-top: 3px;
  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stats-player-mini-row strong {
  color: #fff;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 17px;
  font-weight: 900;
  text-align: right;
  white-space: nowrap;
}

.stats-player-recent-row strong {
  color: rgba(244,247,239,.72);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  text-align: right;
  white-space: nowrap;
}

.stats-player-mini-row.names-hidden {
  grid-template-columns: 60px 1fr;
}

.stats-player-mini-row.names-hidden strong {
  text-align: right;
}

.stats-player-recent-row.names-hidden .stats-player-recent-main span {
  margin-top: 0;
  color: var(--green);
  font-size: 13px;
}

/* ================================
   PLAYER DETAIL - BOSS KILLS
================================ */

.stats-player-boss-feature {
  position: relative;
  overflow: hidden;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(140,255,0,.34);
  background:
    linear-gradient(180deg, rgba(4,9,4,.98), rgba(0,0,0,.97));
  box-shadow:
    inset 0 0 46px rgba(0,0,0,.88),
    0 0 24px rgba(140,255,0,.055);
}

.stats-player-boss-feature::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 4;
  pointer-events: none;
  background:
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left top / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left top / 1px 58px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right top / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right top / 1px 58px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left bottom / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left bottom / 1px 58px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right bottom / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right bottom / 1px 58px no-repeat;
}

.stats-player-boss-frame {
  position: relative;
  z-index: 5;
}

.stats-player-boss-head {
  min-height: 48px;
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr) 160px;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.stats-player-boss-head h2 {
  margin: 0;
  color: #f4f7ef;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 38px;
  font-weight: 1000;
  line-height: .9;
  letter-spacing: .16em;
  text-transform: uppercase;
  text-shadow:
    0 2px 12px rgba(0,0,0,.95),
    0 0 16px rgba(140,255,0,.18);
}

.stats-player-boss-head p {
  margin: 7px 0 0;
  color: rgba(244,247,239,.58);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.stats-player-boss-head strong {
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(140,255,0,.24);
  background: rgba(0,0,0,.46);
  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 15px;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .08em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stats-player-boss-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.stats-player-boss-card {
  position: relative;
  overflow: hidden;
  min-height: 178px;
  border: 1px solid rgba(140,255,0,.28);
  background: #020402;
  box-shadow:
    inset 0 0 34px rgba(0,0,0,.82),
    0 0 20px rgba(140,255,0,.05);
}

.stats-player-boss-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.26) 48%, rgba(0,0,0,.78)),
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.70));
}

.stats-player-boss-card::after {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 4;
  pointer-events: none;
  border: 1px solid rgba(140,255,0,.13);
}

.stats-player-boss-card.is-heli {
  border-color: rgba(140,255,0,.24);
}

.stats-player-boss-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
  filter: contrast(1.12) saturate(1.06) brightness(.78);
}

.stats-player-boss-card.is-bradley .stats-player-boss-bg {
  background-image: url('/assets/img/stats-panels/stats-boss-bradley-bg.webp');
}

.stats-player-boss-card.is-heli .stats-player-boss-bg {
  background-image: url('/assets/img/stats-panels/stats-boss-attack-heli-bg.webp');
}

.stats-player-boss-content {
  position: relative;
  z-index: 5;
  min-height: 178px;
  padding: 24px 26px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 116px;
  align-items: center;
  gap: 18px;
}

.stats-player-boss-content span {
  grid-column: 1 / -1;
  align-self: end;
  margin-bottom: -18px;
  color: rgba(244,247,239,.56);
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.stats-player-boss-content h3 {
  margin: 0;
  color: #ffffff;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 28px;
  font-weight: 1000;
  line-height: .95;
  text-transform: uppercase;
  letter-spacing: .06em;
  text-shadow:
    0 2px 12px rgba(0,0,0,.95),
    0 0 12px rgba(140,255,0,.12);
}

.stats-player-boss-count {
  text-align: center;
}

.stats-player-boss-count b {
  display: block;
  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 58px;
  font-weight: 1000;
  line-height: .82;
  text-shadow: 0 0 18px rgba(140,255,0,.30);
}

.stats-player-boss-count em {
  display: block;
  margin-top: 8px;
  color: rgba(140,255,0,.88);
  font-style: normal;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.stats-player-boss-card:hover {
  border-color: rgba(140,255,0,.72);
  box-shadow:
    inset 0 0 34px rgba(0,0,0,.82),
    0 0 26px rgba(140,255,0,.14);
}

.stats-player-boss-card:hover .stats-player-boss-bg {
  filter: contrast(1.18) saturate(1.12) brightness(.88);
  transform: scale(1.05);
}

@media (max-width: 900px) {
  .stats-player-boss-head {
    grid-template-columns: 1fr;
  }

  .stats-player-boss-head span {
    display: none;
  }

  .stats-player-boss-head strong {
    width: 100%;
  }

  .stats-player-boss-grid {
    grid-template-columns: 1fr;
  }

  .stats-player-boss-head h2 {
    font-size: 31px;
  }
}

@media (max-width: 560px) {
  .stats-player-boss-feature {
    padding: 12px;
  }

  .stats-player-boss-content {
    min-height: 170px;
    padding: 20px 18px;
    grid-template-columns: 1fr;
    text-align: center;
  }

  .stats-player-boss-content span {
    margin-bottom: 0;
  }

  .stats-player-boss-content h3 {
    font-size: 24px;
  }

  .stats-player-boss-count b {
    font-size: 50px;
  }
}

/* ================================
   TOP VICTIM / NEMESIS
================================ */

.stats-player-feature-player {
  padding: 16px;
  border: 1px solid rgba(140,255,0,.20);
  background:
    linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.48)),
    radial-gradient(circle at 18% 45%, rgba(140,255,0,.18), transparent 38%);
  display: grid;
  align-content: center;
  text-align: center;
  overflow: hidden;
}

.stats-player-feature-player.is-nemesis {
  border-color: rgba(255,63,53,.28);
  background:
    linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.48)),
    radial-gradient(circle at 18% 45%, rgba(255,63,53,.22), transparent 38%);
}

.stats-player-feature-player img {
  width: 62px;
  height: 62px;
  object-fit: cover;
  margin: 0 auto 10px;
  border: 1px solid rgba(140,255,0,.34);
}

.stats-player-feature-player.is-nemesis img {
  border-color: rgba(255,63,53,.42);
}

.stats-player-feature-player span {
  color: rgba(140,255,0,.82);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.stats-player-feature-player.is-nemesis span {
  color: rgba(255,63,53,.86);
}

.stats-player-feature-player b {
  margin-top: 6px;
  color: #fff;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1.05;
}

.stats-player-feature-player strong {
  margin-top: 8px;
  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 42px;
  font-weight: 900;
  line-height: .95;
}

.stats-player-feature-player.is-nemesis strong {
  color: #ff3f35;
}

.stats-player-feature-player em {
  margin-top: 4px;
  color: rgba(244,247,239,.68);
  font-style: normal;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.stats-copy-weapon-key {
  cursor: pointer;
  user-select: all;
}

.stats-copy-weapon-key:hover {
  color: #8cff00;
  text-decoration: underline;
}

.stats-copy-weapon-key.is-copied {
  color: #8cff00;
}

.stats-copy-weapon-key.is-copied::after {
  content: " copied";
  margin-left: 5px;
  font-size: 9px;
  color: #8cff00;
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* ================================
   FULL PLAYER DETAIL LIST PAGE
   Used by stats-player-detail.php
================================ */

.stats-player-full-detail-card {
  height: auto;
  min-height: 440px;
  overflow: visible;
}

.stats-player-full-detail-card .stats-player-mini-list,
.stats-player-full-list {
  height: auto;
  min-height: 0;
  display: grid;
  grid-template-rows: none;
  grid-auto-rows: minmax(52px, auto);
  gap: 8px;
  overflow: visible;
}

.stats-player-full-detail-card .stats-player-mini-row {
  min-height: 52px;
}

.stats-player-full-detail-card .stats-player-mini-main b {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  word-break: break-word;
}

.stats-player-full-detail-card .stats-player-mini-main i {
  margin-top: 5px;
  font-size: 11px;
  color: rgba(244,247,239,.56);
  background: none;
  height: auto;
}

/* ================================
   FULL DETAIL ITEM CARD GRID
   stats-player-detail.php
================================ */

.stats-player-full-detail-card {
  height: auto;
  min-height: 440px;
  overflow: visible;
}

.stats-item-card-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(auto-fill, 220px);
  gap: 14px;
  align-items: stretch;
  justify-content: center;
}

.stats-item-card {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  border: 1px solid rgba(140,255,0,.22);
  background:
    linear-gradient(180deg, rgba(8,14,8,.98), rgba(0,0,0,.98));
  box-shadow:
    inset 0 0 28px rgba(0,0,0,.72);
  display: flex;
  flex-direction: column;
}

.stats-item-card:hover {
  border-color: rgba(140,255,0,.78);
  box-shadow:
    0 0 24px rgba(140,255,0,.14),
    inset 0 0 28px rgba(140,255,0,.035);
}

.stats-item-rank {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 4;
  color: #fff;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  text-shadow: 0 2px 10px rgba(0,0,0,.95);
}

.stats-item-card-image {
  position: relative;
  height: 178px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at center, rgba(140,255,0,.09), transparent 48%),
    rgba(0,0,0,.48);
  border-bottom: 1px solid rgba(140,255,0,.16);
}

.stats-item-card-image img {
  width: 82%;
  height: 82%;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 10px 14px rgba(0,0,0,.72));
}

.stats-item-card-name {
  min-height: 58px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-bottom: 1px solid rgba(140,255,0,.12);
  background: rgba(0,0,0,.54);
}

.stats-item-card-name b {
  color: rgba(244,247,239,.92);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.1;
  word-break: break-word;
}

.stats-item-card-amount {
  margin-top: auto;
  min-height: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.stats-item-card-amount strong {
  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
}

.stats-item-card-amount span {
  margin-top: 6px;
  color: rgba(244,247,239,.62);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .1em;
}

/* When shortnames are hidden, keep amount directly UNDER the image */
.stats-item-card.names-hidden {
  min-height: 0;
}

.stats-item-card.names-hidden .stats-item-card-image {
  height: 205px;
  border-bottom: 1px solid rgba(140,255,0,.16);
}

.stats-item-card.names-hidden .stats-item-card-amount {
  margin-top: 0;
  min-height: 46px;
  border-top: 0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.94));
}

.stats-item-card.names-hidden .stats-item-card-amount strong {
  font-size: 26px;
}

.stats-item-card.names-hidden .stats-item-card-amount span {
  margin-top: 3px;
  font-size: 9px;
}

/* ================================
   PLAYER DETAIL - HIT SUMMARY CARD
   Clean main-page version
================================ */

.stats-hit-summary-card {
  position: relative;
  overflow: hidden;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(140,255,0,.32);
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.94) 0%,
      rgba(0,0,0,.82) 27%,
      rgba(0,0,0,.58) 48%,
      rgba(0,0,0,.44) 68%,
      rgba(0,0,0,.78) 100%
    ),
    radial-gradient(circle at 17% 50%, rgba(140,255,0,.15), transparent 34%),
    url('/assets/img/stats-panels/stats-hit-distribution-bg.webp') center 38% / cover no-repeat;
  box-shadow:
    inset 0 0 52px rgba(0,0,0,.9),
    0 0 24px rgba(140,255,0,.055);
}

.stats-hit-summary-card::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 4;
  pointer-events: none;
  background:
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left top / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left top / 1px 58px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right top / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right top / 1px 58px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left bottom / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left bottom / 1px 58px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right bottom / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right bottom / 1px 58px no-repeat;
}

.stats-hit-summary-frame {
  position: relative;
  z-index: 5;
  min-height: 250px;

  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  grid-template-areas:
    "visual content";
  align-items: center;
  gap: 28px;
}

/* LEFT BODY / RADAR */

.stats-hit-summary-visual {
  grid-area: visual;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stats-hit-summary-radar {
  position: relative;
  width: 230px;
  height: 220px;
  overflow: hidden;

  border: 1px solid rgba(140,255,0,.24);
  background:
    radial-gradient(circle at center, rgba(140,255,0,.18), rgba(0,0,0,.78) 62%),
    linear-gradient(rgba(140,255,0,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(140,255,0,.08) 1px, transparent 1px);
  background-size: auto, 18px 18px, 18px 18px;

  box-shadow:
    inset 0 0 34px rgba(0,0,0,.84),
    0 0 18px rgba(140,255,0,.08);
}

.stats-hit-summary-radar::before {
  content: "";
  position: absolute;
  inset: 20px;
  border: 1px solid rgba(140,255,0,.10);
  box-shadow: inset 0 0 24px rgba(140,255,0,.04);
}

.stats-hit-summary-grid {
  display: none;
}

.stats-hit-summary-body {
  position: absolute;
  left: 50%;
  top: 50%;

  width: 154px;
  height: 226px;

  object-fit: contain;
  transform: translate(-50%, -50%);

  filter:
    contrast(1.08)
    brightness(.92)
    drop-shadow(0 0 12px rgba(140,255,0,.22))
    drop-shadow(0 18px 18px rgba(0,0,0,.72));
}

/* RED HOT MARKER */

.stats-hit-summary-marker {
  position: absolute;
  z-index: 8;
  width: 18px;
  height: 18px;

  border: 2px solid rgba(255,63,53,1);
  border-radius: 50%;
  background: rgba(255,63,53,.72);

  box-shadow:
    0 0 10px rgba(255,63,53,.98),
    0 0 22px rgba(255,63,53,.55),
    0 0 38px rgba(255,63,53,.20);

  transform: translate(-50%, -50%);
}

.stats-hit-summary-marker::before {
  content: "";
  position: absolute;
  inset: -9px;
  border: 1px solid rgba(255,63,53,.42);
  border-radius: 50%;
}

.stats-hit-summary-marker::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 8px rgba(255,255,255,.8);
}

/* Marker positions tuned for bigger player model */
.stats-hit-summary-marker.is-head {
  left: 50%;
  top: 23%;
}

.stats-hit-summary-marker.is-chest {
  left: 50%;
  top: 36%;
}

.stats-hit-summary-marker.is-stomach {
  left: 50%;
  top: 47%;
}

.stats-hit-summary-marker.is-left-arm {
  left: 35%;
  top: 43%;
}

.stats-hit-summary-marker.is-right-arm {
  left: 65%;
  top: 43%;
}

.stats-hit-summary-marker.is-left-leg {
  left: 43%;
  top: 68%;
}

.stats-hit-summary-marker.is-right-leg {
  left: 57%;
  top: 68%;
}

/* MAIN TEXT AREA */

.stats-hit-summary-content {
  grid-area: content;
  min-width: 0;
  padding: 22px 0;
}

.stats-hit-summary-content > span {
  display: block;
  margin-bottom: 8px;

  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.stats-hit-summary-content h2 {
  margin: 0;

  color: #f4f7ef;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 34px;
  font-weight: 1000;
  line-height: .92;
  letter-spacing: .08em;
  text-transform: uppercase;

  text-shadow:
    0 2px 12px rgba(0,0,0,.95),
    0 0 16px rgba(140,255,0,.10);
}

.stats-hit-summary-content strong {
  display: block;
  margin-top: 12px;

  color: #ff3f35;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 44px;
  font-weight: 1000;
  line-height: .88;
  letter-spacing: .06em;
  text-transform: uppercase;

  text-shadow:
    0 0 16px rgba(255,63,53,.46),
    0 2px 12px rgba(0,0,0,.9);
}

/* STAT BOXES */

.stats-hit-summary-numbers {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 150px)) minmax(190px, 240px);
  gap: 10px;
  align-items: stretch;
}

.stats-hit-summary-numbers div {
  min-height: 64px;
  padding: 11px 10px;

  border: 1px solid rgba(140,255,0,.18);
  background:
    linear-gradient(180deg, rgba(140,255,0,.035), rgba(0,0,0,.56));

  text-align: center;
  box-shadow:
    inset 0 0 18px rgba(0,0,0,.62);
}

.stats-hit-summary-numbers b {
  display: block;

  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 26px;
  font-weight: 1000;
  line-height: 1;

  text-shadow: 0 0 12px rgba(140,255,0,.20);
}

.stats-hit-summary-numbers em {
  display: block;
  margin-top: 7px;

  color: rgba(244,247,239,.55);
  font-style: normal;
  font-size: 9px;
  font-weight: 1000;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* BUTTON AREA */

.stats-hit-summary-btn {
  min-height: 64px;
  padding: 0 16px;

  border: 1px solid rgba(140,255,0,.34);
  background:
    linear-gradient(180deg, rgba(140,255,0,.12), rgba(0,0,0,.78));

  color: var(--green);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  box-shadow:
    inset 0 0 18px rgba(140,255,0,.045),
    0 0 14px rgba(140,255,0,.08);

  transition:
    transform .18s ease,
    border-color .18s ease,
    color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.stats-hit-summary-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(140,255,0,.82);
  color: #fff;
  background:
    linear-gradient(180deg, rgba(140,255,0,.20), rgba(0,0,0,.82));
  box-shadow:
    inset 0 0 20px rgba(140,255,0,.07),
    0 0 22px rgba(140,255,0,.18);
}

/* RESPONSIVE */

@media (max-width: 1100px) {
  .stats-hit-summary-frame {
    grid-template-columns: 260px minmax(0, 1fr);
    grid-template-areas:
      "visual content";
  }

  .stats-hit-summary-numbers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .stats-hit-summary-btn {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .stats-hit-summary-frame {
    grid-template-columns: 1fr;
    grid-template-areas:
      "visual"
      "content";
    text-align: center;
  }

  .stats-hit-summary-content {
    text-align: center;
    padding: 0;
  }

  .stats-hit-summary-numbers {
    grid-template-columns: 1fr;
  }

  .stats-hit-summary-radar {
    width: 220px;
    height: 210px;
  }

  .stats-hit-summary-content h2 {
    font-size: 30px;
  }

  .stats-hit-summary-content strong {
    font-size: 38px;
  }
}

@media (max-width: 520px) {
  .stats-hit-summary-numbers {
    grid-template-columns: 1fr;
  }

  .stats-hit-summary-card {
    padding: 12px;
  }
}

/* ================================
   FULL DETAIL SINGLE PANEL
================================ */

.stats-player-full-panel {
  position: relative;
  overflow: visible;
  padding: 18px;
  border: 1px solid rgba(140,255,0,.26);
  background:
    linear-gradient(180deg, rgba(8,12,8,.94), rgba(0,0,0,.92)),
    radial-gradient(circle at 20% 12%, rgba(140,255,0,.10), transparent 34%);
  box-shadow:
    inset 0 0 34px rgba(0,0,0,.72);
}

.stats-player-full-panel::before {
  content: "";
  position: absolute;
  inset: 10px;
  pointer-events: none;
  border: 1px solid rgba(140,255,0,.14);
}

.stats-player-full-panel .stats-player-detail-head,
.stats-player-full-panel .stats-item-card-grid {
  position: relative;
  z-index: 2;
}
/* ================================
   PLAYER DETAIL - HIT DISTRIBUTION FEATURE V3
   Locked wide HUD version
================================ */

.stats-hit-feature-v3 {
  position: relative;
  overflow: hidden;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(140, 255, 0, .32);
  background:
    linear-gradient(180deg, rgba(5, 9, 5, .98), rgba(0, 0, 0, .97));
  box-shadow:
    inset 0 0 46px rgba(0, 0, 0, .88),
    0 0 24px rgba(140, 255, 0, .055);
}

.stats-hit-feature-v3::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 4;
  pointer-events: none;
  background:
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left top / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left top / 1px 58px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right top / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right top / 1px 58px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left bottom / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left bottom / 1px 58px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right bottom / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right bottom / 1px 58px no-repeat;
  opacity: .75;
}

.stats-hit-feature-v3::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(circle at 18% 42%, rgba(140, 255, 0, .10), transparent 34%),
    linear-gradient(90deg, rgba(140, 255, 0, .035), transparent 35%, rgba(140, 255, 0, .025)),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.018) 0 1px,
      transparent 1px 82px
    );
  opacity: .75;
}

.stats-hit-v3-frame {
  position: relative;
  z-index: 3;
  padding: 16px;
  border: 1px solid rgba(140, 255, 0, .14);
  background:
    linear-gradient(180deg, rgba(3, 8, 3, .62), rgba(0, 0, 0, .52));
}

/* Header */

.stats-hit-v3-head {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}

.stats-hit-v3-title {
  position: relative;
  min-width: 360px;
  text-align: center;
}

.stats-hit-v3-title::before,
.stats-hit-v3-title::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 230px;
  height: 1px;
  background:
    linear-gradient(90deg, transparent, rgba(140, 255, 0, .58), transparent);
}

.stats-hit-v3-title::before {
  right: 100%;
  margin-right: 22px;
}

.stats-hit-v3-title::after {
  left: 100%;
  margin-left: 22px;
}

.stats-hit-v3-title h2 {
  margin: 0;
  color: #f4f7ef;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 30px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
  text-shadow:
    0 2px 12px rgba(0, 0, 0, .95),
    0 0 14px rgba(140, 255, 0, .12);
}

.stats-hit-v3-detail-btn {
  justify-self: end;
  min-width: 178px;
  height: 34px;
  padding: 0 16px;
  border: 1px solid rgba(140, 255, 0, .34);
  background:
    linear-gradient(180deg, rgba(140, 255, 0, .10), rgba(0, 0, 0, .72));
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    inset 0 0 18px rgba(140, 255, 0, .045),
    0 0 14px rgba(140, 255, 0, .08);
  transition:
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}

.stats-hit-v3-detail-btn:hover {
  border-color: rgba(140, 255, 0, .82);
  background:
    linear-gradient(180deg, rgba(140, 255, 0, .16), rgba(0, 0, 0, .78));
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow:
    inset 0 0 18px rgba(140, 255, 0, .07),
    0 0 20px rgba(140, 255, 0, .18);
}

/* Main layout */

.stats-hit-v3-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
}

/* Left body radar */

.stats-hit-v3-body-card {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  padding: 16px;
  border: 1px solid rgba(140, 255, 0, .20);
  background:
    radial-gradient(circle at center, rgba(140, 255, 0, .10), transparent 52%),
    linear-gradient(180deg, rgba(7, 13, 7, .96), rgba(0, 0, 0, .94));
  box-shadow:
    inset 0 0 34px rgba(0, 0, 0, .86);
  display: flex;
  flex-direction: column;
}

.stats-hit-v3-radar {
  position: relative;
  flex: 1;
  min-height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.stats-hit-v3-grid {
  position: absolute;
  inset: 0;
  opacity: .58;
  background:
    linear-gradient(rgba(140,255,0,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(140,255,0,.055) 1px, transparent 1px),
    radial-gradient(circle at center, rgba(140,255,0,.12), transparent 58%);
  background-size:
    24px 24px,
    24px 24px,
    100% 100%;
  mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
}

.stats-hit-v3-radar::before {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(140, 255, 0, .10);
  box-shadow:
    inset 0 0 30px rgba(0, 0, 0, .80);
}

.stats-hit-v3-body {
  position: relative;
  z-index: 2;
  width: 145px;
  height: 230px;
  object-fit: contain;
  opacity: .88;
  filter:
    brightness(.75)
    contrast(1.22)
    drop-shadow(0 0 12px rgba(140, 255, 0, .20));
}

/* Radar target points */

/* Radar target points - small clean HUD targets */

.stats-hit-v3-marker {
  position: absolute;
  z-index: 4;

  width: 8px;
  height: 8px;

  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%);

  border: 1px solid rgba(244, 247, 239, .62);
  border-radius: 50%;

  background:
    radial-gradient(circle, rgba(140,255,0,.85) 0 1px, rgba(0,0,0,.72) 2px);

  box-shadow:
    0 0 5px rgba(140,255,0,.36),
    inset 0 0 4px rgba(140,255,0,.18);

  pointer-events: none;
}

.stats-hit-v3-marker::before,
.stats-hit-v3-marker::after {
  content: "";
  position: absolute;
  pointer-events: none;
  background: rgba(244, 247, 239, .42);
}

.stats-hit-v3-marker::before {
  left: 50%;
  top: -4px;
  width: 1px;
  height: 14px;
  transform: translateX(-50%);
}

.stats-hit-v3-marker::after {
  top: 50%;
  left: -4px;
  width: 14px;
  height: 1px;
  transform: translateY(-50%);
}

/* Radar target points - easy adjustable version */

.stats-hit-v3-marker {
  position: absolute;
  z-index: 4;

  width: 8px;
  height: 8px;

  left: var(--x, 50%);
  top: var(--y, 50%);

  transform: translate(-50%, -50%);

  border: 1px solid rgba(244, 247, 239, .62);
  border-radius: 50%;

  background:
    radial-gradient(circle, rgba(140,255,0,.85) 0 1px, rgba(0,0,0,.72) 2px);

  box-shadow:
    0 0 5px rgba(140,255,0,.36),
    inset 0 0 4px rgba(140,255,0,.18);

  pointer-events: none;
}

.stats-hit-v3-marker::before,
.stats-hit-v3-marker::after {
  content: "";
  position: absolute;
  pointer-events: none;
  background: rgba(244, 247, 239, .42);
}

.stats-hit-v3-marker::before {
  left: 50%;
  top: -4px;
  width: 1px;
  height: 14px;
  transform: translateX(-50%);
}

.stats-hit-v3-marker::after {
  top: 50%;
  left: -4px;
  width: 14px;
  height: 1px;
  transform: translateY(-50%);
}

/* 
  Adjust these only.
  --x moves left/right.
  --y moves up/down.
*/

.stats-hit-v3-marker.is-head {
  --x: 50%;
  --y: 27%;
}

.stats-hit-v3-marker.is-chest {
  --x: 50%;
  --y: 35%;
}

.stats-hit-v3-marker.is-stomach {
  --x: 50%;
  --y: 45%;
}

.stats-hit-v3-marker.is-left-arm {
  --x: 40%;
  --y: 49%;
}

.stats-hit-v3-marker.is-right-arm {
  --x: 60%;
  --y: 49%;
}

.stats-hit-v3-marker.is-left-leg {
  --x: 44%;
  --y: 65%;
}

.stats-hit-v3-marker.is-right-leg {
  --x: 56%;
  --y: 65%;
}

/* Top hit zone marker */

.stats-hit-v3-marker.is-hot {
  border-color: rgba(255, 48, 40, .95);
  background:
    radial-gradient(circle, #ff3028 0 2px, rgba(0,0,0,.78) 3px);
  box-shadow:
    0 0 8px rgba(255, 48, 40, .90),
    0 0 18px rgba(255, 48, 40, .42),
    inset 0 0 5px rgba(255, 48, 40, .28);
}

.stats-hit-v3-marker.is-hot::before,
.stats-hit-v3-marker.is-hot::after {
  background: rgba(255, 48, 40, .82);
  box-shadow: 0 0 8px rgba(255, 48, 40, .65);
}

/* Total hits */

.stats-hit-v3-total {
  position: relative;
  z-index: 2;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid rgba(140, 255, 0, .16);
  background:
    linear-gradient(180deg, rgba(12, 28, 7, .64), rgba(0, 0, 0, .78));
  text-align: center;
}

.stats-hit-v3-total span {
  display: block;
  color: rgba(244, 247, 239, .68);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.stats-hit-v3-total strong {
  display: block;
  margin-top: 4px;
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 44px;
  line-height: .92;
  font-weight: 900;
  text-shadow: 0 0 18px rgba(140, 255, 0, .22);
}

.stats-hit-v3-total em {
  display: block;
  margin-top: 7px;
  color: rgba(244, 247, 239, .66);
  font-style: normal;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .07em;
}

/* Zone cards */

.stats-hit-v3-zones {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.stats-hit-v3-zone {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  padding: 14px 10px 13px;
  border: 1px solid rgba(140, 255, 0, .22);
  background:
    radial-gradient(circle at center 26%, rgba(140, 255, 0, .08), transparent 42%),
    linear-gradient(180deg, rgba(8, 13, 8, .98), rgba(0, 0, 0, .94));
  box-shadow:
    inset 0 0 28px rgba(0, 0, 0, .80);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.stats-hit-v3-zone::before {
  content: "";
  position: absolute;
  inset: 8px;
  pointer-events: none;
  border: 1px solid rgba(244, 247, 239, .045);
}

.stats-hit-v3-zone::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 44px;
  height: 1px;
  background:
    linear-gradient(90deg, transparent, rgba(140, 255, 0, .28), transparent);
}

.stats-hit-v3-zone:hover {
  transform: translateY(-2px);
  border-color: rgba(140, 255, 0, .66);
  box-shadow:
    inset 0 0 28px rgba(0, 0, 0, .82),
    0 0 20px rgba(140, 255, 0, .10);
}

.stats-hit-v3-zone-image {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 112px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stats-hit-v3-zone-image img {
  width: 92px;
  height: 108px;
  object-fit: contain;
  display: block;
  filter:
    brightness(1.04)
    contrast(1.16)
    drop-shadow(0 10px 12px rgba(0, 0, 0, .70));
}

.stats-hit-v3-zone-name {
  position: relative;
  z-index: 2;
  min-height: 32px;
  color: rgba(244, 247, 239, .92);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .035em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stats-hit-v3-zone-percent {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 16px;
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 38px;
  line-height: .9;
  font-weight: 900;
  letter-spacing: -.03em;
  text-shadow: 0 0 16px rgba(140, 255, 0, .20);
}

.stats-hit-v3-zone-hits {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 11px;
  color: rgba(244, 247, 239, .66);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.stats-hit-v3-zone-bar {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 5px;
  margin-top: auto;
  background: rgba(244, 247, 239, .08);
  border: 1px solid rgba(140, 255, 0, .13);
  overflow: hidden;
}

.stats-hit-v3-zone-bar i {
  display: block;
  height: 100%;
  background:
    linear-gradient(90deg, #8cff00, rgba(140, 255, 0, .22));
  box-shadow: 0 0 12px rgba(140, 255, 0, .42);
}

/* Unknown card stays muted */

.stats-hit-v3-zone.is-unknown {
  border-color: rgba(157, 163, 166, .22);
}

.stats-hit-v3-zone.is-unknown .stats-hit-v3-zone-percent {
  color: #9da3a6;
  text-shadow: none;
}

.stats-hit-v3-zone.is-unknown .stats-hit-v3-zone-bar {
  border-color: rgba(157, 163, 166, .14);
}

.stats-hit-v3-zone.is-unknown .stats-hit-v3-zone-bar i {
  background:
    linear-gradient(90deg, #9da3a6, rgba(157, 163, 166, .18));
  box-shadow: 0 0 10px rgba(157, 163, 166, .18);
}

/* Support either underscore or hyphen class names */

.stats-hit-v3-zone.is-left_arm,
.stats-hit-v3-zone.is-left-arm,
.stats-hit-v3-zone.is-right_arm,
.stats-hit-v3-zone.is-right-arm,
.stats-hit-v3-zone.is-left_leg,
.stats-hit-v3-zone.is-left-leg,
.stats-hit-v3-zone.is-right_leg,
.stats-hit-v3-zone.is-right-leg {
  border-color: rgba(140, 255, 0, .22);
}

/* Responsive */

@media (max-width: 1450px) {
  .stats-hit-v3-zones {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .stats-hit-v3-zone {
    min-height: 238px;
  }

  .stats-hit-v3-zone-image {
    height: 92px;
  }

  .stats-hit-v3-zone-image img {
    width: 78px;
    height: 88px;
  }
}

@media (max-width: 1100px) {
  .stats-hit-v3-layout {
    grid-template-columns: 1fr;
  }

  .stats-hit-v3-body-card {
    min-height: 260px;
  }

  .stats-hit-v3-radar {
    min-height: 220px;
  }

  .stats-hit-v3-title::before,
  .stats-hit-v3-title::after {
    width: 120px;
  }
}

@media (max-width: 760px) {
  .stats-hit-feature-v3 {
    padding: 10px;
  }

  .stats-hit-v3-frame {
    padding: 12px;
  }

  .stats-hit-v3-head {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .stats-hit-v3-title {
    min-width: 0;
  }

  .stats-hit-v3-title::before,
  .stats-hit-v3-title::after {
    display: none;
  }

  .stats-hit-v3-title h2 {
    font-size: 25px;
  }

  .stats-hit-v3-detail-btn {
  justify-self: center;
}

  .stats-hit-v3-zones {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .stats-hit-v3-zone {
    min-height: 220px;
  }

  .stats-hit-v3-zone-percent {
    font-size: 33px;
  }
}

@media (max-width: 480px) {
  .stats-hit-v3-zones {
    grid-template-columns: 1fr;
  }

  .stats-hit-v3-body {
    width: 128px;
    height: 210px;
  }
}



/* ================================
   FULL DETAIL - HIT DISTRIBUTION
   Locked V3 theme
================================ */

.stats-player-full-panel {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid rgba(140,255,0,.32);
  background:
    radial-gradient(circle at 18% 38%, rgba(140,255,0,.09), transparent 34%),
    linear-gradient(180deg, rgba(5,9,5,.98), rgba(0,0,0,.97));
  box-shadow:
    inset 0 0 46px rgba(0,0,0,.88),
    0 0 24px rgba(140,255,0,.055);
}

.stats-player-full-panel::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left top / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left top / 1px 58px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right top / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right top / 1px 58px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left bottom / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left bottom / 1px 58px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right bottom / 58px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right bottom / 1px 58px no-repeat;
  opacity: .72;
}

.stats-player-full-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(140,255,0,.028), transparent 38%, rgba(140,255,0,.018)),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.016) 0 1px,
      transparent 1px 82px
    );
  opacity: .75;
}

.stats-player-full-panel > * {
  position: relative;
  z-index: 2;
}

/* Header */

.stats-player-full-panel .stats-player-detail-head {
  margin-bottom: 14px;
  padding: 10px 14px;
  border: 1px solid rgba(140,255,0,.18);
  background:
    linear-gradient(180deg, rgba(4,10,4,.72), rgba(0,0,0,.58));
  text-align: center;
}

.stats-player-full-panel .stats-player-detail-head h2 {
  margin: 0;
  color: #f4f7ef;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .055em;
  text-shadow:
    0 2px 12px rgba(0,0,0,.95),
    0 0 14px rgba(140,255,0,.12);
}

/* Summary strip */

.stats-hit-detail-summary {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.stats-hit-detail-summary div {
  min-height: 76px;
  padding: 12px 10px;
  border: 1px solid rgba(140,255,0,.18);
  background:
    linear-gradient(180deg, rgba(9,14,9,.96), rgba(0,0,0,.92));
  box-shadow:
    inset 0 0 24px rgba(0,0,0,.78);
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.stats-hit-detail-summary span {
  color: rgba(244,247,239,.58);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.stats-hit-detail-summary strong {
  margin-top: 7px;
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: .95;
  text-shadow: 0 0 16px rgba(140,255,0,.18);
}

/* Main hit cards */

.stats-hit-detail-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.stats-hit-detail-card {
  position: relative;
  overflow: hidden;
  min-height: 320px;
  padding: 14px;
  border: 1px solid rgba(140,255,0,.22);
  background:
    radial-gradient(circle at center 24%, rgba(140,255,0,.075), transparent 42%),
    linear-gradient(180deg, rgba(8,13,8,.98), rgba(0,0,0,.94));
  box-shadow:
    inset 0 0 30px rgba(0,0,0,.82);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.stats-hit-detail-card::before {
  content: "";
  position: absolute;
  inset: 8px;
  pointer-events: none;
  border: 1px solid rgba(244,247,239,.045);
}

.stats-hit-detail-card::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 88px;
  height: 1px;
  background:
    linear-gradient(90deg, transparent, rgba(140,255,0,.28), transparent);
  box-shadow: none;
}

.stats-hit-detail-card:hover {
  transform: translateY(-2px);
  border-color: rgba(140,255,0,.68);
  box-shadow:
    inset 0 0 30px rgba(0,0,0,.84),
    0 0 20px rgba(140,255,0,.10);
}

/* Image */

.stats-hit-detail-image {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 118px;
  margin: 4px 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stats-hit-detail-image img {
  max-width: 94px;
  max-height: 112px;
  object-fit: contain;
  display: block;
  filter:
    brightness(1.04)
    contrast(1.16)
    drop-shadow(0 10px 12px rgba(0,0,0,.70));
}

/* Content */

.stats-hit-detail-content {
  position: relative;
  z-index: 2;
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.stats-hit-detail-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 78px;
  gap: 10px;
}

.stats-hit-detail-title h3 {
  margin: 0;
  color: rgba(244,247,239,.94);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.stats-hit-detail-title strong {
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 38px;
  font-weight: 900;
  line-height: .9;
  letter-spacing: -.03em;
  text-shadow: 0 0 16px rgba(140,255,0,.20);
}

/* Progress bar */

.stats-hit-detail-bar {
  position: relative;
  width: 100%;
  height: 6px;
  margin: 4px 0 14px;
  overflow: hidden;
  border: 1px solid rgba(140,255,0,.14);
  background: rgba(244,247,239,.08);
  box-shadow: none;
}

.stats-hit-detail-bar span {
  display: block;
  width: var(--hit-detail-percent, 0%);
  height: 100%;
  background:
    linear-gradient(90deg, #8cff00, rgba(140,255,0,.22));
  box-shadow: 0 0 12px rgba(140,255,0,.42);
}

/* Bottom mini stats */

.stats-hit-detail-stats {
  margin-top: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.stats-hit-detail-stats div {
  min-height: 54px;
  padding: 8px 6px;
  border: 1px solid rgba(140,255,0,.10);
  background:
    linear-gradient(180deg, rgba(0,0,0,.48), rgba(0,0,0,.72));
  text-align: center;
}

.stats-hit-detail-stats b {
  display: block;
  color: #fff;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: .95;
}

.stats-hit-detail-stats span {
  display: block;
  margin-top: 6px;
  color: rgba(244,247,239,.56);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* Remove old rainbow colours from V2 */

.stats-hit-detail-grid .stats-hit-detail-card:nth-child(1),
.stats-hit-detail-grid .stats-hit-detail-card:nth-child(2),
.stats-hit-detail-grid .stats-hit-detail-card:nth-child(3),
.stats-hit-detail-grid .stats-hit-detail-card:nth-child(4),
.stats-hit-detail-grid .stats-hit-detail-card:nth-child(5),
.stats-hit-detail-grid .stats-hit-detail-card:nth-child(6),
.stats-hit-detail-grid .stats-hit-detail-card:nth-child(7) {
  --zone-main: #8cff00;
  --zone-soft: rgba(140,255,0,.24);
  --zone-glow: rgba(140,255,0,.42);
}

.stats-hit-detail-grid .stats-hit-detail-card:nth-child(8) {
  --zone-main: #9da3a6;
  --zone-soft: rgba(157,163,166,.22);
  --zone-glow: rgba(157,163,166,.18);
  border-color: rgba(157,163,166,.22);
}

.stats-hit-detail-grid .stats-hit-detail-card:nth-child(8) .stats-hit-detail-title strong {
  color: #9da3a6;
  text-shadow: none;
}

.stats-hit-detail-grid .stats-hit-detail-card:nth-child(8) .stats-hit-detail-bar {
  border-color: rgba(157,163,166,.14);
}

.stats-hit-detail-grid .stats-hit-detail-card:nth-child(8) .stats-hit-detail-bar span {
  background:
    linear-gradient(90deg, #9da3a6, rgba(157,163,166,.18));
  box-shadow: 0 0 10px rgba(157,163,166,.18);
}

/* Responsive */

@media (max-width: 1200px) {
  .stats-hit-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .stats-hit-detail-card {
    min-height: 300px;
  }
}

@media (max-width: 900px) {
  .stats-hit-detail-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .stats-hit-detail-summary {
    grid-template-columns: 1fr;
  }

  .stats-hit-detail-grid {
    grid-template-columns: 1fr;
  }

  .stats-hit-detail-card {
    min-height: 290px;
  }

  .stats-player-full-panel {
    padding: 14px;
  }

  .stats-player-full-panel .stats-player-detail-head h2 {
    font-size: 24px;
  }
}
/* ================================
   PLAYER DETAIL GRID RESPONSIVE
================================ */

@media (max-width: 1200px) {
  .stats-player-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .stats-player-detail-grid {
    grid-template-columns: 1fr;
  }
}

/* ================================
   PLAYER RAID TRACKER FEATURE
================================ */

.stats-player-raid-feature {
  position: relative;
  overflow: hidden;
  margin-top: 16px;
  min-height: 285px;
  padding: 22px;
  border: 1px solid rgba(140,255,0,.42);
  background: #000;
  box-shadow:
    inset 0 0 46px rgba(0,0,0,.82),
    0 0 26px rgba(140,255,0,.08);
}

.stats-player-raid-feature::before {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: 4;
  pointer-events: none;
  background:
    linear-gradient(rgba(140,255,0,.82), rgba(140,255,0,.82)) left top / 64px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.82), rgba(140,255,0,.82)) left top / 1px 64px no-repeat,

    linear-gradient(rgba(140,255,0,.82), rgba(140,255,0,.82)) right top / 64px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.82), rgba(140,255,0,.82)) right top / 1px 64px no-repeat,

    linear-gradient(rgba(140,255,0,.82), rgba(140,255,0,.82)) left bottom / 64px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.82), rgba(140,255,0,.82)) left bottom / 1px 64px no-repeat,

    linear-gradient(rgba(140,255,0,.82), rgba(140,255,0,.82)) right bottom / 64px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.82), rgba(140,255,0,.82)) right bottom / 1px 64px no-repeat;
}

.stats-player-raid-feature::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: .55;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.022) 0 1px,
      transparent 1px 72px
    ),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 28%);
}

.stats-player-raid-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 1;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.82) 0%,
      rgba(0,0,0,.34) 36%,
      rgba(0,0,0,.34) 64%,
      rgba(0,0,0,.82) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.62) 0%,
      rgba(0,0,0,.30) 42%,
      rgba(0,0,0,.86) 100%
    ),
    url('/assets/img/stats-panels/stats-raid-tracker-main-bg.webp') center center / cover no-repeat;

  filter: contrast(1.12) saturate(1.12) brightness(.92);
}

.stats-player-raid-content {
  position: relative;
  z-index: 5;
}

.stats-player-raid-head {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 18px;
  text-align: center;
}

.stats-player-raid-head h2 {
  position: relative;
  margin: 0;
  color: #f4f7ef;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: clamp(2rem, 3vw, 2.8rem);
  font-weight: 1000;
  line-height: .9;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-shadow:
    0 0 20px rgba(140,255,0,.22),
    0 3px 12px rgba(0,0,0,.95);
}

.stats-player-raid-head h2::after {
  content: "";
  display: block;
  width: 180px;
  height: 2px;
  margin: 12px auto 0;
  background:
    linear-gradient(90deg, transparent, rgba(140,255,0,.95), transparent);
  box-shadow: 0 0 14px rgba(140,255,0,.35);
}

.stats-player-raid-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

/* ================================
   RAID TRACKER RATE IMAGE PANELS
   Big cinematic split-card style
================================ */

.stats-player-raid-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.stats-player-raid-meter {
  --raid-meter-bg: none;
  --raid-meter-accent: rgba(140,255,0,.9);
  --raid-meter-pos: center 34%;

  position: relative;
  overflow: hidden;
  isolation: isolate;

  min-height: 185px;
  padding: 26px 26px 22px;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  border: 1px solid rgba(140,255,0,.34);
  background: #000;

  box-shadow:
    inset 0 0 38px rgba(0,0,0,.82),
    0 0 18px rgba(140,255,0,.08);
}

/* Image layer */
.stats-player-raid-meter::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.08) 0%,
      rgba(0,0,0,.18) 34%,
      rgba(0,0,0,.70) 100%
    ),
    linear-gradient(
      90deg,
      rgba(0,0,0,.30) 0%,
      rgba(0,0,0,.06) 44%,
      rgba(0,0,0,.44) 100%
    ),
    var(--raid-meter-bg) var(--raid-meter-pos) / cover no-repeat;

  opacity: 1;
  filter: contrast(1.12) saturate(1.12) brightness(1.02);
}

/* Dark bottom shelf for text/progress */
.stats-player-raid-meter::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 58%;
  z-index: 1;
  pointer-events: none;

  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(0,0,0,.50) 34%,
      rgba(0,0,0,.92) 100%
    );
}

/* Keep live content above image */
.stats-player-raid-meter > * {
  position: relative;
  z-index: 2;
}

/* Online panel image */
.stats-player-raid-meter.is-online {
  --raid-meter-bg: url('/assets/img/stats-panels/stats-raid-online-rate-bg.webp');
  --raid-meter-accent: rgba(140,255,0,.95);
  --raid-meter-pos: center 24%;

  border-color: rgba(140,255,0,.38);
}

/* Offline panel image */
.stats-player-raid-meter.is-offline {
  --raid-meter-bg: url('/assets/img/stats-panels/stats-raid-offline-rate-bg.webp');
  --raid-meter-accent: rgba(255,63,53,.95);
  --raid-meter-pos: center 14%;

  border-color: rgba(255,63,53,.38);
}

/* Text block */
.stats-player-raid-meter-top {
  position: relative;
  z-index: 2;
  margin: 0 0 16px;
  text-align: center;
}

.stats-player-raid-meter-top > div {
  width: 100%;
}

.stats-player-raid-meter-top span {
  display: block;
  margin-bottom: 8px;

  color: rgba(244,247,239,.78);
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .16em;
  text-transform: uppercase;

  text-shadow:
    0 2px 10px rgba(0,0,0,.95);
}

.stats-player-raid-meter-top b {
  display: block;

  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: clamp(46px, 5vw, 70px);
  font-weight: 1000;
  line-height: .82;

  text-shadow:
    0 3px 14px rgba(0,0,0,.96),
    0 0 18px rgba(140,255,0,.22);
}

.stats-player-raid-meter.is-offline .stats-player-raid-meter-top b {
  color: #ff3f35;

  text-shadow:
    0 3px 14px rgba(0,0,0,.96),
    0 0 18px rgba(255,63,53,.24);
}

/* Progress bar */
.stats-player-raid-progress {
  position: relative;
  z-index: 2;

  overflow: hidden;
  height: 18px;

  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.82);

  box-shadow:
    inset 0 0 16px rgba(0,0,0,.92),
    0 0 12px rgba(0,0,0,.62);
}

.stats-player-raid-progress i {
  position: relative;
  display: block;
  height: 100%;
  max-width: 100%;

  background:
    linear-gradient(
      90deg,
      rgba(140,255,0,.52),
      rgba(140,255,0,1),
      rgba(215,255,174,.96)
    );

  box-shadow:
    0 0 18px rgba(140,255,0,.34),
    inset 0 0 8px rgba(255,255,255,.22);
}

.stats-player-raid-progress i::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .26;

  background:
    repeating-linear-gradient(
      135deg,
      rgba(0,0,0,.72) 0 7px,
      transparent 7px 14px
    );
}

.stats-player-raid-meter.is-offline .stats-player-raid-progress i {
  background:
    linear-gradient(
      90deg,
      rgba(255,63,53,.50),
      rgba(255,63,53,1),
      rgba(255,145,137,.96)
    );

  box-shadow:
    0 0 18px rgba(255,63,53,.30),
    inset 0 0 8px rgba(255,255,255,.18);
}

.stats-player-raid-meter-top {
  position: relative;
  z-index: 2;
  margin-bottom: 13px;
  text-align: center;
}

.stats-player-raid-meter-top > div {
  width: 100%;
}

.stats-player-raid-meter-top span {
  display: block;
  color: rgba(244,247,239,.62);
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.stats-player-raid-meter-top b {
  display: block;
  margin-top: 6px;
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 40px;
  font-weight: 1000;
  line-height: .85;
  text-shadow: 0 0 16px rgba(140,255,0,.24);
}

.stats-player-raid-meter.is-offline .stats-player-raid-meter-top b {
  color: #ff3f35;
  text-shadow: 0 0 16px rgba(255,63,53,.24);
}

.stats-player-raid-progress {
  position: relative;
  z-index: 2;
  overflow: hidden;
  height: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(0,0,0,.88), rgba(0,0,0,.64));
  box-shadow:
    inset 0 0 16px rgba(0,0,0,.88);
}

.stats-player-raid-progress i {
  position: relative;
  display: block;
  height: 100%;
  max-width: 100%;
  background:
    linear-gradient(90deg, rgba(140,255,0,.42), rgba(140,255,0,1), rgba(219,255,187,.95));
  box-shadow:
    0 0 18px rgba(140,255,0,.34),
    inset 0 0 8px rgba(255,255,255,.22);
}

.stats-player-raid-progress i::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .24;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(0,0,0,.72) 0 7px,
      transparent 7px 14px
    );
}

.stats-player-raid-meter.is-offline .stats-player-raid-progress i {
  background:
    linear-gradient(90deg, rgba(255,63,53,.42), rgba(255,63,53,1), rgba(255,145,137,.95));
  box-shadow:
    0 0 18px rgba(255,63,53,.30),
    inset 0 0 8px rgba(255,255,255,.18);
}

.stats-player-raid-statline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.stats-player-raid-statline div {
  min-height: 66px;
  padding: 12px 14px;
  border: 1px solid rgba(140,255,0,.22);
  background:
    linear-gradient(180deg, rgba(8,14,8,.78), rgba(0,0,0,.72));
  text-align: center;
  box-shadow:
    inset 0 0 20px rgba(0,0,0,.66);
}

.stats-player-raid-statline span {
  display: block;
  color: rgba(244,247,239,.58);
  font-size: 9px;
  font-weight: 1000;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.stats-player-raid-statline b {
  display: block;
  margin-top: 7px;
  color: #fff;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 30px;
  font-weight: 1000;
  line-height: .88;
}

.stats-player-raid-statline div:nth-child(2) b {
  color: #8cff00;
}

.stats-player-raid-statline div:nth-child(3) b {
  color: #ff3f35;
}

@media (max-width: 900px) {
  .stats-player-raid-split,
  .stats-player-raid-statline {
    grid-template-columns: 1fr;
  }

  .stats-player-raid-feature {
    padding: 18px;
  }
}

/* ================================
   PLAYER DETAIL PANELS CLEANUP
   Title banners, empty panels, stat rows
================================ */

/* Remove small title icons */
.stats-player-detail-head .stats-player-detail-icon {
  display: none;
}

/* Title banner */
.stats-player-detail-head {
  margin: -2px -2px 14px;
  text-align: center;
}

.stats-player-detail-head > div {
  width: 100%;
  min-height: 42px;
  padding: 0 14px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.96) 0%,
      rgba(3,10,2,.94) 50%,
      rgba(0,0,0,.96) 100%
    );

  border: 1px solid rgba(140,255,0,.24);

  box-shadow:
    inset 0 0 18px rgba(0,0,0,.88),
    0 8px 24px rgba(0,0,0,.52);
}

.stats-player-detail-head h2 {
  margin: 0;
  color: #ffffff;
  font-size: 22px;
  letter-spacing: .05em;
  text-shadow:
    0 2px 10px rgba(0,0,0,.95),
    0 0 12px rgba(140,255,0,.22);
}

/* Red title banners for danger panels */
.panel-top-explosives .stats-player-detail-head > div,
.panel-nemesis .stats-player-detail-head > div {
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.97) 0%,
      rgba(14,0,0,.95) 50%,
      rgba(0,0,0,.97) 100%
    );

  border-color: rgba(255,63,53,.30);
}

.panel-top-explosives .stats-player-detail-head h2,
.panel-nemesis .stats-player-detail-head h2 {
  text-shadow:
    0 2px 10px rgba(0,0,0,.95),
    0 0 12px rgba(255,63,53,.24);
}

/* Empty panels: keep spacing, hide empty text */
.stats-player-empty-panel {
  flex: 1 1 auto;
  min-height: 292px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.stats-player-empty-panel b,
.stats-player-empty-panel span {
  display: none;
}

/* Stat rows: almost black readable banners */
.stats-player-mini-row,
.stats-player-recent-row {
  position: relative;
  overflow: hidden;

  border: 1px solid rgba(140,255,0,.14);
  border-left-color: rgba(140,255,0,.08);

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.99) 0%,
      rgba(0,0,0,.96) 46%,
      rgba(0,0,0,.99) 100%
    );

  box-shadow:
    inset 0 0 22px rgba(0,0,0,.96),
    0 4px 16px rgba(0,0,0,.58);
}

/* Remove thick overlay line before/around item images */
.stats-player-mini-row::before,
.stats-player-recent-row::before {
  display: none;
}

/* Keep row contents above the background */
.stats-player-mini-row > *,
.stats-player-recent-row > * {
  position: relative;
  z-index: 2;
}

/* Row grid: free-growing numbers on the right */
.stats-player-mini-row {
  grid-template-columns: 52px minmax(0, 1fr) max-content;
}

.stats-player-recent-row {
  grid-template-columns: 52px minmax(0, 1fr) max-content;
}

/* Item image holder - no vertical divider */
.stats-player-mini-icon,
.stats-player-recent-icon {
  background: transparent;
  border: 0;
  border-right: 0;
  box-shadow: none;
}

.stats-player-mini-icon img,
.stats-player-recent-icon img {
  filter:
    drop-shadow(0 6px 8px rgba(0,0,0,.82))
    drop-shadow(0 0 8px rgba(140,255,0,.10));
}

/* Item names */
.stats-player-mini-main b,
.stats-player-recent-main b {
  color: #ffffff;
  text-shadow:
    0 2px 8px rgba(0,0,0,.95),
    0 0 8px rgba(140,255,0,.16);
}

/* Green stat line */
.stats-player-mini-main i {
  opacity: .95;
  box-shadow: 0 0 8px rgba(140,255,0,.18);
}

/* Amount / count text - no box */
.stats-player-mini-row strong,
.stats-player-recent-row strong {
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0 2px 0 10px;

  display: block;

  color: #ffffff;
  background: transparent;
  border: 0;
  box-shadow: none;

  text-align: right;
  white-space: nowrap;

  text-shadow:
    0 2px 8px rgba(0,0,0,.95),
    0 0 8px rgba(140,255,0,.14);
}

/* Recent kills victim name */
.stats-player-recent-main span {
  color: #8cff00;
  text-shadow:
    0 2px 8px rgba(0,0,0,.95),
    0 0 8px rgba(140,255,0,.18);
}

/* Explosives rows: red-black danger style */
.panel-top-explosives .stats-player-mini-row {
  border-color: rgba(255,63,53,.18);
  border-left-color: rgba(255,63,53,.08);

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.99) 0%,
      rgba(9,0,0,.96) 48%,
      rgba(0,0,0,.99) 100%
    );
}

/* Top Victim / Nemesis inner feature cards */
.stats-player-feature-player {
  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.90),
      rgba(0,0,0,.99)
    );

  box-shadow:
    inset 0 0 30px rgba(0,0,0,.96),
    0 4px 18px rgba(0,0,0,.62);
}

.panel-nemesis .stats-player-feature-player {
  border-color: rgba(255,63,53,.24);

  background:
    linear-gradient(
      180deg,
      rgba(6,0,0,.94),
      rgba(0,0,0,.99)
    );
}

/* Keep Nemesis number clean - no box around the number */
.panel-nemesis .stats-player-feature-player strong {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.stats-player-feature-player b,
.stats-player-feature-player span,
.stats-player-feature-player em {
  text-shadow:
    0 2px 8px rgba(0,0,0,.95);
}

/* ================================
   PLAYER DETAIL CARD ALIGNMENT FIX
   Keeps View More buttons level
================================ */

.stats-player-detail-card {
  display: flex;
  flex-direction: column;
}

/* All main panel content areas take the same flexible space */
.stats-player-empty-panel,
.stats-player-mini-list,
.stats-player-recent-list,
.stats-player-feature-player {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}

/* Keep lists at the top, button pushed to bottom */
.stats-player-mini-list,
.stats-player-recent-list {
  align-content: start;
}

/* Button always sits at the bottom of the card */
.stats-player-panel-btn {
  margin-top: auto;
}

/* ================================
   RED PANEL CLEANUP
   Top Explosives + Nemesis use red only
================================ */

/* Outer card border and HUD corners */
.panel-top-explosives,
.panel-nemesis {
  border-color: rgba(255,63,53,.34);
}

.panel-top-explosives::before,
.panel-nemesis::before {
  border-color: rgba(255,63,53,.18);
}

/* Title banner already red, make it stronger */
.panel-top-explosives .stats-player-detail-head > div,
.panel-nemesis .stats-player-detail-head > div {
  border-color: rgba(255,63,53,.36);

  box-shadow:
    inset 0 0 18px rgba(0,0,0,.9),
    0 8px 24px rgba(0,0,0,.54),
    0 0 14px rgba(255,63,53,.08);
}

/* Explosive rows: red borders only */
.panel-top-explosives .stats-player-mini-row {
  border-color: rgba(255,63,53,.18);
  border-left-color: rgba(255,63,53,.12);

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.99) 0%,
      rgba(10,0,0,.96) 48%,
      rgba(0,0,0,.99) 100%
    );
}

/* Explosive row item text/glow */
.panel-top-explosives .stats-player-mini-main b {
  color: #ffffff;

  text-shadow:
    0 2px 8px rgba(0,0,0,.95),
    0 0 8px rgba(255,63,53,.18);
}

/* Explosive stat line under item names must be red */
.panel-top-explosives .stats-player-mini-main i {
  background:
    linear-gradient(
      90deg,
      rgba(255,63,53,.92),
      rgba(255,63,53,.24),
      transparent
    );

  box-shadow:
    0 0 8px rgba(255,63,53,.20);
}

/* Explosive item image glow red, not green */
.panel-top-explosives .stats-player-mini-icon img {
  filter:
    drop-shadow(0 6px 8px rgba(0,0,0,.82))
    drop-shadow(0 0 8px rgba(255,63,53,.12));
}

/* Explosive amount text red glow, no box */
.panel-top-explosives .stats-player-mini-row strong {
  color: #ffffff;
  background: transparent;
  border: 0;
  box-shadow: none;

  text-shadow:
    0 2px 8px rgba(0,0,0,.95),
    0 0 8px rgba(255,63,53,.16);
}

/* Nemesis inner panel red only */
.panel-nemesis .stats-player-feature-player {
  border-color: rgba(255,63,53,.24);

  background:
    linear-gradient(
      180deg,
      rgba(8,0,0,.88),
      rgba(0,0,0,.98)
    );

  box-shadow:
    inset 0 0 30px rgba(0,0,0,.96),
    0 4px 18px rgba(0,0,0,.62);
}

.panel-nemesis .stats-player-feature-player span,
.panel-nemesis .stats-player-feature-player strong {
  color: #ff3f35;
}

.panel-nemesis .stats-player-feature-player b,
.panel-nemesis .stats-player-feature-player em {
  color: #ffffff;
}

/* Nemesis number stays clean, no box */
.panel-nemesis .stats-player-feature-player strong {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;

  text-shadow:
    0 2px 8px rgba(0,0,0,.95),
    0 0 10px rgba(255,63,53,.24);
}

/* Red panel View More button */
.panel-top-explosives .stats-player-panel-btn,
.panel-nemesis .stats-player-panel-btn {
  border-color: rgba(255,63,53,.24);
  color: #ff3f35;
}

.panel-top-explosives .stats-player-panel-btn:hover,
.panel-nemesis .stats-player-panel-btn:hover {
  border-color: rgba(255,63,53,.72);

  background:
    linear-gradient(
      180deg,
      rgba(255,63,53,.14),
      rgba(0,0,0,.72)
    );

  color: #ffffff;

  box-shadow:
    0 0 20px rgba(255,63,53,.18),
    inset 0 0 18px rgba(255,63,53,.07);
}

/* ================================
   RAID TRACKER OFFLINE STAT BOX RED
================================ */

.stats-player-raid-statline div:nth-child(3) {
  border-color: rgba(255,63,53,.32);

  background:
    linear-gradient(
      180deg,
      rgba(12,0,0,.82),
      rgba(0,0,0,.86)
    );

  box-shadow:
    inset 0 0 20px rgba(0,0,0,.72),
    0 0 14px rgba(255,63,53,.08);
}

.stats-player-raid-statline div:nth-child(3) span {
  color: rgba(255,120,112,.72);
}

.stats-player-raid-statline div:nth-child(3) b {
  color: #ff3f35;
  text-shadow:
    0 2px 8px rgba(0,0,0,.95),
    0 0 10px rgba(255,63,53,.22);
}

/* =====================================================================================================================
   FINAL FIX PATCH - CLEAN MOCKUP CARDS WITHOUT BREAKING VIEW MORE PAGES
   - hides the small title icons in cards
   - keeps only the top item visible on the player overview cards
   - adds proper hover movement/glow/image lift
   - keeps full View More pages readable instead of flattening them
===================================================================================================================== */

/* ------------------------------
   Global smoother hover feel
------------------------------ */
.stats-leaderboard-player,
.stats-side-card,
.stats-player-summary-card,
.stats-hit-summary-card,
.stats-player-detail-card,
.stats-player-panel-btn,
.stats-player-mini-row,
.stats-player-recent-row,
.stats-player-feature-player,
.stats-player-boss-card,
.stats-player-raid-meter,
.stats-item-card,
.stats-hit-detail-card {
  transition:
    transform .20s ease,
    border-color .20s ease,
    background .20s ease,
    box-shadow .20s ease,
    filter .20s ease;
}

.stats-leaderboard-avatar img,
.stats-side-card img,
.stats-player-mini-icon img,
.stats-player-recent-icon img,
.stats-player-feature-player img,
.stats-player-boss-bg {
  transition:
    transform .22s ease,
    filter .22s ease,
    opacity .22s ease;
}

/* ------------------------------
   Leaderboard hover niceness
------------------------------ */
.stats-leaderboard-player:hover .stats-leaderboard-avatar img {
  transform: scale(1.055);
}

.stats-leaderboard-player:hover .stats-leaderboard-name strong {
  color: #ffffff;
  text-shadow:
    0 2px 10px rgba(0,0,0,.92),
    0 0 14px rgba(140,255,0,.24);
}

.stats-side-card:hover {
  transform: translateY(-3px);
  border-color: rgba(140,255,0,.54);
  box-shadow:
    inset 0 0 36px rgba(0,0,0,.84),
    0 0 24px rgba(140,255,0,.13);
}

.stats-side-card:hover img {
  transform: scale(1.035);
}


/* ------------------------------
   Player overview cards only
   This avoids trashing the View More pages.
------------------------------ */
.stats-player-dashboard > .stats-player-detail-grid .stats-player-detail-card {
  height: auto !important;
  min-height: 330px;
  padding: 14px;
  isolation: isolate;
  border-color: rgba(140,255,0,.24);
  box-shadow:
    inset 0 0 34px rgba(0,0,0,.82),
    0 0 18px rgba(140,255,0,.035);
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-detail-card:hover {
  transform: translateY(-5px);
  border-color: rgba(140,255,0,.62);
  box-shadow:
    inset 0 0 36px rgba(0,0,0,.86),
    0 0 28px rgba(140,255,0,.16);
}

.stats-player-dashboard > .stats-player-detail-grid .panel-top-explosives:hover,
.stats-player-dashboard > .stats-player-detail-grid .panel-nemesis:hover {
  border-color: rgba(255,63,53,.58);
  box-shadow:
    inset 0 0 36px rgba(0,0,0,.86),
    0 0 28px rgba(255,63,53,.14);
}

/* Do not show the small PHP title icons. The card image is the visual. */
.stats-player-detail-head .stats-player-detail-icon,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-detail-icon,
.stats-player-full-panel .stats-player-detail-icon {
  display: none !important;
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-detail-head {
  margin: -2px -2px 12px;
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-detail-head > div {
  width: 100%;
  min-height: 42px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(90deg, rgba(0,0,0,.96), rgba(3,11,2,.94), rgba(0,0,0,.96));
  border: 1px solid rgba(140,255,0,.24);
  box-shadow:
    inset 0 0 18px rgba(0,0,0,.88),
    0 8px 22px rgba(0,0,0,.46);
}

.stats-player-dashboard > .stats-player-detail-grid .panel-top-explosives .stats-player-detail-head > div,
.stats-player-dashboard > .stats-player-detail-grid .panel-nemesis .stats-player-detail-head > div {
  border-color: rgba(255,63,53,.28);
  background:
    linear-gradient(90deg, rgba(0,0,0,.97), rgba(16,0,0,.94), rgba(0,0,0,.97));
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-detail-head h2 {
  margin: 0;
  color: #fff;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 21px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .055em;
  text-transform: uppercase;
  text-shadow:
    0 2px 10px rgba(0,0,0,.95),
    0 0 12px rgba(140,255,0,.18);
}

.stats-player-dashboard > .stats-player-detail-grid .panel-top-explosives .stats-player-detail-head h2,
.stats-player-dashboard > .stats-player-detail-grid .panel-nemesis .stats-player-detail-head h2 {
  text-shadow:
    0 2px 10px rgba(0,0,0,.95),
    0 0 12px rgba(255,63,53,.22);
}

/* Main overview cards: show one clean image-led embed, not the full list. */
.stats-player-dashboard > .stats-player-detail-grid .stats-player-mini-list,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-recent-list,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-feature-player,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-empty-panel {
  flex: 1 1 auto;
  height: auto !important;
  min-height: 190px;
  margin: 10px 0 12px;
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-mini-list,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-recent-list {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-mini-row:nth-child(n+2),
.stats-player-dashboard > .stats-player-detail-grid .stats-player-recent-row:nth-child(n+2) {
  display: none !important;
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-mini-row,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-recent-row {
  width: 100%;
  min-height: 182px;
  padding: 14px;
  display: grid;
  grid-template-columns: 1fr;
  align-content: center;
  justify-items: center;
  gap: 6px;
  text-align: center;
  border: 1px solid rgba(140,255,0,.15);
  background:
    radial-gradient(circle at 50% 12%, rgba(140,255,0,.12), transparent 48%),
    linear-gradient(180deg, rgba(0,0,0,.48), rgba(0,0,0,.76));
  box-shadow:
    inset 0 0 24px rgba(0,0,0,.82),
    0 10px 22px rgba(0,0,0,.34);
}

.stats-player-dashboard > .stats-player-detail-grid .panel-top-explosives .stats-player-mini-row,
.stats-player-dashboard > .stats-player-detail-grid .panel-nemesis .stats-player-recent-row {
  border-color: rgba(255,63,53,.20);
  background:
    radial-gradient(circle at 50% 12%, rgba(255,63,53,.12), transparent 48%),
    linear-gradient(180deg, rgba(12,0,0,.48), rgba(0,0,0,.78));
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-detail-card:hover .stats-player-mini-row,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-detail-card:hover .stats-player-recent-row,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-detail-card:hover .stats-player-feature-player {
  border-color: rgba(140,255,0,.28);
  box-shadow:
    inset 0 0 26px rgba(0,0,0,.84),
    0 12px 28px rgba(0,0,0,.42),
    0 0 20px rgba(140,255,0,.08);
}

.stats-player-dashboard > .stats-player-detail-grid .panel-top-explosives:hover .stats-player-mini-row,
.stats-player-dashboard > .stats-player-detail-grid .panel-nemesis:hover .stats-player-feature-player {
  border-color: rgba(255,63,53,.32);
  box-shadow:
    inset 0 0 26px rgba(0,0,0,.84),
    0 12px 28px rgba(0,0,0,.42),
    0 0 20px rgba(255,63,53,.09);
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-mini-icon,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-recent-icon {
  width: 100%;
  height: 92px;
  display: grid;
  place-items: center;
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-mini-icon img,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-recent-icon img {
  width: 150px;
  max-width: 90%;
  height: 90px;
  object-fit: contain;
  filter:
    drop-shadow(0 14px 16px rgba(0,0,0,.78))
    drop-shadow(0 0 12px rgba(140,255,0,.10));
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-detail-card:hover .stats-player-mini-icon img,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-detail-card:hover .stats-player-recent-icon img {
  transform: translateY(-3px) scale(1.08);
  filter:
    drop-shadow(0 18px 18px rgba(0,0,0,.82))
    drop-shadow(0 0 18px rgba(140,255,0,.18));
}

.stats-player-dashboard > .stats-player-detail-grid .panel-top-explosives:hover .stats-player-mini-icon img,
.stats-player-dashboard > .stats-player-detail-grid .panel-nemesis:hover .stats-player-feature-player img {
  filter:
    drop-shadow(0 18px 18px rgba(0,0,0,.82))
    drop-shadow(0 0 18px rgba(255,63,53,.16));
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-mini-main,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-recent-main {
  min-width: 0;
  width: 100%;
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-mini-main b,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-recent-main b,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-recent-main span {
  display: block;
  max-width: 100%;
  color: rgba(244,247,239,.82);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-recent-main span {
  margin-top: 5px;
  color: var(--green, #8cff00);
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-mini-main i {
  display: none !important;
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-mini-row strong,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-recent-row strong {
  display: block;
  margin-top: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--green, #8cff00);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 44px;
  line-height: .86;
  font-weight: 1000;
  text-align: center;
  text-shadow: 0 0 16px rgba(140,255,0,.20);
}

.stats-player-dashboard > .stats-player-detail-grid .panel-top-explosives .stats-player-mini-row strong,
.stats-player-dashboard > .stats-player-detail-grid .panel-nemesis .stats-player-feature-player strong {
  color: #ff3f35;
  text-shadow: 0 0 16px rgba(255,63,53,.20);
}

/* Top victim / nemesis overview cards */
.stats-player-dashboard > .stats-player-detail-grid .stats-player-feature-player {
  padding: 14px;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  gap: 5px;
  border: 1px solid rgba(140,255,0,.15);
  background:
    radial-gradient(circle at 50% 10%, rgba(140,255,0,.10), transparent 46%),
    linear-gradient(180deg, rgba(0,0,0,.48), rgba(0,0,0,.78));
  box-shadow:
    inset 0 0 24px rgba(0,0,0,.82),
    0 10px 22px rgba(0,0,0,.34);
}

.stats-player-dashboard > .stats-player-detail-grid .panel-nemesis .stats-player-feature-player {
  border-color: rgba(255,63,53,.20);
  background:
    radial-gradient(circle at 50% 10%, rgba(255,63,53,.10), transparent 46%),
    linear-gradient(180deg, rgba(12,0,0,.50), rgba(0,0,0,.80));
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-feature-player img {
  width: 84px;
  height: 84px;
  object-fit: cover;
  margin: 0 0 8px;
  border: 1px solid rgba(140,255,0,.28);
  box-shadow: 0 0 18px rgba(0,0,0,.52);
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-detail-card:hover .stats-player-feature-player img {
  transform: translateY(-2px) scale(1.06);
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-feature-player span,
.stats-player-dashboard > .stats-player-detail-grid .stats-player-feature-player em {
  color: rgba(244,247,239,.60);
  font-size: 10px;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-style: normal;
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-feature-player b {
  max-width: 100%;
  color: #fff;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 1000;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-feature-player strong {
  color: var(--green, #8cff00);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 46px;
  line-height: .88;
  font-weight: 1000;
}

/* Empty overview cards: keep the image-led feel without the ugly text box. */
.stats-player-dashboard > .stats-player-detail-grid .stats-player-empty-panel {
  padding: 16px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  border: 1px dashed rgba(140,255,0,.18);
  background:
    radial-gradient(circle at 50% 10%, rgba(140,255,0,.08), transparent 46%),
    rgba(0,0,0,.36);
  box-shadow: inset 0 0 22px rgba(0,0,0,.72);
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-empty-panel b {
  display: block;
  color: #fff;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 18px;
  font-weight: 1000;
  text-transform: uppercase;
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-empty-panel span {
  display: block;
  max-width: 240px;
  color: rgba(244,247,239,.58);
  font-size: 12px;
  line-height: 1.35;
}

/* View more button: stronger hover, no floating weirdness. */
.stats-player-dashboard > .stats-player-detail-grid .stats-player-panel-btn {
  flex: 0 0 auto;
  width: 100%;
  height: 44px;
  margin-top: auto;
  border: 1px solid rgba(140,255,0,.24);
  background:
    linear-gradient(180deg, rgba(140,255,0,.08), rgba(0,0,0,.72));
  color: var(--green, #8cff00);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .10em;
  text-transform: uppercase;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow:
    inset 0 0 16px rgba(140,255,0,.035),
    0 0 12px rgba(140,255,0,.04);
}

.stats-player-dashboard > .stats-player-detail-grid .stats-player-panel-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(140,255,0,.82);
  color: #fff;
  background:
    linear-gradient(180deg, rgba(140,255,0,.18), rgba(0,0,0,.80));
  box-shadow:
    inset 0 0 18px rgba(140,255,0,.07),
    0 0 24px rgba(140,255,0,.18);
}

.stats-player-dashboard > .stats-player-detail-grid .panel-top-explosives .stats-player-panel-btn,
.stats-player-dashboard > .stats-player-detail-grid .panel-nemesis .stats-player-panel-btn {
  border-color: rgba(255,63,53,.24);
  color: #ff3f35;
  background:
    linear-gradient(180deg, rgba(255,63,53,.08), rgba(0,0,0,.74));
}

.stats-player-dashboard > .stats-player-detail-grid .panel-top-explosives .stats-player-panel-btn:hover,
.stats-player-dashboard > .stats-player-detail-grid .panel-nemesis .stats-player-panel-btn:hover {
  border-color: rgba(255,63,53,.76);
  color: #fff;
  background:
    linear-gradient(180deg, rgba(255,63,53,.16), rgba(0,0,0,.82));
  box-shadow:
    inset 0 0 18px rgba(255,63,53,.06),
    0 0 24px rgba(255,63,53,.16);
}

/* ------------------------------
   View More pages: do not use the compact overview-card styling.
------------------------------ */
.stats-player-full-panel {
  margin-top: 14px;
  border-color: rgba(140,255,0,.26);
}

.stats-player-full-panel .stats-player-detail-head {
  margin: 0 0 14px;
}

.stats-player-full-panel .stats-player-detail-head > div {
  width: 100%;
}

.stats-player-full-panel .stats-item-card,
.stats-player-full-panel .stats-hit-detail-card {
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.stats-player-full-panel .stats-item-card:hover,
.stats-player-full-panel .stats-hit-detail-card:hover {
  transform: translateY(-3px);
  border-color: rgba(140,255,0,.42);
  box-shadow:
    inset 0 0 24px rgba(0,0,0,.72),
    0 0 20px rgba(140,255,0,.10);
}

.stats-player-full-panel .stats-item-card:hover img,
.stats-player-full-panel .stats-hit-detail-card:hover img {
  transform: scale(1.045);
}

/* ------------------------------
   Hit summary extra hover
------------------------------ */
.stats-hit-summary-card:hover {
  border-color: rgba(140,255,0,.48);
  box-shadow:
    inset 0 0 48px rgba(0,0,0,.88),
    0 0 28px rgba(140,255,0,.12);
}

.stats-hit-summary-card:hover .stats-hit-summary-body {
  transform: scale(1.035);
}

.stats-hit-summary-body {
  transition: transform .22s ease, filter .22s ease;
}

/* ------------------------------
   Boss/Raid hover polish
------------------------------ */
.stats-player-boss-card:hover {
  transform: translateY(-3px);
  border-color: rgba(140,255,0,.48);
  box-shadow: 0 0 24px rgba(140,255,0,.10);
}

.stats-player-boss-card:hover .stats-player-boss-bg {
  transform: scale(1.045);
  filter: contrast(1.12) saturate(1.08) brightness(.84);
}

.stats-player-raid-meter:hover {
  transform: translateY(-2px);
  border-color: rgba(140,255,0,.42);
  box-shadow: 0 0 18px rgba(140,255,0,.08);
}

.stats-player-raid-meter.is-offline:hover {
  border-color: rgba(255,63,53,.42);
  box-shadow: 0 0 18px rgba(255,63,53,.08);
}

/* ------------------------------
   Responsive lock
------------------------------ */
@media (max-width: 1200px) {
  .stats-player-dashboard > .stats-player-detail-grid .stats-player-detail-card {
    min-height: 318px;
  }
}

@media (max-width: 760px) {
  .stats-player-dashboard > .stats-player-detail-grid .stats-player-detail-card {
    min-height: 300px;
  }

  .stats-player-dashboard > .stats-player-detail-grid .stats-player-mini-row,
  .stats-player-dashboard > .stats-player-detail-grid .stats-player-recent-row,
  .stats-player-dashboard > .stats-player-detail-grid .stats-player-feature-player,
  .stats-player-dashboard > .stats-player-detail-grid .stats-player-empty-panel {
    min-height: 170px;
  }
}

/* =========================================================
   PATCH: keep Hit Distribution body locked to marker positions
   Do not let hover overwrite the centering transform.
========================================================= */
.stats-hit-summary-body {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
  transition: filter .22s ease !important;
}

.stats-hit-summary-card:hover .stats-hit-summary-body {
  transform: translate(-50%, -50%) !important;
}

.stats-hit-summary-card:hover .stats-hit-summary-radar {
  border-color: rgba(140,255,0,.38);
  box-shadow:
    inset 0 0 34px rgba(0,0,0,.84),
    0 0 22px rgba(140,255,0,.12);
}

/* =========================================================
   PLAYER DETAIL VIEW-MORE PAGES - ALL SECTIONS
   Paste at the bottom of /assets/css/stats.css
   Works with stats-player-detail-all-sections.php

   Covers:
   weapons, gathered, pickups, explosives, animals,
   victims, nemesis, recent pvp kills
========================================================= */

/* Kill the old generic title icon on detail pages if any old CSS leaks through */
.stats-player-full-panel .stats-player-detail-icon,
.stats-rich-detail-shell .stats-player-detail-icon {
  display: none !important;
}

/* =========================================================
   DETAIL HERO BACKGROUNDS
========================================================= */

.stats-player-detail-hero {
  position: relative;
  overflow: hidden;
}

.stats-player-detail-hero.is-weapons-detail {
  background:
    linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.86) 34%, rgba(0,0,0,.34) 68%, rgba(0,0,0,.88) 100%),
    url('/assets/img/stats-panels/stats-panel-top-weapons-bg.webp') center / cover no-repeat;
}

.stats-player-detail-hero.is-gathered-detail {
  background:
    linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.86) 34%, rgba(0,0,0,.34) 68%, rgba(0,0,0,.88) 100%),
    url('/assets/img/stats-panels/stats-panel-top-gathered-bg.webp') center / cover no-repeat;
}

.stats-player-detail-hero.is-pickups-detail {
  background:
    linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.86) 34%, rgba(0,0,0,.34) 68%, rgba(0,0,0,.88) 100%),
    url('/assets/img/stats-panels/stats-panel-top-pickups-bg.webp') center / cover no-repeat;
}

.stats-player-detail-hero.is-explosives-detail {
  background:
    linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.88) 34%, rgba(38,0,0,.32) 68%, rgba(0,0,0,.90) 100%),
    url('/assets/img/stats-panels/stats-panel-top-explosives-bg.webp') center / cover no-repeat;
}

.stats-player-detail-hero.is-animals-detail {
  background:
    linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.86) 34%, rgba(0,0,0,.34) 68%, rgba(0,0,0,.88) 100%),
    url('/assets/img/stats-panels/stats-panel-animals-killed-bg.webp') center / cover no-repeat;
}

.stats-player-detail-hero.is-victims-detail {
  background:
    linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.86) 34%, rgba(0,0,0,.34) 68%, rgba(0,0,0,.88) 100%),
    url('/assets/img/stats-panels/stats-panel-top-victim-bg.webp') center / cover no-repeat;
}

.stats-player-detail-hero.is-nemesis-detail {
  background:
    linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.88) 34%, rgba(38,0,0,.34) 68%, rgba(0,0,0,.90) 100%),
    url('/assets/img/stats-panels/stats-panel-nemesis-bg.webp') center / cover no-repeat;
}

.stats-player-detail-hero.is-recent-detail {
  background:
    linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.86) 34%, rgba(0,0,0,.34) 68%, rgba(0,0,0,.88) 100%),
    url('/assets/img/stats-panels/stats-panel-recent-pvp-kills-bg.webp') center / cover no-repeat;
}

.stats-player-detail-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 20%, rgba(140,255,0,.14), transparent 38%),
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.34) 100%);
}

.stats-player-detail-hero.is-explosives-detail::after,
.stats-player-detail-hero.is-nemesis-detail::after {
  background:
    radial-gradient(circle at 72% 20%, rgba(255,63,53,.16), transparent 38%),
    radial-gradient(circle at 28% 58%, rgba(140,255,0,.055), transparent 34%),
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.38) 100%);
}

.stats-player-detail-hero .hero-inner {
  position: relative;
  z-index: 2;
}

.stats-player-detail-hero .stats-player-hero-main {
  max-width: 760px;
  padding-top: 10px;
}

.stats-player-detail-hero h1 {
  letter-spacing: .02em;
}

.stats-player-detail-hero .hero-copy {
  max-width: 590px;
}

/* =========================================================
   RICH DETAIL SHELL
========================================================= */

.stats-rich-detail-shell {
  position: relative;
  overflow: hidden;
  padding: 14px;
  border: 1px solid rgba(140,255,0,.28);
  background:
    radial-gradient(circle at 18% 0%, rgba(140,255,0,.10), transparent 34%),
    radial-gradient(circle at 80% 20%, rgba(140,255,0,.055), transparent 32%),
    linear-gradient(180deg, rgba(5,10,5,.96), rgba(0,0,0,.98));
  box-shadow:
    inset 0 0 48px rgba(0,0,0,.86),
    0 0 22px rgba(140,255,0,.045);
}

.stats-rich-detail-shell.is-danger {
  border-color: rgba(255,63,53,.34);
  background:
    radial-gradient(circle at 18% 0%, rgba(255,63,53,.10), transparent 34%),
    radial-gradient(circle at 80% 20%, rgba(140,255,0,.045), transparent 32%),
    linear-gradient(180deg, rgba(10,5,5,.96), rgba(0,0,0,.98));
}

.stats-rich-detail-shell::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) left top / 52px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) left top / 1px 52px no-repeat,
    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) right top / 52px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) right top / 1px 52px no-repeat,
    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) left bottom / 52px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) left bottom / 1px 52px no-repeat,
    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) right bottom / 52px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.58), rgba(140,255,0,.58)) right bottom / 1px 52px no-repeat;
}

.stats-rich-detail-shell.is-danger::before {
  background:
    linear-gradient(rgba(255,63,53,.58), rgba(255,63,53,.58)) left top / 52px 1px no-repeat,
    linear-gradient(rgba(255,63,53,.58), rgba(255,63,53,.58)) left top / 1px 52px no-repeat,
    linear-gradient(rgba(255,63,53,.58), rgba(255,63,53,.58)) right top / 52px 1px no-repeat,
    linear-gradient(rgba(255,63,53,.58), rgba(255,63,53,.58)) right top / 1px 52px no-repeat,
    linear-gradient(rgba(255,63,53,.58), rgba(255,63,53,.58)) left bottom / 52px 1px no-repeat,
    linear-gradient(rgba(255,63,53,.58), rgba(255,63,53,.58)) left bottom / 1px 52px no-repeat,
    linear-gradient(rgba(255,63,53,.58), rgba(255,63,53,.58)) right bottom / 52px 1px no-repeat,
    linear-gradient(rgba(255,63,53,.58), rgba(255,63,53,.58)) right bottom / 1px 52px no-repeat;
}

.stats-rich-detail-shell > * {
  position: relative;
  z-index: 4;
}

/* Text-only stat strip */

.stats-rich-stat-strip {
  margin-bottom: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid rgba(140,255,0,.22);
  background:
    linear-gradient(90deg, rgba(0,0,0,.74), rgba(7,17,5,.48), rgba(0,0,0,.74));
  box-shadow: inset 0 0 28px rgba(0,0,0,.78);
}

.stats-rich-detail-shell.is-danger .stats-rich-stat-strip {
  border-color: rgba(255,63,53,.26);
  background:
    linear-gradient(90deg, rgba(0,0,0,.76), rgba(28,4,3,.46), rgba(0,0,0,.76));
}

.stats-rich-stat-strip div {
  min-height: 82px;
  padding: 16px 18px;
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
  min-width: 0;
}

.stats-rich-stat-strip div + div {
  border-left: 1px solid rgba(140,255,0,.14);
}

.stats-rich-detail-shell.is-danger .stats-rich-stat-strip div + div {
  border-left-color: rgba(255,63,53,.16);
}

.stats-rich-stat-strip span {
  display: block;
  margin-bottom: 8px;
  color: rgba(244,247,239,.62);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.stats-rich-stat-strip strong {
  display: block;
  max-width: 100%;
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 31px;
  font-weight: 1000;
  line-height: .95;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 0 14px rgba(140,255,0,.18);
}

.stats-rich-detail-shell.is-danger .stats-rich-stat-strip strong {
  color: #ff3f35;
  text-shadow: 0 0 14px rgba(255,63,53,.20);
}

/* =========================================================
   RICH GRID CARDS
========================================================= */

.stats-rich-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 12px;
}

.stats-rich-detail-grid.is-recent-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.stats-rich-detail-card {
  position: relative;
  overflow: hidden;
  min-height: 265px;
  padding: 16px;
  border: 1px solid rgba(140,255,0,.22);
  background:
    radial-gradient(circle at 50% 18%, rgba(140,255,0,.12), transparent 42%),
    linear-gradient(180deg, rgba(9,14,9,.88), rgba(0,0,0,.94));
  box-shadow:
    inset 0 0 28px rgba(0,0,0,.82),
    0 0 0 rgba(140,255,0,0);
  display: flex;
  flex-direction: column;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.stats-rich-detail-card.is-danger-card {
  border-color: rgba(255,63,53,.25);
  background:
    radial-gradient(circle at 50% 18%, rgba(255,63,53,.11), transparent 42%),
    linear-gradient(180deg, rgba(14,7,7,.9), rgba(0,0,0,.95));
}

.stats-gathered-detail-card,
.stats-pickups-detail-card,
.stats-animals-detail-card {
  background:
    radial-gradient(circle at 50% 18%, rgba(140,255,0,.10), transparent 42%),
    radial-gradient(circle at 25% 72%, rgba(140,255,0,.055), transparent 32%),
    linear-gradient(180deg, rgba(9,14,9,.88), rgba(0,0,0,.94));
}

.stats-rich-detail-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), transparent 28%, rgba(0,0,0,.32)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 58px);
  opacity: .72;
}

.stats-rich-detail-card::after {
  content: "";
  position: absolute;
  inset: 9px;
  pointer-events: none;
  border: 1px solid rgba(140,255,0,.10);
}

.stats-rich-detail-card.is-danger-card::after {
  border-color: rgba(255,63,53,.12);
}

.stats-rich-detail-card:hover {
  transform: translateY(-5px);
  border-color: rgba(140,255,0,.78);
  background:
    radial-gradient(circle at 50% 18%, rgba(140,255,0,.18), transparent 44%),
    linear-gradient(180deg, rgba(10,18,8,.94), rgba(0,0,0,.96));
  box-shadow:
    inset 0 0 30px rgba(0,0,0,.82),
    0 0 26px rgba(140,255,0,.16);
}

.stats-rich-detail-card.is-danger-card:hover {
  border-color: rgba(255,63,53,.78);
  background:
    radial-gradient(circle at 50% 18%, rgba(255,63,53,.17), transparent 44%),
    linear-gradient(180deg, rgba(18,8,7,.95), rgba(0,0,0,.96));
  box-shadow:
    inset 0 0 30px rgba(0,0,0,.82),
    0 0 26px rgba(255,63,53,.15);
}

.stats-rich-detail-card.is-top-item {
  border-color: rgba(140,255,0,.72);
  box-shadow:
    inset 0 0 30px rgba(0,0,0,.82),
    0 0 22px rgba(140,255,0,.12);
}

.stats-rich-detail-card.is-top-item.is-danger-card {
  border-color: rgba(255,63,53,.68);
  box-shadow:
    inset 0 0 30px rgba(0,0,0,.82),
    0 0 22px rgba(255,63,53,.13);
}

.stats-rich-detail-rank {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 4;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(244,247,239,.18);
  background: rgba(0,0,0,.62);
  color: rgba(244,247,239,.85);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 24px;
  font-weight: 1000;
  line-height: 1;
  display: grid;
  place-items: center;
}

.stats-rich-detail-card.is-top-item .stats-rich-detail-rank {
  border-color: rgba(140,255,0,.74);
  color: #8cff00;
  box-shadow: 0 0 16px rgba(140,255,0,.24);
}

.stats-rich-detail-card.is-danger-card.is-top-item .stats-rich-detail-rank {
  border-color: rgba(255,63,53,.74);
  color: #ff3f35;
  box-shadow: 0 0 16px rgba(255,63,53,.24);
}

.stats-rich-detail-image {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  min-height: 135px;
  padding: 24px 8px 4px;
  display: grid;
  place-items: center;
}

.stats-rich-detail-image img {
  width: 100%;
  max-width: 190px;
  max-height: 126px;
  object-fit: contain;
  filter:
    drop-shadow(0 18px 18px rgba(0,0,0,.78))
    drop-shadow(0 0 12px rgba(140,255,0,.10));
  transform: scale(1);
  transition:
    transform .18s ease,
    filter .18s ease;
}

.stats-rich-detail-card:hover .stats-rich-detail-image img {
  transform: scale(1.06) translateY(-2px);
  filter:
    drop-shadow(0 20px 20px rgba(0,0,0,.82))
    drop-shadow(0 0 18px rgba(140,255,0,.22));
}

.stats-rich-detail-card.is-danger-card:hover .stats-rich-detail-image img {
  filter:
    drop-shadow(0 20px 20px rgba(0,0,0,.82))
    drop-shadow(0 0 18px rgba(255,63,53,.20));
}

.stats-rich-detail-name,
.stats-rich-detail-name.is-player-name {
  position: relative;
  z-index: 2;
  max-width: 100%;
  margin: 0 auto 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f4f7ef;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 22px;
  font-weight: 1000;
  line-height: .95;
  letter-spacing: .045em;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

button.stats-rich-detail-name {
  cursor: pointer;
}

button.stats-rich-detail-name:hover,
button.stats-rich-detail-name.is-copied {
  color: #8cff00;
  text-shadow: 0 0 14px rgba(140,255,0,.34);
}

.stats-rich-detail-card.is-danger-card button.stats-rich-detail-name:hover,
.stats-rich-detail-card.is-danger-card button.stats-rich-detail-name.is-copied {
  color: #ff3f35;
  text-shadow: 0 0 14px rgba(255,63,53,.34);
}

.stats-rich-detail-amount {
  position: relative;
  z-index: 2;
  min-height: 44px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
}

.stats-rich-detail-amount strong {
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 36px;
  font-weight: 1000;
  line-height: .9;
  text-shadow: 0 0 14px rgba(140,255,0,.18);
}

.stats-rich-detail-card.is-danger-card .stats-rich-detail-amount strong {
  color: #ff3f35;
  text-shadow: 0 0 14px rgba(255,63,53,.20);
}

.stats-rich-detail-amount span {
  color: rgba(244,247,239,.72);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 16px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.stats-rich-detail-meta {
  position: relative;
  z-index: 2;
  margin-top: 9px;
  padding-top: 9px;
  border-top: 1px solid rgba(140,255,0,.12);
  color: rgba(244,247,239,.56);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: center;
}

.stats-rich-detail-card.is-danger-card .stats-rich-detail-meta {
  border-top-color: rgba(255,63,53,.14);
}

/* Player cards: Top Victim + Nemesis */

.stats-rich-player-card .stats-rich-player-image {
  min-height: 118px;
  padding-top: 28px;
}

.stats-rich-player-card .stats-rich-player-image img {
  width: 94px;
  height: 94px;
  max-width: 94px;
  max-height: 94px;
  border: 1px solid rgba(140,255,0,.34);
  object-fit: cover;
  background: #050805;
}

.stats-rich-player-card.is-danger-card .stats-rich-player-image img {
  border-color: rgba(255,63,53,.34);
}

.stats-rich-player-card:hover .stats-rich-player-image img {
  transform: scale(1.04) translateY(-2px);
}

/* Recent kills */

.stats-rich-recent-card {
  min-height: 310px;
}

.stats-rich-recent-weapon {
  min-height: 110px;
  padding-top: 30px;
}

.stats-rich-recent-victim {
  position: relative;
  z-index: 2;
  margin: 4px 0 10px;
  padding: 9px;
  border: 1px solid rgba(140,255,0,.13);
  background: rgba(0,0,0,.42);
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.stats-rich-recent-victim img {
  width: 46px;
  height: 46px;
  object-fit: cover;
  border: 1px solid rgba(140,255,0,.22);
}

.stats-rich-recent-victim span {
  display: block;
  color: rgba(244,247,239,.54);
  font-size: 9px;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.stats-rich-recent-victim b {
  display: block;
  margin-top: 3px;
  color: #f4f7ef;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 17px;
  font-weight: 1000;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ================================
   PLAYER DETAIL STAT STRIP - 3 EQUAL CELLS
   Fixes the empty 4th slot after Avg stats were removed.
================================ */

.stats-player-dashboard .stats-rich-detail-shell .stats-rich-stat-strip.is-three-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.stats-player-dashboard .stats-rich-detail-shell .stats-rich-stat-strip.is-three-stats > div {
  width: auto !important;
  min-width: 0;
  grid-column: auto !important;
}

.stats-player-dashboard .stats-rich-detail-shell .stats-rich-stat-strip.is-three-stats > div:nth-child(3) {
  border-left: 1px solid rgba(140,255,0,.14);
  border-top: 0 !important;
}

/* ================================
   PLAYER DETAIL STAT STRIP - SHOW ITEM IMAGE
   Shows the top item/weapon/animal image instead of text in the stat strip.
================================ */

.stats-player-dashboard .stats-rich-detail-shell .stats-rich-stat-strip > div.has-strip-item-image {
  padding-top: 10px;
  padding-bottom: 10px;
}

.stats-player-dashboard .stats-rich-strip-item-img {
  width: 100%;
  min-height: 50px;
  margin-top: 2px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.stats-player-dashboard .stats-rich-strip-item-img img {
  display: block;
  max-width: 104px;
  max-height: 52px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter:
    drop-shadow(0 10px 14px rgba(0,0,0,.82))
    drop-shadow(0 0 12px rgba(140,255,0,.16));
  transform: translateZ(0);
}

.stats-player-dashboard .stats-rich-detail-shell.is-danger .stats-rich-strip-item-img img {
  filter:
    drop-shadow(0 10px 14px rgba(0,0,0,.82))
    drop-shadow(0 0 12px rgba(255,63,53,.16));
}

.stats-player-dashboard .stats-rich-stat-strip > div.has-strip-item-image span {
  margin-bottom: 2px;
}

@media (max-width: 720px) {
  .stats-player-dashboard .stats-rich-strip-item-img img {
    max-width: 92px;
    max-height: 48px;
  }
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 980px) {
  .stats-rich-stat-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .stats-rich-stat-strip div:nth-child(3) {
    border-left: 0;
    border-top: 1px solid rgba(140,255,0,.14);
  }

  .stats-rich-stat-strip div:nth-child(4) {
    border-top: 1px solid rgba(140,255,0,.14);
  }

  .stats-rich-detail-shell.is-danger .stats-rich-stat-strip div:nth-child(3),
  .stats-rich-detail-shell.is-danger .stats-rich-stat-strip div:nth-child(4) {
    border-top-color: rgba(255,63,53,.16);
  }

  .stats-rich-detail-grid,
  .stats-rich-detail-grid.is-recent-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .stats-rich-detail-shell {
    padding: 12px;
  }

  .stats-rich-stat-strip,
  .stats-rich-detail-grid,
  .stats-rich-detail-grid.is-recent-grid {
    grid-template-columns: 1fr;
  }

  .stats-rich-stat-strip div + div,
  .stats-rich-stat-strip div:nth-child(3),
  .stats-rich-stat-strip div:nth-child(4) {
    border-left: 0;
    border-top: 1px solid rgba(140,255,0,.14);
  }

  .stats-rich-detail-shell.is-danger .stats-rich-stat-strip div + div,
  .stats-rich-detail-shell.is-danger .stats-rich-stat-strip div:nth-child(3),
  .stats-rich-detail-shell.is-danger .stats-rich-stat-strip div:nth-child(4) {
    border-top-color: rgba(255,63,53,.16);
  }

  .stats-rich-detail-card {
    min-height: 250px;
  }

  .stats-rich-recent-card {
    min-height: 300px;
  }

  .stats-rich-stat-strip strong {
    font-size: 27px;
  }
}

/* ================================
   PRIME POINTS LEADERBOARD ONLY
   Add this to the bottom of stats.css
================================ */

.stats-points-page .stats-leaderboard-shell.is-points-only {
  grid-template-columns: 1fr !important;
}

.stats-points-page .stats-leaderboard-side {
  display: none !important;
}

.stats-points-page .stats-points-table {
  height: 782px;
  min-height: 782px;
}

.stats-points-page .stats-leaderboard-row.is-points-board {
  grid-template-columns: 100px minmax(260px, 1fr) 250px !important;
}

.stats-points-page .stats-leaderboard-head.is-points-board div:nth-child(3) {
  color: var(--green);
  text-align: right;
  padding-right: 34px;
}

.stats-points-page .stats-leaderboard-points {
  min-width: 0;
  padding-right: 34px;
  text-align: right;
  font-family: 'Rajdhani', Arial, sans-serif;
}

.stats-points-page .stats-leaderboard-points strong {
  display: block;
  color: var(--green);
  font-size: 32px;
  line-height: .9;
  font-weight: 1000;
  letter-spacing: .04em;
  text-shadow: 0 0 16px rgba(140,255,0,.20);
}

.stats-points-page .stats-leaderboard-points span {
  display: block;
  margin-top: 8px;
  color: rgba(244,247,239,.56);
  font-size: 11px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.stats-points-page .stats-leaderboard-points.is-negative strong {
  color: #ff3f35;
  text-shadow: 0 0 16px rgba(255,63,53,.22);
}

.stats-points-page .stats-hero-stat.is-shame-points .stats-hero-icon {
  filter: drop-shadow(0 0 10px rgba(255,63,53,.34));
}

.stats-points-page .stats-hero-stat.is-shame-points b {
  color: #ff3f35;
}

@media (max-width: 980px) {
  .stats-points-page .stats-points-table {
    height: auto;
    min-height: 0;
  }

  .stats-points-page .stats-leaderboard-player.is-points-board {
    grid-template-columns: 54px minmax(0, 1fr);
    grid-template-areas:
      "rank user"
      "points points";
  }

  .stats-points-page .stats-leaderboard-points {
    grid-area: points;
    width: 100%;
    padding: 12px 0 0;
    border-top: 1px solid rgba(140,255,0,.14);
    text-align: center;
  }

  .stats-points-page .stats-leaderboard-points strong {
    font-size: 34px;
  }

  .stats-points-page .stats-leaderboard-points span {
    white-space: normal;
  }
}

@media (max-width: 720px) {
  .stats-points-page .stats-leaderboard-row.is-points-board {
    grid-template-columns: 54px minmax(0, 1fr) !important;
  }
}

/* ================================
   PRIME POINTS - HOW IT WORKS PANEL
   Add to bottom of /assets/css/stats.css
================================ */

.stats-points-how {
  width: min(100%, 1520px);
  margin: 22px auto 0;
}

.stats-points-how-inner {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(140, 255, 0, .28);
  background:
    linear-gradient(90deg, rgba(0,0,0,.96), rgba(0,0,0,.84) 46%, rgba(8,18,2,.92)),
    radial-gradient(circle at 8% 50%, rgba(140,255,0,.12), transparent 30%),
    radial-gradient(circle at 92% 50%, rgba(255,63,53,.08), transparent 30%);
  box-shadow:
    inset 0 0 42px rgba(0,0,0,.82),
    0 0 22px rgba(140,255,0,.055);
}

.stats-points-how-inner::before {
  content: "";
  position: absolute;
  inset: 12px;
  pointer-events: none;
  opacity: .78;
  background:
    linear-gradient(rgba(140,255,0,.68), rgba(140,255,0,.68)) left top / 42px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.68), rgba(140,255,0,.68)) left top / 1px 42px no-repeat,
    linear-gradient(rgba(140,255,0,.68), rgba(140,255,0,.68)) right bottom / 42px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.68), rgba(140,255,0,.68)) right bottom / 1px 42px no-repeat;
}

.stats-points-how-inner::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 80px),
    linear-gradient(180deg, rgba(255,255,255,.025), transparent 35%, rgba(0,0,0,.30));
  opacity: .72;
}

.stats-points-how-head,
.stats-points-rules-grid {
  position: relative;
  z-index: 2;
}

.stats-points-how-head {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  margin-bottom: 20px;
}

.stats-points-how-icon {
  width: 72px;
  height: 72px;
  border: 1px solid rgba(140,255,0,.5);
  background:
    radial-gradient(circle at center, rgba(140,255,0,.20), transparent 62%),
    linear-gradient(180deg, rgba(9,25,2,.94), rgba(0,0,0,.98));
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 42px;
  line-height: 1;
  font-weight: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 0 16px rgba(140,255,0,.35);
  box-shadow:
    inset 0 0 24px rgba(0,0,0,.82),
    0 0 20px rgba(140,255,0,.10);
}

.stats-points-how-head h2 {
  margin: 4px 0 0;
  color: #f4f7ef;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: clamp(1.7rem, 3vw, 2.35rem);
  line-height: .95;
  font-weight: 1000;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.stats-points-how-head p:last-child {
  max-width: 920px;
  margin: 10px 0 0;
  color: rgba(244,247,239,.70);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 800;
}

.stats-points-rules-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.stats-points-rule-card {
  position: relative;
  overflow: hidden;
  min-height: 250px;
  padding: 18px;
  border: 1px solid rgba(140,255,0,.20);
  background:
    linear-gradient(180deg, rgba(5,13,1,.92), rgba(0,0,0,.96));
  box-shadow:
    inset 0 0 26px rgba(0,0,0,.78),
    0 0 16px rgba(140,255,0,.035);
}

.stats-points-rule-card::before {
  content: "";
  position: absolute;
  inset: 9px;
  pointer-events: none;
  border: 1px solid rgba(140,255,0,.10);
}

.stats-points-rule-card h3 {
  margin: 0 0 14px;
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 19px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.stats-points-rule-row {
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid rgba(140,255,0,.105);
  color: rgba(244,247,239,.74);
  font-size: 13px;
  font-weight: 900;
}

.stats-points-rule-row strong {
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 18px;
  font-weight: 1000;
  white-space: nowrap;
  text-transform: uppercase;
  text-shadow: 0 0 12px rgba(140,255,0,.18);
}

.stats-points-rule-card.is-shame {
  border-color: rgba(255,63,53,.28);
  background:
    linear-gradient(180deg, rgba(18,2,2,.94), rgba(0,0,0,.96));
}

.stats-points-rule-card.is-shame::before {
  border-color: rgba(255,63,53,.12);
}

.stats-points-rule-card.is-shame h3,
.stats-points-rule-card.is-shame .stats-points-rule-row strong {
  color: #ff3f35;
  text-shadow: 0 0 12px rgba(255,63,53,.20);
}

.stats-points-rule-card.is-shame .stats-points-rule-row {
  border-top-color: rgba(255,63,53,.12);
}

.stats-points-rule-card.is-muted h3,
.stats-points-rule-card.is-muted .stats-points-rule-row strong {
  color: rgba(244,247,239,.68);
  text-shadow: none;
}

.stats-points-rule-card.is-muted p {
  margin: 15px 0 0;
  color: rgba(244,247,239,.52);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 800;
}

@media (max-width: 980px) {
  .stats-points-rules-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .stats-points-how-inner {
    padding: 18px;
  }

  .stats-points-how-head {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .stats-points-how-icon {
    width: 62px;
    height: 62px;
    font-size: 36px;
  }

  .stats-points-rule-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
}

/* ================================
   PRIME POINTS - TWO RULE CARDS
   Removes empty third slot after No Points card was removed.
================================ */

.stats-points-rules-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.stats-points-rule-card {
  min-height: 250px;
}

@media (max-width: 820px) {
  .stats-points-rules-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ================================
   PRIME POINTS SYSTEM - IMAGE LED PANEL
   Add to bottom of /assets/css/stats.css
================================ */

.stats-points-how-image-led {
  width: min(100%, 1520px);
  margin: 22px auto 0;
}

.stats-points-how-image-led .stats-points-how-inner {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid rgba(140,255,0,.32);
  background:
    linear-gradient(180deg, rgba(0,0,0,.98), rgba(0,0,0,.94));
  box-shadow:
    inset 0 0 56px rgba(0,0,0,.88),
    0 0 26px rgba(140,255,0,.06);
}

.stats-points-how-image-led .stats-points-how-inner::before {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: 4;
  pointer-events: none;
  opacity: .78;
  background:
    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) left top / 42px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) left top / 1px 42px no-repeat,
    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) right top / 42px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) right top / 1px 42px no-repeat,
    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) left bottom / 42px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) left bottom / 1px 42px no-repeat,
    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) right bottom / 42px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.72), rgba(140,255,0,.72)) right bottom / 1px 42px no-repeat;
}

.stats-points-how-image-led .stats-points-how-inner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 82px),
    linear-gradient(180deg, rgba(255,255,255,.025), transparent 35%, rgba(0,0,0,.38));
  opacity: .64;
}

.stats-points-how-image-led .stats-points-how-head,
.stats-points-how-image-led .stats-points-rules-grid,
.stats-points-how-image-led .stats-points-climb-strip {
  position: relative;
  z-index: 3;
}

.stats-points-how-image-led .stats-points-how-icon {
  display: none !important;
}

.stats-points-how-image-led .stats-points-how-head {
  min-height: 218px;
  margin: 0 0 18px;
  padding: 34px 42px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(140,255,0,.24);
  background:
    linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.82) 34%, rgba(0,0,0,.30) 66%, rgba(0,0,0,.72) 100%),
    url('/assets/img/stats-panels/prime-points-hero-bg.webp') center / cover no-repeat;
  box-shadow:
    inset 0 0 42px rgba(0,0,0,.82),
    0 0 18px rgba(140,255,0,.05);
}

.stats-points-how-image-led .stats-points-how-head > div {
  max-width: 760px;
}

.stats-points-how-image-led .stats-panel-kicker {
  color: #8cff00;
  text-shadow: 0 0 14px rgba(140,255,0,.20);
}

.stats-points-how-image-led .stats-points-how-head h2 {
  margin: 8px 0 0;
  color: #f4f7ef;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: clamp(2rem, 4vw, 4.3rem);
  line-height: .88;
  font-weight: 1000;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-shadow:
    0 4px 18px rgba(0,0,0,.96),
    0 0 18px rgba(140,255,0,.12);
}

.stats-points-how-image-led .stats-points-how-head p:last-child {
  max-width: 680px;
  margin: 15px 0 0;
  color: rgba(244,247,239,.86);
  font-size: 15px;
  line-height: 1.45;
  font-weight: 800;
  text-shadow: 0 2px 10px rgba(0,0,0,.90);
}

.stats-points-how-image-led .stats-points-rules-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px;
}

.stats-points-how-image-led .stats-points-rule-card {
  position: relative;
  overflow: hidden;
  min-height: 440px;
  padding: 30px 34px;
  border: 1px solid rgba(140,255,0,.32);
  background:
    linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.60) 48%, rgba(0,0,0,.78)),
    url('/assets/img/stats-panels/prime-points-earn-bg.webp') center / cover no-repeat;
  box-shadow:
    inset 0 0 42px rgba(0,0,0,.84),
    0 0 20px rgba(140,255,0,.05);
}

.stats-points-how-image-led .stats-points-rule-card::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 3;
  pointer-events: none;
  border: 1px solid rgba(140,255,0,.16);
  background:
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left top / 34px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left top / 1px 34px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right bottom / 34px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right bottom / 1px 34px no-repeat;
}

.stats-points-how-image-led .stats-points-rule-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,.44)),
    radial-gradient(circle at 20% 0%, rgba(140,255,0,.16), transparent 36%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.014) 0 1px, transparent 1px 56px);
  opacity: .88;
}

.stats-points-how-image-led .stats-points-rule-card > * {
  position: relative;
  z-index: 2;
}

.stats-points-how-image-led .stats-points-rule-card h3 {
  margin: 0 0 22px;
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: clamp(1.55rem, 2.6vw, 2.75rem);
  line-height: .9;
  font-weight: 1000;
  letter-spacing: .09em;
  text-transform: uppercase;
  text-shadow: 0 0 18px rgba(140,255,0,.22);
}

.stats-points-how-image-led .stats-points-rule-row {
  min-height: 48px;
  padding: 10px 14px;
  margin-top: 8px;
  border: 1px solid rgba(140,255,0,.13);
  background:
    linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.38), rgba(0,0,0,.66));
  color: rgba(244,247,239,.86);
  font-size: 14px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  box-shadow: inset 0 0 18px rgba(0,0,0,.58);
}

.stats-points-how-image-led .stats-points-rule-row strong {
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 28px;
  line-height: 1;
  font-weight: 1000;
  white-space: nowrap;
  text-transform: uppercase;
  text-shadow: 0 0 16px rgba(140,255,0,.24);
}

.stats-points-how-image-led .stats-points-rule-card.is-shame {
  border-color: rgba(255,63,53,.44);
  background:
    linear-gradient(90deg, rgba(0,0,0,.86), rgba(0,0,0,.46) 50%, rgba(0,0,0,.64)),
    url('/assets/img/stats-panels/prime-points-lose-bg.webp') center / cover no-repeat;
  box-shadow:
    inset 0 0 42px rgba(0,0,0,.84),
    0 0 22px rgba(255,63,53,.055);
}

.stats-points-how-image-led .stats-points-rule-card.is-shame::before {
  border-color: rgba(255,63,53,.18);
  background:
    linear-gradient(rgba(255,63,53,.66), rgba(255,63,53,.66)) left top / 34px 1px no-repeat,
    linear-gradient(rgba(255,63,53,.66), rgba(255,63,53,.66)) left top / 1px 34px no-repeat,
    linear-gradient(rgba(255,63,53,.66), rgba(255,63,53,.66)) right bottom / 34px 1px no-repeat,
    linear-gradient(rgba(255,63,53,.66), rgba(255,63,53,.66)) right bottom / 1px 34px no-repeat;
}

.stats-points-how-image-led .stats-points-rule-card.is-shame::after {
  background:
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.46)),
    radial-gradient(circle at 82% 0%, rgba(255,63,53,.18), transparent 36%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.012) 0 1px, transparent 1px 56px);
}

.stats-points-how-image-led .stats-points-rule-card.is-shame h3,
.stats-points-how-image-led .stats-points-rule-card.is-shame .stats-points-rule-row strong {
  color: #ff3f35;
  text-shadow: 0 0 16px rgba(255,63,53,.25);
}

.stats-points-how-image-led .stats-points-rule-card.is-shame .stats-points-rule-row {
  border-color: rgba(255,63,53,.18);
  background:
    linear-gradient(90deg, rgba(0,0,0,.74), rgba(25,0,0,.44), rgba(0,0,0,.66));
}

.stats-points-how-image-led .stats-points-climb-strip {
  min-height: 120px;
  margin-top: 18px;
  padding: 26px 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(140,255,0,.24);
  background:
    linear-gradient(90deg, rgba(0,0,0,.95), rgba(0,0,0,.78) 42%, rgba(0,0,0,.30) 100%),
    url('/assets/img/stats-panels/prime-points-footer-bg.webp') center / cover no-repeat;
  box-shadow:
    inset 0 0 34px rgba(0,0,0,.78),
    0 0 18px rgba(140,255,0,.045);
}

.stats-points-how-image-led .stats-points-climb-strip strong {
  color: #8cff00;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: clamp(1.25rem, 2vw, 1.9rem);
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-shadow: 0 0 16px rgba(140,255,0,.20);
}

.stats-points-how-image-led .stats-points-climb-strip span {
  display: block;
  max-width: 760px;
  margin-top: 10px;
  color: rgba(244,247,239,.76);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 800;
  text-shadow: 0 2px 10px rgba(0,0,0,.90);
}

@media (max-width: 980px) {
  .stats-points-how-image-led .stats-points-rules-grid {
    grid-template-columns: 1fr !important;
  }

  .stats-points-how-image-led .stats-points-rule-card {
    min-height: 380px;
  }
}

@media (max-width: 640px) {
  .stats-points-how-image-led .stats-points-how-inner {
    padding: 12px;
  }

  .stats-points-how-image-led .stats-points-how-head {
    min-height: 190px;
    padding: 24px 22px;
  }

  .stats-points-how-image-led .stats-points-rule-card {
    min-height: 360px;
    padding: 24px 20px;
  }

  .stats-points-how-image-led .stats-points-rule-row {
    min-height: 44px;
    padding: 9px 10px;
  }

  .stats-points-how-image-led .stats-points-rule-row strong {
    font-size: 23px;
  }

  .stats-points-how-image-led .stats-points-climb-strip {
    padding: 24px 20px;
  }
}

/* ================================
   PLAYER PROFILE - PRIME POINTS OVERVIEW
   Clean single source of truth
================================ */

.stats-player-points-overview {
  position: relative;
  overflow: hidden;

  min-height: 278px;
  margin: 0 0 14px;
  padding: 18px;

  display: flex;
  flex-direction: column;

  border: 1px solid rgba(140,255,0,.32);

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.94) 0%,
      rgba(0,0,0,.84) 28%,
      rgba(0,0,0,.64) 50%,
      rgba(0,0,0,.48) 70%,
      rgba(0,0,0,.78) 100%
    ),
    url('/assets/img/stats-panels/player-points-overview-bg.webp') center center / cover no-repeat;

  box-shadow:
    inset 0 0 52px rgba(0,0,0,.90),
    0 0 24px rgba(140,255,0,.055);
}

.stats-player-points-overview::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 4;
  pointer-events: none;
  opacity: .76;

  background:
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left top / 42px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left top / 1px 42px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right top / 42px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right top / 1px 42px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left bottom / 42px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left bottom / 1px 42px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right bottom / 42px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right bottom / 1px 42px no-repeat;
}

.stats-player-points-overview::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.018) 0 1px,
      transparent 1px 80px
    );

  opacity: .38;
}

/* Negative state only tints the panel */
.stats-player-points-overview.is-negative {
  border-color: rgba(255,63,53,.34);

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.94) 0%,
      rgba(0,0,0,.84) 28%,
      rgba(0,0,0,.64) 50%,
      rgba(25,0,0,.40) 72%,
      rgba(0,0,0,.80) 100%
    ),
    url('/assets/img/stats-panels/player-points-overview-bg.webp') center center / cover no-repeat;

  box-shadow:
    inset 0 0 52px rgba(0,0,0,.90),
    0 0 24px rgba(255,63,53,.055);
}

.stats-player-points-head,
.stats-player-points-grid {
  position: relative;
  z-index: 5;
}

/* ================================
   Header: centered title, badge right
================================ */

.stats-player-points-head {
  position: relative;
  min-height: 48px;
  margin: 0;
  padding: 0 145px;

  display: flex;
  align-items: flex-start;
  justify-content: center;

  text-align: center;
}

.stats-player-points-head > div {
  width: 100%;
  min-width: 0;
  text-align: center;
}

.stats-player-points-head span {
  display: block;

  color: var(--green, #8cff00);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .18em;
  text-transform: uppercase;

  text-shadow: 0 0 12px rgba(140,255,0,.24);
}

.stats-player-points-head h2 {
  margin: 7px auto 0;

  color: #ffffff;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 34px;
  line-height: .9;
  font-weight: 1000;
  letter-spacing: .04em;
  text-transform: uppercase;

  text-align: center;

  text-shadow:
    0 2px 12px rgba(0,0,0,.92),
    0 0 14px rgba(140,255,0,.12);
}

.stats-player-points-head strong {
  position: absolute;
  top: 0;
  right: 0;

  min-width: 112px;
  height: 38px;
  padding: 0 14px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(140,255,0,.34);
  background: rgba(0,0,0,.56);
  color: var(--green, #8cff00);

  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* ================================
   Point cards row
================================ */

.stats-player-points-grid {
  margin-top: auto;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.stats-player-points-card {
  position: relative;
  overflow: hidden;

  min-height: 92px;
  padding: 13px 12px;

  border: 1px solid rgba(140,255,0,.18);
  background:
    linear-gradient(180deg, rgba(8,16,6,.86), rgba(0,0,0,.76));

  box-shadow:
    inset 0 0 20px rgba(0,0,0,.74),
    0 0 12px rgba(140,255,0,.035);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
}

.stats-player-points-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 2px;

  background: rgba(140,255,0,.62);
  box-shadow: 0 0 12px rgba(140,255,0,.22);
}

.stats-player-points-card span {
  display: block;

  color: rgba(244,247,239,.64);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 10px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.stats-player-points-card b {
  display: block;
  margin-top: 9px;

  color: var(--green, #8cff00);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 34px;
  line-height: .9;
  font-weight: 1000;
  letter-spacing: .03em;

  text-shadow:
    0 0 16px rgba(140,255,0,.22),
    0 2px 10px rgba(0,0,0,.88);
}

.stats-player-points-card em {
  display: block;
  margin-top: 8px;

  color: rgba(244,247,239,.50);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-style: normal;
}

/* Rank card is neutral, not gold */
.stats-player-points-card.is-rank b {
  color: #ffffff;

  text-shadow:
    0 0 14px rgba(255,255,255,.16),
    0 2px 10px rgba(0,0,0,.88);
}

/* Shame card stays red */
.stats-player-points-card.is-shame {
  border-color: rgba(255,63,53,.24);
  background:
    linear-gradient(180deg, rgba(28,4,4,.86), rgba(0,0,0,.78));
}

.stats-player-points-card.is-shame::before {
  background: rgba(255,63,53,.70);
  box-shadow: 0 0 12px rgba(255,63,53,.26);
}

.stats-player-points-card.is-shame b {
  color: #ff3f35;

  text-shadow:
    0 0 14px rgba(255,63,53,.22),
    0 2px 10px rgba(0,0,0,.88);
}

/* Total points goes red only when player total is negative */
.stats-player-points-overview.is-negative .stats-player-points-card.is-total b {
  color: #ff3f35;

  text-shadow:
    0 0 14px rgba(255,63,53,.22),
    0 2px 10px rgba(0,0,0,.88);
}

/* ================================
   Prime Points hover polish
   Match the rest of the player stats page
================================ */

.stats-player-points-overview,
.stats-player-points-card,
.stats-player-points-head strong {
  transition:
    transform .20s ease,
    border-color .20s ease,
    background .20s ease,
    box-shadow .20s ease,
    color .20s ease;
}

/* Whole image panel gets a soft hover lift, no green image haze */
.stats-player-points-overview:hover {
  border-color: rgba(140,255,0,.48);
  box-shadow:
    inset 0 0 52px rgba(0,0,0,.90),
    0 0 26px rgba(140,255,0,.10);
}

/* Negative panel hover uses red edge, still no red/green glow over the image */
.stats-player-points-overview.is-negative:hover {
  border-color: rgba(255,63,53,.48);
  box-shadow:
    inset 0 0 52px rgba(0,0,0,.90),
    0 0 26px rgba(255,63,53,.10);
}

/* Each points card moves like the other stat cards */
.stats-player-points-card:hover {
  transform: translateY(-3px);
  border-color: rgba(140,255,0,.46);
  background:
    linear-gradient(180deg, rgba(12,24,7,.90), rgba(0,0,0,.78));
  box-shadow:
    inset 0 0 22px rgba(0,0,0,.78),
    0 0 20px rgba(140,255,0,.10);
}

.stats-player-points-card:hover::before {
  background: rgba(140,255,0,.82);
  box-shadow: 0 0 14px rgba(140,255,0,.32);
}

.stats-player-points-card:hover b {
  color: #ffffff;
  text-shadow:
    0 0 16px rgba(140,255,0,.28),
    0 2px 10px rgba(0,0,0,.90);
}

/* Rank card stays neutral/white, NOT gold */
.stats-player-points-card.is-rank:hover {
  border-color: rgba(255,255,255,.24);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(0,0,0,.78));
  box-shadow:
    inset 0 0 22px rgba(0,0,0,.78),
    0 0 18px rgba(255,255,255,.06);
}

.stats-player-points-card.is-rank:hover::before {
  background: rgba(255,255,255,.46);
  box-shadow: 0 0 12px rgba(255,255,255,.14);
}

.stats-player-points-card.is-rank:hover b {
  color: #ffffff;
  text-shadow:
    0 0 14px rgba(255,255,255,.18),
    0 2px 10px rgba(0,0,0,.90);
}

/* Shame card gets red hover like your red panels */
.stats-player-points-card.is-shame:hover {
  border-color: rgba(255,63,53,.48);
  background:
    linear-gradient(180deg, rgba(42,5,5,.90), rgba(0,0,0,.80));
  box-shadow:
    inset 0 0 22px rgba(0,0,0,.78),
    0 0 20px rgba(255,63,53,.10);
}

.stats-player-points-card.is-shame:hover::before {
  background: rgba(255,63,53,.86);
  box-shadow: 0 0 14px rgba(255,63,53,.34);
}

.stats-player-points-card.is-shame:hover b {
  color: #ff3f35;
  text-shadow:
    0 0 16px rgba(255,63,53,.28),
    0 2px 10px rgba(0,0,0,.90);
}

/* This Wipe badge hover */
.stats-player-points-head strong:hover {
  border-color: rgba(140,255,0,.62);
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(140,255,0,.16), rgba(0,0,0,.74));
  box-shadow:
    inset 0 0 18px rgba(140,255,0,.07),
    0 0 18px rgba(140,255,0,.12);
}

/* ================================
   Responsive
================================ */

@media (max-width: 900px) {
  .stats-player-points-overview {
    min-height: auto;
  }

  .stats-player-points-head {
    padding: 0;
    padding-right: 0;
  }

  .stats-player-points-head strong {
    position: static;
    margin-left: 14px;
    flex: 0 0 auto;
  }

  .stats-player-points-grid {
    margin-top: 22px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .stats-player-points-overview {
    padding: 16px;
  }

  .stats-player-points-head {
    min-height: 0;

    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;

    text-align: center;
  }

  .stats-player-points-head h2 {
    font-size: 28px;
  }

  .stats-player-points-head strong {
    width: 100%;
    margin: 10px 0 0;
  }

  .stats-player-points-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================================================================================================
   PRIME POINTS BREAKDOWN
   Added for stats-player-detail.php?section=points
================================ */

/* Button on the Player Points overview card */

.stats-player-points-breakdown-btn {
  position: relative;
  z-index: 5;

  width: 100%;
  min-height: 42px;
  margin-top: 12px;
  padding: 0 16px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(140,255,0,.30);
  background:
    linear-gradient(180deg, rgba(140,255,0,.12), rgba(0,0,0,.72));
  color: var(--green, #8cff00);

  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .11em;
  text-transform: uppercase;
  text-decoration: none;

  box-shadow:
    inset 0 0 18px rgba(140,255,0,.045),
    0 0 14px rgba(140,255,0,.06);

  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    color .18s ease;
}

.stats-player-points-breakdown-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(140,255,0,.78);
  background:
    linear-gradient(180deg, rgba(140,255,0,.18), rgba(0,0,0,.78));
  color: #ffffff;
  box-shadow:
    inset 0 0 20px rgba(140,255,0,.07),
    0 0 22px rgba(140,255,0,.16);
}

/* Main detail shell */

.stats-points-detail-shell {
  position: relative;
  overflow: hidden;

  padding: 16px;

  border: 1px solid rgba(140,255,0,.26);
  background:
    radial-gradient(circle at 16% 0%, rgba(140,255,0,.10), transparent 34%),
    radial-gradient(circle at 86% 14%, rgba(255,63,53,.08), transparent 34%),
    linear-gradient(180deg, rgba(4,9,4,.96), rgba(0,0,0,.98));

  box-shadow:
    inset 0 0 46px rgba(0,0,0,.86),
    0 0 24px rgba(140,255,0,.045);
}

.stats-points-detail-shell::before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 2;
  pointer-events: none;

  background:
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left top / 52px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left top / 1px 52px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right top / 52px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right top / 1px 52px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left bottom / 52px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) left bottom / 1px 52px no-repeat,

    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right bottom / 52px 1px no-repeat,
    linear-gradient(rgba(140,255,0,.62), rgba(140,255,0,.62)) right bottom / 1px 52px no-repeat;
}

.stats-points-detail-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.014) 0 1px,
      transparent 1px 78px
    );

  opacity: .52;
}

.stats-points-detail-shell > * {
  position: relative;
  z-index: 3;
}

/* Top summary cards */

.stats-points-detail-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.stats-points-detail-summary > div {
  position: relative;
  overflow: hidden;

  min-height: 118px;
  padding: 18px 14px;

  border: 1px solid rgba(140,255,0,.22);
  background:
    linear-gradient(180deg, rgba(9,18,6,.82), rgba(0,0,0,.78));

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;

  box-shadow:
    inset 0 0 22px rgba(0,0,0,.74),
    0 0 14px rgba(140,255,0,.035);
}

.stats-points-detail-summary > div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 2px;

  background: rgba(140,255,0,.68);
  box-shadow: 0 0 12px rgba(140,255,0,.22);
}

.stats-points-detail-summary span,
.stats-points-breakdown-head span,
.stats-points-recent-head span {
  display: block;

  color: rgba(244,247,239,.66);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 11px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.stats-points-detail-summary strong {
  display: block;
  margin-top: 10px;

  color: var(--green, #8cff00);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 38px;
  line-height: .9;
  font-weight: 1000;
  letter-spacing: .03em;

  text-shadow:
    0 0 16px rgba(140,255,0,.22),
    0 2px 10px rgba(0,0,0,.90);
}

.stats-points-detail-summary em {
  display: block;
  margin-top: 10px;

  color: rgba(244,247,239,.46);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
  font-style: normal;
}

.stats-points-detail-summary .is-total {
  border-color: rgba(255,196,48,.44);
  background:
    radial-gradient(circle at top, rgba(255,196,48,.15), transparent 58%),
    linear-gradient(180deg, rgba(255,196,48,.10), rgba(0,0,0,.80));
}

.stats-points-detail-summary .is-total::before {
  background: rgba(255,196,48,.78);
  box-shadow: 0 0 14px rgba(255,196,48,.25);
}

.stats-points-detail-summary .is-total strong {
  color: #ffc430;
  text-shadow:
    0 0 16px rgba(255,196,48,.24),
    0 2px 10px rgba(0,0,0,.90);
}

.stats-points-detail-summary .is-shame {
  border-color: rgba(255,63,53,.32);
  background:
    radial-gradient(circle at top, rgba(255,63,53,.12), transparent 58%),
    linear-gradient(180deg, rgba(42,5,5,.84), rgba(0,0,0,.80));
}

.stats-points-detail-summary .is-shame::before {
  background: rgba(255,63,53,.78);
  box-shadow: 0 0 14px rgba(255,63,53,.28);
}

.stats-points-detail-summary .is-shame strong {
  color: #ff3f35;
  text-shadow:
    0 0 16px rgba(255,63,53,.24),
    0 2px 10px rgba(0,0,0,.90);
}

/* Earned/Shame columns */

.stats-points-breakdown-grid {
  margin-top: 14px;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.stats-points-breakdown-column {
  position: relative;
  overflow: hidden;

  min-height: 330px;
  padding: 14px;

  border: 1px solid rgba(140,255,0,.20);
  background:
    linear-gradient(180deg, rgba(5,12,4,.86), rgba(0,0,0,.84));

  box-shadow:
    inset 0 0 28px rgba(0,0,0,.78);
}

.stats-points-breakdown-column.is-shame {
  border-color: rgba(255,63,53,.26);
  background:
    linear-gradient(180deg, rgba(24,4,4,.88), rgba(0,0,0,.86));
}

.stats-points-breakdown-head,
.stats-points-recent-head {
  min-height: 46px;
  margin-bottom: 12px;

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

  border-bottom: 1px solid rgba(140,255,0,.14);
}

.stats-points-breakdown-column.is-shame .stats-points-breakdown-head {
  border-bottom-color: rgba(255,63,53,.18);
}

.stats-points-breakdown-head strong,
.stats-points-recent-head strong {
  color: var(--green, #8cff00);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 22px;
  line-height: 1;
  font-weight: 1000;
  white-space: nowrap;

  text-shadow: 0 0 14px rgba(140,255,0,.18);
}

.stats-points-breakdown-column.is-shame .stats-points-breakdown-head strong {
  color: #ff3f35;
  text-shadow: 0 0 14px rgba(255,63,53,.20);
}

.stats-points-breakdown-list,
.stats-points-recent-list {
  display: grid;
  gap: 8px;
}

.stats-points-breakdown-row,
.stats-points-recent-row {
  min-height: 62px;
  padding: 10px 12px;

  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;

  border: 1px solid rgba(140,255,0,.13);
  background:
    linear-gradient(90deg, rgba(0,0,0,.54), rgba(9,20,5,.38), rgba(0,0,0,.54));

  box-shadow:
    inset 0 0 18px rgba(0,0,0,.62);

  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.stats-points-breakdown-row:hover,
.stats-points-recent-row:hover {
  transform: translateY(-2px);
  border-color: rgba(140,255,0,.38);
  background:
    linear-gradient(90deg, rgba(9,24,5,.62), rgba(0,0,0,.66), rgba(7,18,4,.48));
  box-shadow:
    inset 0 0 20px rgba(0,0,0,.66),
    0 0 16px rgba(140,255,0,.08);
}

.stats-points-breakdown-row.is-negative,
.stats-points-recent-row.is-negative {
  border-color: rgba(255,63,53,.16);
  background:
    linear-gradient(90deg, rgba(30,4,4,.60), rgba(0,0,0,.66), rgba(22,3,3,.48));
}

.stats-points-breakdown-row.is-negative:hover,
.stats-points-recent-row.is-negative:hover {
  border-color: rgba(255,63,53,.40);
  box-shadow:
    inset 0 0 20px rgba(0,0,0,.66),
    0 0 16px rgba(255,63,53,.08);
}

.stats-points-breakdown-row b,
.stats-points-recent-row b {
  display: block;

  color: #f4f7ef;
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 17px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .03em;
  text-transform: uppercase;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stats-points-breakdown-row span,
.stats-points-recent-row span {
  display: block;
  margin-top: 6px;

  color: rgba(244,247,239,.54);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 800;
}

.stats-points-breakdown-row strong,
.stats-points-recent-row strong {
  color: var(--green, #8cff00);
  font-family: 'Rajdhani', Arial, sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 1000;
  white-space: nowrap;

  text-shadow: 0 0 14px rgba(140,255,0,.20);
}

.stats-points-breakdown-row.is-negative strong,
.stats-points-recent-row.is-negative strong {
  color: #ff3f35;
  text-shadow: 0 0 14px rgba(255,63,53,.20);
}

/* Recent feed */

.stats-points-recent-feed {
  margin-top: 14px;
  padding: 14px;

  border: 1px solid rgba(140,255,0,.20);
  background:
    linear-gradient(180deg, rgba(5,10,5,.84), rgba(0,0,0,.88));

  box-shadow:
    inset 0 0 28px rgba(0,0,0,.78);
}

.stats-points-recent-head {
  border-bottom-color: rgba(140,255,0,.14);
}

.stats-points-recent-list {
  grid-template-columns: 1fr;
}

/* Mobile */

@media (max-width: 900px) {
  .stats-points-detail-summary,
  .stats-points-breakdown-grid {
    grid-template-columns: 1fr;
  }

  .stats-points-breakdown-column {
    min-height: 0;
  }
}

@media (max-width: 620px) {
  .stats-player-points-breakdown-btn {
    min-height: 40px;
    font-size: 12px;
  }

  .stats-points-detail-shell {
    padding: 12px;
  }

  .stats-points-detail-summary > div {
    min-height: 96px;
    padding: 14px 12px;
  }

  .stats-points-detail-summary strong {
    font-size: 31px;
  }

  .stats-points-breakdown-column,
  .stats-points-recent-feed {
    padding: 12px;
  }

  .stats-points-breakdown-head,
  .stats-points-recent-head {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    gap: 7px;
  }

  .stats-points-breakdown-row,
  .stats-points-recent-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .stats-points-breakdown-row strong,
  .stats-points-recent-row strong {
    font-size: 22px;
    text-align: left;
  }

  .stats-points-breakdown-row b,
  .stats-points-recent-row b {
    white-space: normal;
  }
}