/* ============================================================
   POOL MAGIC LIGA V3 — Global Stylesheet
   Mobile-first, full responsive
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

/* ── VARIJABLE ─────────────────────────────────────────────── */
:root {
  --neon:          #00e5ff;
  --neon2:         #1fff9e;
  --gold:          #ffc94d;
  --red:           #ff3c3c;
  --bg0:           #040d15;
  --bg1:           #071522;
  --bg2:           #0a1e30;
  --bg3:           #0d2640;
  --border:        rgba(0, 220, 255, .18);
  --border-strong: rgba(0, 220, 255, .40);
  --text:          #c8e8f5;
  --muted:         #4a7a9b;
  --font-display:  'Rajdhani', sans-serif;
  --font-body:     'Inter', sans-serif;
  --r-sm:          6px;
  --r-md:          10px;
  --r-lg:          14px;
  --r-xl:          20px;
  --nav-h:         54px;
  --bottom-nav-h:  60px;
  --ease:          .18s ease;
}

/* ── RESET ─────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  background: var(--bg0);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.5;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  padding-bottom: var(--bottom-nav-h);
}
a { color: var(--neon); text-decoration: none; }
img { display: block; max-width: 100%; }

/* ── TOPBAR (mobile sticky) ────────────────────────────────── */
.pm-topbar {
  position: sticky;
  top: 0;
  z-index: 200;
  background: rgba(4, 13, 21, .92);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  height: var(--nav-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  gap: 12px;
}

.pm-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  flex-shrink: 0;
}

.pm-logo-icon { width: 28px; height: 28px; flex-shrink: 0; }

.pm-logo-text {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2.5px;
  color: var(--neon);
  text-transform: uppercase;
  line-height: 1.1;
}

.pm-logo-sub {
  font-size: 9px;
  letter-spacing: 1.5px;
  color: var(--muted);
  text-transform: uppercase;
  display: none;
}

/* Desktop nav links (hidden on mobile) */
.pm-nav-links {
  display: none;
  gap: 2px;
  align-items: center;
}

.pm-nav-link {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--muted);
  padding: 6px 12px;
  border-radius: var(--r-sm);
  text-decoration: none;
  position: relative;
  transition: color var(--ease), background var(--ease);
}

.pm-nav-link:hover { color: var(--neon); background: rgba(0,220,255,.07); }

.pm-nav-link.active { color: var(--neon); }

.pm-nav-link.active::after {
  content: '';
  position: absolute;
  bottom: 0; left: 12px; right: 12px;
  height: 2px;
  background: var(--neon);
  border-radius: 2px;
}

.pm-nav-live-dot {
  width: 7px; height: 7px;
  background: var(--red);
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
  animation: pm-blink 1s infinite;
  vertical-align: middle;
}

/* ── BOTTOM NAV (mobile only) ──────────────────────────────── */
.pm-bottom-nav {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 200;
  height: var(--bottom-nav-h);
  background: rgba(7, 21, 34, .97);
  border-top: 1px solid var(--border);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.pm-bnav-btn {
  background: none;
  border: none;
  color: var(--muted);
  font-family: var(--font-body);
  font-size: 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 6px 4px 8px;
  transition: color var(--ease);
  position: relative;
  text-decoration: none;
}

.pm-bnav-btn i { font-size: 22px; }

.pm-bnav-btn.active { color: var(--neon); }

.pm-bnav-btn.active::before {
  content: '';
  position: absolute;
  top: 0; left: 20%; right: 20%;
  height: 2px;
  background: var(--neon);
  border-radius: 0 0 3px 3px;
}

.pm-bnav-live-dot {
  position: absolute;
  top: 8px; right: calc(50% - 14px);
  width: 7px; height: 7px;
  background: var(--red);
  border-radius: 50%;
  animation: pm-blink 1s infinite;
}

/* ── LAYOUT ────────────────────────────────────────────────── */
.pm-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px 14px 24px;
}

/* ── HERO HEADER ───────────────────────────────────────────── */
.pm-hero {
  background: linear-gradient(135deg, var(--bg2), var(--bg1) 60%, var(--bg0));
  border-bottom: 1px solid var(--border);
  padding: 20px 16px 16px;
  position: relative;
  overflow: hidden;
}

.pm-hero::before {
  content: '';
  position: absolute;
  top: -60px; right: -60px;
  width: 220px; height: 220px;
  background: radial-gradient(circle, rgba(0,220,255,.07) 0%, transparent 70%);
  pointer-events: none;
}

.pm-hero-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; }

.pm-hero-eyebrow {
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 3px;
  color: var(--muted);
  text-transform: uppercase;
  margin-bottom: 4px;
}

.pm-hero-title {
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 4px;
}

.pm-hero-title span { color: var(--neon); }

.pm-hero-sub {
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.pm-badges { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }

.pm-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(0,220,255,.08);
  border: 0.5px solid rgba(0,220,255,.35);
  border-radius: 99px;
  padding: 3px 12px;
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 600;
  color: var(--neon);
  letter-spacing: 1px;
}

.pm-badge-gold {
  background: rgba(255,201,77,.08);
  border-color: rgba(255,201,77,.35);
  color: var(--gold);
}

.pm-badge-red {
  background: rgba(255,60,60,.08);
  border-color: rgba(255,60,60,.35);
  color: var(--red);
}

/* ── GRUPNI SEPARATOR ──────────────────────────────────────── */
.pm-group-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0 8px;
}

.pm-group-badge {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--neon);
  background: linear-gradient(135deg, rgba(0,220,255,.15), rgba(0,220,255,.05));
  border: 0.5px solid rgba(0,220,255,.4);
  border-radius: var(--r-sm);
  padding: 4px 12px;
  white-space: nowrap;
}

.pm-group-line {
  flex: 1;
  height: 0.5px;
  background: linear-gradient(90deg, rgba(0,220,255,.3), transparent);
}

/* ── TABELA ────────────────────────────────────────────────── */
.pm-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.pm-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 480px;
}

.pm-table thead tr { border-bottom: 0.5px solid rgba(0,220,255,.2); }

.pm-table th {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: var(--muted);
  text-transform: uppercase;
  padding: 7px 10px;
  text-align: center;
  white-space: nowrap;
}

.pm-table th.l { text-align: left; }

.pm-table td {
  padding: 9px 10px;
  border-bottom: 0.5px solid rgba(255,255,255,.05);
  text-align: center;
  color: var(--text);
  vertical-align: middle;
}

.pm-table td.l { text-align: left; }
.pm-table tbody tr:last-child td { border-bottom: none; }
.pm-table tbody tr:hover td { background: rgba(0,220,255,.04); }
.pm-table tr.pm-adv td { background: rgba(31,255,158,.03); }

/* STANDINGS specific */
.pm-pos {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--muted);
}

.pm-adv .pm-pos { color: var(--neon2); }

.pm-player-cell { display: flex; align-items: center; gap: 8px; }

.pm-avatar {
  width: 30px; height: 30px;
  border-radius: var(--r-sm);
  background: var(--bg3);
  border: 0.5px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  color: var(--neon);
  flex-shrink: 0;
  overflow: hidden;
  text-decoration: none;
}

.pm-avatar img { width: 100%; height: 100%; object-fit: cover; }

.pm-adv .pm-avatar { border-color: rgba(31,255,158,.4); color: var(--neon2); }

.pm-player-name {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  letter-spacing: .5px;
  line-height: 1.2;
}

.pm-player-nick { font-size: 10px; color: var(--gold); }

.pm-pts {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}

.pm-adv .pm-pts { color: var(--neon); }

.pm-diff-pos { color: var(--neon2); font-weight: 600; }
.pm-diff-neg { color: var(--red);   font-weight: 600; }

.pm-cat {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(255,201,77,.1);
  border: 0.5px solid rgba(255,201,77,.3);
  color: var(--gold);
}

.pm-cat.b { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.15); color: var(--text); }
.pm-cat.c { background: rgba(255,255,255,.03); border-color: rgba(255,255,255,.08); color: var(--muted); }

.pm-playoff-tag {
  font-family: var(--font-display);
  font-size: 9px; font-weight: 700;
  letter-spacing: 1px;
  background: rgba(31,255,158,.1);
  border: 0.5px solid rgba(31,255,158,.3);
  border-radius: 4px;
  padding: 2px 7px;
  color: var(--neon2);
  white-space: nowrap;
}

/* Mobile standings — compact card layout */
.pm-stand-mobile { display: flex; flex-direction: column; gap: 6px; }

.pm-stand-card {
  display: grid;
  grid-template-columns: 22px 36px 1fr auto;
  align-items: center;
  gap: 8px;
  background: var(--bg1);
  border: 0.5px solid var(--border);
  border-radius: var(--r-md);
  padding: 10px 12px;
}

.pm-stand-card.pm-adv { border-color: rgba(31,255,158,.3); background: rgba(31,255,158,.03); }

.pm-sc-pos {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  color: var(--muted);
  text-align: center;
}

.pm-adv .pm-sc-pos { color: var(--neon2); }

.pm-sc-avatar {
  width: 36px; height: 36px;
  border-radius: var(--r-sm);
  background: var(--bg3);
  border: 0.5px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display);
  font-size: 12px; font-weight: 700;
  color: var(--neon);
  overflow: hidden;
  text-decoration: none;
}

.pm-sc-avatar img { width: 100%; height: 100%; object-fit: cover; }
.pm-adv .pm-sc-avatar { border-color: rgba(31,255,158,.35); color: var(--neon2); }

.pm-sc-info {
  /* min-width: 0 je kritičan da flex child može da se smanji */
  min-width: 0;
  overflow: hidden;
}

.pm-sc-name {
  font-family: var(--font-display);
  font-size: 13px; font-weight: 600;
  color: #fff; line-height: 1.2;
  /* Dugačko ime (ime + prezime) se ne prelamai nego se seče */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pm-sc-meta {
  display: flex;
  gap: 6px;
  margin-top: 2px;
  flex-wrap: wrap;
  align-items: center;
}
.pm-sc-meta span { font-size: 10px; color: var(--muted); white-space: nowrap; }
.pm-sc-meta .pos-diff { color: var(--neon2); }
.pm-sc-meta .neg-diff { color: var(--red); }

.pm-sc-pts {
  text-align: right;
}

.pm-sc-pts-num {
  font-family: var(--font-display);
  font-size: 18px; font-weight: 700;
  color: #fff; line-height: 1;
}

.pm-adv .pm-sc-pts-num { color: var(--neon); }

.pm-sc-pts-lbl { font-size: 9px; color: var(--muted); letter-spacing: 1px; }

/* ── STATUS PILLOVI ────────────────────────────────────────── */
.pm-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--font-display);
  font-size: 10px; font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 99px;
}

.pm-pill-live {
  background: rgba(255,60,60,.12);
  border: 0.5px solid rgba(255,60,60,.45);
  color: var(--red);
}

.pm-pill-sched {
  background: rgba(0,220,255,.08);
  border: 0.5px solid rgba(0,220,255,.3);
  color: var(--neon);
}

.pm-pill-done {
  background: rgba(31,255,158,.08);
  border: 0.5px solid rgba(31,255,158,.3);
  color: var(--neon2);
}

.pm-pill-walkover {
  background: rgba(255,140,140,.08);
  border: 0.5px solid rgba(255,140,140,.3);
  color: #ff9999;
}

/* Status tekst */
.pm-st-live     { color: var(--red);   font-weight: 700; }
.pm-st-finished { color: var(--neon2); font-weight: 600; }
.pm-st-scheduled{ color: var(--neon);  font-weight: 600; }
.pm-st-walkover { color: #ff9999;      font-weight: 600; }
.pm-st-pending  { color: var(--muted); }

/* Result pillovi */
.pm-result {
  display: inline-block;
  font-family: var(--font-display);
  font-size: 10px; font-weight: 700;
  letter-spacing: .5px;
  padding: 2px 9px;
  border-radius: 99px;
}

.pm-result-w { background: rgba(31,255,158,.1); border: 0.5px solid rgba(31,255,158,.3); color: var(--neon2); }
.pm-result-l { background: rgba(255,60,60,.1); border: 0.5px solid rgba(255,60,60,.3); color: var(--red); }
.pm-result-live { background: rgba(255,60,60,.1); border: 0.5px solid rgba(255,60,60,.4); color: var(--red); animation: pm-blink 1.2s infinite; }

/* ── VS SCREEN (Live meč) ──────────────────────────────────── */
.pm-vs-card {
  background: var(--bg1);
  border: 0.5px solid rgba(255,60,60,.35);
  border-radius: var(--r-xl);
  overflow: hidden;
  position: relative;
  margin-bottom: 14px;
}

.pm-vs-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--red), transparent);
}

.pm-vs-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-bottom: 0.5px solid rgba(255,60,60,.15);
}

.pm-vs-live-badge {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-display);
  font-size: 11px; font-weight: 700;
  letter-spacing: 1px;
  color: var(--red);
  text-transform: uppercase;
}

.pm-vs-dot {
  width: 8px; height: 8px;
  background: var(--red);
  border-radius: 50%;
  animation: pm-blink 1s infinite;
  flex-shrink: 0;
}

.pm-vs-info {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  color: var(--muted);
  text-transform: uppercase;
}

/* Arena — igrač levo/desno sa slikom */
.pm-vs-arena {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  min-height: 160px;
}

.pm-vs-side {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 10px;
  gap: 8px;
  position: relative;
}

.pm-vs-side.left  { background: linear-gradient(135deg, rgba(0,180,255,.12), rgba(0,180,255,.03)); }
.pm-vs-side.right { background: linear-gradient(225deg, rgba(255,60,60,.12), rgba(255,60,60,.03)); }

.pm-vs-photo {
  width: 115px; height: 115px;
  border-radius: 50%;
  background: var(--bg3);
  border: 2px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display);
  font-size: 20px; font-weight: 700;
  color: var(--neon);
  overflow: hidden;
  flex-shrink: 0;
}

.pm-vs-photo img { width: 100%; height: 100%; object-fit: cover;transform: translateY(-1px);}

.pm-vs-side.left  .pm-vs-photo { border-color: rgba(0,220,255,.5); }
.pm-vs-side.right .pm-vs-photo { border-color: rgba(255,60,60,.5); color: var(--red); }

.pm-vs-pname {
  font-family: var(--font-display);
  /* Automatski manji font za duga prezimena */
  font-size: clamp(10px, 3.5vw, 16px);
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
  /* Max širina da ne izlazi iz polja */
  max-width: 100%;
}

.pm-vs-pnick {
  font-size: 12.5px;
  color: var(--gold);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* Centar sa skorom */
.pm-vs-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 6px;
  background: var(--bg0);
  border-left: 0.5px solid rgba(255,255,255,.06);
  border-right: 0.5px solid rgba(255,255,255,.06);
  gap: 4px;
  min-width: 72px;
}

.pm-vs-label {
  font-family: var(--font-display);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 2px;
  color: var(--muted);
  text-transform: uppercase;
}

.pm-vs-scores {
  display: flex;
  align-items: center;
  gap: 4px;
}

.pm-vs-score-n {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  color: var(--muted);
  min-width: 24px;
  text-align: center;
}

.pm-vs-score-n.pm-leading-left  { color: var(--neon); }
.pm-vs-score-n.pm-leading-right { color: var(--red);  }
.pm-vs-score-n.pm-winner-left   { color: var(--neon2); }
.pm-vs-score-n.pm-winner-right  { color: var(--neon2); }

.pm-vs-colon {
  font-family: var(--font-display);
  font-size: 18px;
  color: var(--muted);
  font-weight: 600;
}

.pm-vs-format {
  font-family: var(--font-display);
  font-size: 9px;
  color: var(--muted);
  font-weight: 600;
  letter-spacing: 1px;
}

/* Footer VS kartice */
.pm-vs-footer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 0.5px solid rgba(255,255,255,.06);
}

.pm-vs-fbox {
  padding: 8px 10px;
  text-align: center;
  border-right: 0.5px solid rgba(255,255,255,.06);
}

.pm-vs-fbox:last-child { border-right: none; }

.pm-vs-fbox-label {
  font-family: var(--font-display);
  font-size: 9.5px; font-weight: 700;
  letter-spacing: 1.2px;
  color: var(--muted);
  text-transform: uppercase;
  margin-bottom: 2px;
}

.pm-vs-fbox-val {
  font-family: var(--font-display);
  font-size: 10px; font-weight: 600;
  color: var(--text);
}

.pm-vs-fbox-val.pm-live-time { color: var(--red); }

/* Hendikep traka */
.pm-vs-hc {
  background: rgba(255,201,77,.06);
  border-top: 0.5px solid rgba(255,201,77,.2);
  padding: 5px 14px;
  text-align: center;
  font-family: var(--font-display);
  font-size: 10px; font-weight: 600;
  color: var(--gold);
  letter-spacing: 1px;
}

/* ── MATCH KARTICE (lista mečeva) ──────────────────────────── */
.pm-match-list { display: flex; flex-direction: column; gap: 1px; }

.pm-match-card {
  background: var(--bg1);
  border: 0.5px solid var(--border);
  border-radius: var(--r-md);
  padding: 12px 14px;
  margin-bottom: 6px;
}

.pm-mc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.pm-mc-round {
  font-family: var(--font-display);
  font-size: 10px; font-weight: 700;
  letter-spacing: 1.5px;
  color: var(--muted);
  text-transform: uppercase;
}

.pm-mc-players {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.pm-mc-pname {
  font-family: var(--font-display);
  font-size: 14px; font-weight: 700;
  color: #fff;
  flex: 1;
}

.pm-mc-pname.right { text-align: right; }

.pm-mc-score {
  font-family: var(--font-display);
  font-size: 14px; font-weight: 700;
  color: #fff;
  background: rgba(0,0,0,.3);
  border-radius: var(--r-sm);
  padding: 4px 12px;
  border: 0.5px solid var(--border);
  white-space: nowrap;
  flex-shrink: 0;
}

.pm-mc-score.live-score {
  border-color: rgba(255,60,60,.4);
  background: rgba(255,60,60,.08);
}

.pm-mc-meta {
  display: flex;
  gap: 12px;
  margin-top: 8px;
  flex-wrap: wrap;
}

.pm-mc-meta-item {
  font-size: 11px;
  color: var(--muted);
}

.pm-mc-meta-item b { color: var(--text); font-weight: 500; }

/* Round separator */
.pm-round-sep {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 16px 0 8px;
}

.pm-round-sep:first-child { margin-top: 4px; }

.pm-round-text {
  font-family: var(--font-display);
  font-size: 10px; font-weight: 700;
  letter-spacing: 2px;
  color: var(--neon);
  text-transform: uppercase;
  white-space: nowrap;
}

.pm-round-line {
  flex: 1;
  height: 0.5px;
  background: linear-gradient(90deg, rgba(0,220,255,.3), transparent);
}

/* ── SEKCIJA / TABELA ──────────────────────────────────────── */
.pm-section {
  background: var(--bg1);
  border: 0.5px solid var(--border);
  border-radius: var(--r-lg);
  overflow: hidden;
  margin-bottom: 14px;
}

.pm-section-head {
  background: linear-gradient(90deg, rgba(0,80,140,.5), rgba(0,140,200,.15));
  padding: 11px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pm-section-title {
  font-family: var(--font-display);
  font-size: 13px; font-weight: 700;
  color: var(--neon);
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.pm-section-count {
  background: rgba(0,220,255,.1);
  border: 0.5px solid rgba(0,220,255,.25);
  border-radius: 99px;
  padding: 1px 9px;
  font-size: 11px;
  color: var(--muted);
}

/* ── PLAYER HERO ───────────────────────────────────────────── */
.pm-player-hero {
  background: linear-gradient(135deg, rgba(0,200,255,.1), rgba(31,255,158,.04), rgba(0,0,0,.5));
  border: 0.5px solid rgba(0,220,255,.3);
  border-radius: var(--r-lg);
  padding: 18px 16px;
  margin-bottom: 14px;
  position: relative;
  overflow: hidden;
}

.pm-player-hero::before {
  content: '8';
  position: absolute;
  right: 14px; top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-display);
  font-size: 100px; font-weight: 700;
  color: rgba(0,220,255,.04);
  line-height: 1;
  pointer-events: none;
  user-select: none;
}

.pm-ph-row { display: flex; gap: 14px; align-items: center; margin-bottom: 14px; }

.pm-ph-avatar {
  width: 70px; height: 70px;
  border-radius: var(--r-md);
  background: linear-gradient(135deg, var(--bg3), var(--bg2));
  border: 1px solid rgba(0,220,255,.35);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display);
  font-size: 22px; font-weight: 700;
  color: var(--neon);
  flex-shrink: 0;
  overflow: hidden;
}

.pm-ph-avatar img { width: 100%; height: 100%; object-fit: cover; }

.pm-ph-name {
  font-family: var(--font-display);
  /* clamp: min 16px, idealno 5.5vw, max 24px — automatski se smanji za duga prezimena */
  font-size: clamp(16px, 5.5vw, 24px);
  font-weight: 700;
  color: var(--neon2);
  letter-spacing: 1px;
  line-height: 1.1;
  word-break: break-word;
}

.pm-ph-nick {
  font-family: var(--font-display);
  font-size: 12px;
  color: var(--gold);
  font-weight: 600;
  letter-spacing: 2px;
  margin: 2px 0;
}

.pm-ph-meta {
  font-size: 11px;
  color: var(--muted);
  margin-top: 4px;
  /* Dug naziv sezone/kategorije — lomi u redove, ne overflow */
  line-height: 1.5;
  word-break: break-word;
}

/* Chips za meta podatke na player profilu */
.pm-ph-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
}

.pm-ph-chip {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-family: var(--font-display);
  font-size: 10px; font-weight: 600;
  letter-spacing: 0.5px;
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(255,255,255,.06);
  border: 0.5px solid rgba(255,255,255,.12);
  color: var(--text);
  white-space: nowrap;
}

.pm-ph-chip.cat-a { background: rgba(255,201,77,.1); border-color: rgba(255,201,77,.3); color: var(--gold); }
.pm-ph-chip.cat-b { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.15); color: var(--text); }
.pm-ph-chip.grp   { background: rgba(0,220,255,.08); border-color: rgba(0,220,255,.25); color: var(--neon); }
.pm-ph-chip.season{ background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.1); color: var(--muted); }

.pm-ph-rank {
  position: absolute;
  top: 16px; right: 16px;
  text-align: center;
  /* Sakrij na jako malim ekranima da ne preklapa sa imenom */
  display: none;
}

.pm-ph-rank-num {
  font-family: var(--font-display);
  font-size: 30px; font-weight: 700;
  color: var(--gold);
  line-height: 1;
}

.pm-ph-rank-lbl {
  font-family: var(--font-display);
  font-size: 9px;
  color: var(--muted);
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

/* Stat kartice */
.pm-stat-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}

.pm-scard {
  background: rgba(0,0,0,.3);
  border: 0.5px solid rgba(0,220,255,.15);
  border-radius: var(--r-md);
  padding: 10px 6px;
  text-align: center;
  /* Sve kartice iste visine, progress bar uvek na dnu */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 72px;
}

.pm-scard-label {
  font-family: var(--font-display);
  font-size: 7.5px; font-weight: 700;
  /* Nema letter-spacing da ne prelomi "SL. PORAZI" */
  letter-spacing: 0;
  color: var(--muted);
  text-transform: uppercase;
  margin-bottom: 4px;
  /* Sprečava prelom u 2 reda */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pm-scard-val {
  font-family: var(--font-display);
  font-size: 20px; font-weight: 700;
  color: #fff;
  line-height: 1;
}

.pm-scard-val.neon  { color: var(--neon);  }
.pm-scard-val.green { color: var(--neon2); }
.pm-scard-val.red   { color: var(--red);   }
.pm-scard-val.gold  { color: var(--gold);  }

.pm-pbar { height: 3px; border-radius: 3px; background: rgba(0,220,255,.1); margin-top: 6px; overflow: hidden; }
.pm-pbar-fill { height: 100%; background: linear-gradient(90deg, var(--neon), var(--neon2)); border-radius: 3px; }

/* Back link */
.pm-back {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--font-display);
  font-size: 11px; font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--muted);
  text-decoration: none;
  margin-bottom: 14px;
  transition: color var(--ease);
}

.pm-back:hover { color: var(--neon); }

/* Prazno stanje */
.pm-empty {
  text-align: center;
  padding: 40px 16px;
  color: var(--muted);
}

.pm-empty-title {
  font-family: var(--font-display);
  font-size: 15px; font-weight: 700;
  letter-spacing: 1px;
  color: var(--text);
  margin-bottom: 4px;
}

/* Live hero section */
.pm-live-hero {
  background: linear-gradient(135deg, rgba(255,40,40,.07), var(--bg1));
  border-bottom: 1px solid rgba(255,60,60,.15);
  padding: 18px 16px 14px;
}

.pm-live-title {
  font-family: var(--font-display);
  font-size: 24px; font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
}

.pm-live-dot-big {
  width: 10px; height: 10px;
  background: var(--red);
  border-radius: 50%;
  animation: pm-blink 1s infinite;
  flex-shrink: 0;
}

/* Live tabovi */
.pm-live-tabs {
  display: flex;
  gap: 6px;
  padding: 14px 16px 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pm-ltab {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 8px 16px;
  border-radius: var(--r-md) var(--r-md) 0 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  border: 0.5px solid var(--border);
  border-bottom: none;
  background: rgba(255,255,255,.03);
  transition: color var(--ease);
  white-space: nowrap;
}

.pm-ltab.active { color: var(--neon); background: var(--bg2); border-color: rgba(0,220,255,.35); }

.pm-ltab-body {
  background: var(--bg2);
  border: 0.5px solid rgba(0,220,255,.35);
  border-top: none;
  border-radius: 0 var(--r-md) var(--r-md) var(--r-md);
  padding: 14px;
  margin: 0 16px;
}

.pm-ltab-count {
  background: rgba(0,0,0,.3);
  border-radius: 99px;
  padding: 1px 6px;
  font-size: 10px;
}

.pm-ltab-count-red { background: rgba(255,60,60,.2); color: var(--red); }

/* Filter chipovi */
.pm-filter-bar {
  display: flex;
  gap: 6px;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
  margin-bottom: 12px;
}

.pm-chip {
  font-family: var(--font-display);
  font-size: 10px; font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 99px;
  cursor: pointer;
  border: 0.5px solid var(--border);
  background: none;
  color: var(--muted);
  transition: all var(--ease);
  white-space: nowrap;
  font-family: var(--font-display);
}

.pm-chip.active {
  background: rgba(0,220,255,.1);
  border-color: rgba(0,220,255,.5);
  color: var(--neon);
}

/* Istorija sezona */
.pm-history-active   { color: var(--neon2); font-weight: 600; }
.pm-history-finished { color: var(--muted); }

/* ── ANIMACIJE ─────────────────────────────────────────────── */
@keyframes pm-blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: .2; }
}

@keyframes pm-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.pm-fadein { animation: pm-fadein .25s ease forwards; }

/* ── RESPONSIVE ────────────────────────────────────────────── */

/* Tablet+ (>= 640px) */
@media (min-width: 640px) {
  .pm-hero-title   { font-size: 32px; }
  .pm-vs-photo     { width: 120px; height: 120px; }
  .pm-vs-score-n   { font-size: 42px; }
  .pm-stat-grid    { gap: 8px; }
  .pm-scard-val    { font-size: 22px; }
  .pm-ph-avatar    { width: 80px; height: 80px; }
  /* Na tabletu već ima dovoljno prostora za rang */
  .pm-ph-rank      { display: block; right: 20px; }
  .pm-scard-label  { font-size: 8px; letter-spacing: 0.5px; }
}

/* Desktop (>= 900px) */
@media (min-width: 900px) {
  body { padding-bottom: 0; }

  .pm-logo-sub    { display: block; }
  .pm-nav-links   { display: flex; }
  .pm-bottom-nav  { display: none; }

  .pm-wrap        { padding: 20px 24px 40px; }
  .pm-hero        { padding: 28px 24px 20px; }
  .pm-hero-inner  { padding: 0; }
  .pm-hero-title  { font-size: 36px; }

  .pm-live-hero   { padding: 22px 24px 16px; }
  .pm-live-tabs   { padding: 16px 24px 0; }
  .pm-ltab-body   { margin: 0 24px; padding: 18px; }

  /* Desktop: 2-col match grid za live */
  .pm-match-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  .pm-stat-grid   { grid-template-columns: repeat(5, 1fr); }
  .pm-ph-rank     { display: block; right: 20px; }

  .pm-vs-photo    { width: 90px; height: 90px; }
  .pm-vs-score-n  { font-size: 48px; }
  .pm-scard-label { font-size: 8.5px; letter-spacing: 0.5px; }
  .pm-scard-val   { font-size: 24px; }
}

@media (min-width: 1100px) {
  .pm-hero-title  { font-size: 42px; }
}

/* Mali mobilni (< 400px) */
@media (max-width: 400px) {
  /* Stat grid 3+2 umesto 5 u redu — prevent overflow */
  .pm-stat-grid   { grid-template-columns: repeat(3, 1fr); }
  .pm-scard-val   { font-size: 17px; }
  .pm-scard       { min-height: 64px; padding: 8px 4px; }

  /* VS score manji */
  .pm-vs-score-n  { font-size: 26px; }
  .pm-vs-photo    { width: 95px; height: 95px; font-size: 15px; }

  /* Player hero */
  .pm-ph-avatar   { width: 56px; height: 56px; font-size: 18px; }
  .pm-ph-row      { gap: 10px; }

  /* Standings kartica — uži ekran, manji font */
  .pm-sc-name     { font-size: 12px; }
  .pm-sc-pts-num  { font-size: 16px; }

  /* Wrap na saman mob topbar */
  .pm-wrap        { padding: 12px 10px 20px; }

  /* Tabela header font */
  .pm-table th    { font-size: 9px; padding: 6px 6px; }
  .pm-table td    { font-size: 12px; padding: 8px 6px; }
}

/* Mobilne tabele — sakrij manje bitne kolone */
@media (max-width: 600px) {
  /* U tabelama predstojecih/odigranih na player.php
     sakrij "Rund." kolonu ako je tablo uzak */
  .pm-table-hide-mobile { display: none; }

  /* match kartice u matches.php — manje padding */
  .pm-match-card  { padding: 10px 12px; }
  .pm-mc-pname    { font-size: 13px; }
}

/* ── PLAYER PROFILE MOBILE V2 — sports card redesign ───────── */
.pm-player-hero-v2 {
  padding: 16px;
  background: radial-gradient(circle at 50% 0%, rgba(31,255,158,.10), transparent 38%),
              linear-gradient(160deg, rgba(0,200,255,.12), rgba(0,0,0,.56));
}
.pm-player-hero-v2::before { display: none; }

.pm-ph-main {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-bottom: 14px;
}
.pm-ph-avatar-large {
  width: 104px;
  height: 104px;
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(0,0,0,.34), 0 0 0 1px rgba(0,220,255,.25), 0 0 26px rgba(0,220,255,.13);
}
.pm-ph-info { min-width: 0; }
.pm-ph-meta-full {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 8px;
}
.pm-ph-meta-full span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(0,220,255,.075);
  border: .5px solid rgba(0,220,255,.22);
  color: var(--text);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: .5px;
  white-space: nowrap;
}
.pm-ph-season-name {
  display: inline-block;
  margin-top: 8px;
  max-width: 100%;
  padding: 5px 9px;
  border-radius: 8px;
  background: rgba(255,255,255,.045);
  color: var(--muted);
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pm-ph-rank-v2 { display: none !important; }

.pm-stat-compact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.pm-stat-pill {
  min-height: 46px;
  padding: 8px 10px;
  border-radius: 13px;
  background: rgba(0,0,0,.28);
  border: .5px solid rgba(0,220,255,.16);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.pm-stat-pill span {
  color: var(--muted);
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .7px;
  text-transform: uppercase;
}
.pm-stat-pill strong {
  color: #fff;
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1;
}
.pm-stat-pill.primary strong { color: var(--neon); }
.pm-stat-pill.good strong { color: var(--neon2); }
.pm-stat-pill.bad strong { color: var(--red); }

.pm-section-cards { overflow: visible; }
.pm-section-cards .pm-section-head { border-radius: var(--r-lg) var(--r-lg) 0 0; }
.pm-player-match-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  background: rgba(0,0,0,.12);
}
.pm-player-match-card {
  border-radius: 15px;
  border: .5px solid rgba(0,220,255,.16);
  background: linear-gradient(160deg, rgba(255,255,255,.045), rgba(0,0,0,.26));
  overflow: hidden;
}
.pm-player-match-card[open] {
  border-color: rgba(0,220,255,.34);
  box-shadow: 0 0 20px rgba(0,220,255,.09);
}
.pm-player-match-card summary {
  list-style: none;
  cursor: pointer;
  padding: 12px;
}
.pm-player-match-card summary::-webkit-details-marker { display: none; }
.pm-pmc-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.pm-pmc-opponent {
  color: #fff;
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 800;
  letter-spacing: .4px;
  line-height: 1.05;
}
.pm-pmc-sub {
  margin-top: 3px;
  color: var(--muted);
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
}
.pm-pmc-outcome {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: .5px solid rgba(255,255,255,.12);
  color: var(--muted);
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .7px;
  text-transform: uppercase;
}
.pm-pmc-outcome.win { color: var(--neon2); border-color: rgba(31,255,158,.25); background: rgba(31,255,158,.08); }
.pm-pmc-outcome.lose { color: var(--red); border-color: rgba(255,60,60,.25); background: rgba(255,60,60,.08); }
.pm-pmc-outcome.live { color: var(--red); border-color: rgba(255,60,60,.28); background: rgba(255,60,60,.08); }
.pm-pmc-outcome.scheduled { color: var(--neon); border-color: rgba(0,220,255,.25); background: rgba(0,220,255,.08); }
.pm-pmc-outcome.partial { color: var(--gold); border-color: rgba(255,201,77,.25); background: rgba(255,201,77,.08); }

.pm-disc-strip {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.pm-disc-strip.compact {
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 7px;
}
.pm-disc-pill {
  display: grid;
  grid-template-columns: 32px 1fr auto;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(0,0,0,.28);
  border: .5px solid rgba(255,255,255,.09);
}
.pm-disc-strip.compact .pm-disc-pill {
  grid-template-columns: 28px 1fr;
  gap: 7px;
  min-height: 38px;
}
.pm-disc-strip.compact .pm-disc-label { display: none; }
.pm-disc-strip.compact .pm-disc-pill strong { justify-self: end; grid-column: 2; }
.pm-ball-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 900;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 0 14px rgba(0,220,255,.11);
}
.pm-disc-8 .pm-ball-icon { background: radial-gradient(circle at 35% 30%, #454b55, #030405 64%); }
.pm-disc-10 .pm-ball-icon { background: linear-gradient(90deg, #1647d8 0 30%, #fff 30% 70%, #1647d8 70%); color: #07101a; }
.pm-disc-9 .pm-ball-icon { background: radial-gradient(circle at 35% 30%, #ffe584, #d9a300 66%); color: #111; }
.pm-disc-label {
  color: var(--muted);
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.pm-disc-pill strong {
  color: #fff;
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .5px;
  white-space: nowrap;
}
.pm-pmc-foot {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--muted);
  font-size: 11px;
}
.pm-pmc-foot strong { color: var(--neon); font-family: var(--font-display); font-size: 13px; }
.pm-pmc-expanded {
  border-top: .5px solid rgba(0,220,255,.14);
  padding: 12px;
  background: rgba(0,0,0,.22);
}
.pm-pmc-detail-title {
  margin-bottom: 10px;
  color: var(--neon);
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
.pm-pmc-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.pm-pmc-meta-grid div {
  padding: 8px;
  border-radius: 10px;
  background: rgba(255,255,255,.035);
  border: .5px solid rgba(255,255,255,.07);
}
.pm-pmc-meta-grid span {
  display: block;
  color: var(--muted);
  font-family: var(--font-display);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .8px;
  text-transform: uppercase;
}
.pm-pmc-meta-grid strong {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 800;
}
.pm-muted-small { color: var(--muted); font-size: 11px; }

@media (max-width: 400px) {
  .pm-ph-main { grid-template-columns: 96px minmax(0, 1fr); gap: 12px; }
  .pm-ph-avatar-large { width: 96px; height: 96px; border-radius: 16px; }
  .pm-player-hero-v2 { padding: 14px; }
  .pm-ph-name { font-size: clamp(20px, 7vw, 28px); }
  .pm-ph-nick { font-size: 11px; }
  .pm-stat-compact-grid { grid-template-columns: 1fr 1fr; }
  .pm-player-match-list { padding: 10px; }
  .pm-pmc-opponent { font-size: 16px; }
  .pm-disc-strip.compact { grid-template-columns: 1fr; }
}

@media (min-width: 640px) {
  .pm-ph-main { grid-template-columns: 132px minmax(0, 1fr); gap: 18px; }
  .pm-ph-avatar-large { width: 132px; height: 132px; border-radius: 22px; }
  .pm-stat-compact-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .pm-stat-pill { flex-direction: column; align-items: flex-start; min-height: 68px; }
  .pm-stat-pill strong { font-size: 24px; }
  .pm-disc-strip { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
}


/* ── PLAYER PROFILE MOBILE V2.1 POLISH ────────────────────── */
/* Applied after baseline rules to avoid changing the whole public UI. */

.pm-player-hero-v2 {
  padding: 18px 14px 16px;
}

/* Bigger, more dominant athlete identity image on mobile */
.pm-player-hero-v2 .pm-ph-main {
  grid-template-columns: 124px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.pm-player-hero-v2 .pm-ph-avatar-large {
  width: 124px;
  height: 124px;
  border-radius: 20px;
  border-width: 1px;
  box-shadow:
    0 16px 38px rgba(0,0,0,.42),
    0 0 0 1px rgba(0,220,255,.30),
    0 0 30px rgba(0,220,255,.18);
}

.pm-player-hero-v2 .pm-ph-name {
  font-size: clamp(18px, 6.2vw, 27px);
  line-height: 1.02;
}

.pm-player-hero-v2 .pm-ph-nick {
  font-size: 12px;
  margin-top: 4px;
}

.pm-player-hero-v2 .pm-ph-season-name {
  opacity: .78;
  font-size: 9px;
  padding: 4px 8px;
  margin-top: 7px;
}

/* Six stats: balanced 2 x 3 grid on mobile */
.pm-player-hero-v2 .pm-stat-compact-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.pm-player-hero-v2 .pm-stat-pill {
  min-height: 48px;
  padding: 8px 10px;
}

.pm-player-hero-v2 .pm-stat-pill span {
  font-size: 9.5px;
  letter-spacing: .55px;
  line-height: 1.05;
  max-width: 70%;
}

.pm-player-hero-v2 .pm-stat-pill strong {
  font-size: 20px;
}

/* Keep very long label readable */
.pm-player-hero-v2 .pm-stat-pill span {
  white-space: normal;
}

/* Better discipline pills on player profile */
.pm-player-match-card .pm-disc-strip {
  gap: 8px;
}

.pm-player-match-card .pm-disc-pill {
  min-height: 48px;
  padding: 8px 9px;
  border-radius: 13px;
}

.pm-player-match-card .pm-disc-pill strong {
  font-size: 14px;
  letter-spacing: .2px;
}

.pm-player-match-card .pm-disc-label {
  font-size: 9px;
  letter-spacing: .75px;
}

/* Ball icons: 8-ball strong, 10-ball clearly striped/blue, 9-ball ready for playoff */
.pm-ball-icon {
  position: relative;
  isolation: isolate;
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 10px;
  line-height: 1;
  box-shadow: inset 0 -3px 8px rgba(0,0,0,.38), 0 0 10px rgba(0,220,255,.12);
}

.pm-ball-icon.pm-ball-8 {
  background: radial-gradient(circle at 35% 25%, #5a6670 0 10%, #101820 34%, #010407 100%);
  color: #fff;
  border: 1px solid rgba(255,255,255,.18);
}

.pm-ball-icon.pm-ball-10 {
  background:
    linear-gradient(90deg, #ffffff 0 24%, #1f78ff 24% 76%, #ffffff 76% 100%);
  color: #061018;
  border: 1px solid rgba(255,255,255,.42);
  text-shadow: 0 1px 0 rgba(255,255,255,.45);
}

.pm-ball-icon.pm-ball-10::after {
  content: '';
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  z-index: -1;
}

.pm-ball-icon.pm-ball-9 {
  background:
    linear-gradient(90deg, #ffffff 0 24%, #ffd54a 24% 76%, #ffffff 76% 100%);
  color: #061018;
  border: 1px solid rgba(255,255,255,.42);
  text-shadow: 0 1px 0 rgba(255,255,255,.45);
}

.pm-ball-icon.pm-ball-9::after {
  content: '';
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  z-index: -1;
}

/* Upcoming cards: less empty, clearer hierarchy */
.pm-player-match-card.upcoming summary {
  padding-bottom: 13px;
}

.pm-player-match-card.upcoming .pm-pmc-foot {
  margin-top: 10px;
  padding-top: 9px;
  border-top: .5px solid rgba(0,220,255,.11);
}

/* Larger mobile screens can take an even stronger hero photo */
@media (min-width: 390px) and (max-width: 899px) {
  .pm-player-hero-v2 .pm-ph-main {
    grid-template-columns: 132px minmax(0, 1fr);
  }
  .pm-player-hero-v2 .pm-ph-avatar-large {
    width: 132px;
    height: 132px;
  }
}

/* Small phones: keep it safe */
@media (max-width: 370px) {
  .pm-player-hero-v2 .pm-ph-main {
    grid-template-columns: 104px minmax(0, 1fr);
  }
  .pm-player-hero-v2 .pm-ph-avatar-large {
    width: 104px;
    height: 104px;
  }
  .pm-player-hero-v2 .pm-stat-pill span {
    font-size: 8.5px;
  }
  .pm-player-hero-v2 .pm-stat-pill strong {
    font-size: 18px;
  }
}

/* Desktop/tablet should not become oversized */
@media (min-width: 900px) {
  .pm-player-hero-v2 .pm-ph-main {
    grid-template-columns: 132px minmax(0, 1fr);
  }
  .pm-player-hero-v2 .pm-ph-avatar-large {
    width: 132px;
    height: 132px;
  }
}

/* ============================================================
   PLAYER PROFILE PREMIUM MOCKUP V1
   Pool Magic visual direction: broadcast/sports platform
   ============================================================ */

body{
  background:
    linear-gradient(180deg, rgba(2,8,14,.88), rgba(2,8,14,.96) 56%, #02080e 100%),
    url('../img/pool-magic-room-bg.webp') center top / cover fixed no-repeat;
}

.pm-wrap{ max-width:1120px; padding-top:18px; }

.pm-premium-header{
  position:sticky; top:0; z-index:260;
  height:170px;
  display:grid;
  grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);
  align-items:center;
  padding:18px 34px 0;
  overflow:visible;
  isolation:isolate;
  background:
    linear-gradient(90deg, rgba(255,36,36,.13), transparent 33%, transparent 67%, rgba(0,170,255,.15)),
    linear-gradient(180deg, rgba(3,12,20,.94), rgba(3,12,20,.75) 58%, rgba(3,12,20,.22) 100%),
    url('../img/pool-magic-room-bg.webp') center 38% / cover no-repeat;
  border-bottom:0;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.pm-premium-header::before{
  content:''; position:absolute; inset:0; z-index:-3;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.06), transparent 18%),
    linear-gradient(90deg, rgba(255,40,40,.22), transparent 36%, transparent 64%, rgba(0,190,255,.22)),
    rgba(1,8,14,.45);
}

.pm-premium-header::after{
  content:''; position:absolute; left:50%; top:60px;
  width:min(58vw,720px); height:155px;
  transform:translateX(-50%);
  z-index:-2; pointer-events:none;
  background:
    radial-gradient(circle at 37% 50%, rgba(255,48,48,.55), transparent 38%),
    radial-gradient(circle at 63% 50%, rgba(0,170,255,.58), transparent 40%),
    radial-gradient(circle at 50% 48%, rgba(255,255,255,.12), transparent 50%);
  filter:blur(22px); opacity:.88;
}

.pm-premium-header .pm-club-logo-center::before,
.pm-premium-header .pm-club-logo-center::after{
  content:''; position:absolute; top:calc(50% + 52px);
  width:min(34vw,430px); height:2px; pointer-events:none;
}

.pm-premium-header .pm-club-logo-center::before{
  right:calc(50% + 110px);
  background:linear-gradient(90deg, transparent, rgba(255,55,55,.90));
  box-shadow:0 0 12px rgba(255,55,55,.75);
}
.pm-premium-header .pm-club-logo-center::after{
  left:calc(50% + 110px);
  background:linear-gradient(90deg, rgba(0,210,255,.92), transparent);
  box-shadow:0 0 12px rgba(0,210,255,.75);
}

.pm-club-logo-center{
  position:relative; z-index:3; justify-self:center; align-self:center;
  width:190px; height:190px; margin-bottom:-72px;
  display:flex; align-items:center; justify-content:center;
  border-radius:999px; text-decoration:none; overflow:visible;
  filter:drop-shadow(0 0 14px rgba(255,65,65,.32)) drop-shadow(0 0 20px rgba(0,185,255,.32));
}
.pm-club-logo-center img{ width:100%; height:100%; object-fit:contain; image-rendering:auto; }

.pm-top-left-stack,.pm-top-right-stack{
  position:relative; z-index:4; display:flex; flex-direction:column;
  gap:26px; align-self:center; min-width:0;
}
.pm-top-left-stack{ justify-self:start; align-items:flex-start; }
.pm-top-right-stack{ justify-self:end; align-items:flex-end; }

.pm-club-topbar-side{
  display:inline-flex; align-items:center; gap:8px;
  color:rgba(222,244,252,.68);
  font-family:var(--font-display); font-size:14px; font-weight:800;
  letter-spacing:2.3px; text-transform:uppercase; text-decoration:none;
}
.pm-club-topbar-side i{
  color:var(--neon); font-size:22px;
  filter:drop-shadow(0 0 7px rgba(0,220,255,.45));
}

.pm-header-season,.pm-header-online{
  display:inline-flex; align-items:center; gap:9px; max-width:360px;
  color:rgba(200,232,245,.72);
  font-family:var(--font-display); font-size:13px; font-weight:700;
  letter-spacing:1.8px; text-transform:uppercase;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.pm-header-season i{ color:var(--neon); font-size:18px; }
.pm-online-dot{ width:10px; height:10px; border-radius:50%; background:var(--neon2); box-shadow:0 0 12px rgba(31,255,158,.85); }

.pm-premium-header + .pm-wrap{ padding-top:72px; }

.pm-player-hero-v2{
  position:relative;
  background:
    radial-gradient(circle at 24% 0%, rgba(31,255,158,.10), transparent 36%),
    linear-gradient(145deg, rgba(0,180,255,.105), rgba(0,0,0,.52) 62%, rgba(0,15,25,.66));
  border:1px solid rgba(0,220,255,.30);
  border-radius:22px;
  padding:24px;
  box-shadow:0 18px 50px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045);
}

.pm-player-hero-v2 .pm-ph-main{
  grid-template-columns:150px minmax(0,1fr) 170px;
  gap:24px; align-items:center;
}

.pm-player-hero-v2 .pm-ph-avatar-large{
  width:150px; height:150px; border-radius:24px;
  box-shadow:0 18px 38px rgba(0,0,0,.44), 0 0 0 1px rgba(0,220,255,.35), 0 0 26px rgba(0,220,255,.13);
}

.pm-player-hero-v2 .pm-ph-name{ font-size:clamp(30px,3vw,42px); line-height:.98; color:var(--neon2); }
.pm-player-hero-v2 .pm-ph-nick{ font-size:16px; letter-spacing:3px; margin-top:8px; }
.pm-player-hero-v2 .pm-ph-meta-full span{ font-size:14px; padding:6px 14px; }
.pm-player-hero-v2 .pm-ph-season-name{ font-size:13px; padding:7px 12px; margin-top:12px; }

.pm-player-hero-v2 .pm-ph-rank-v2{
  display:block !important; position:static; justify-self:end;
  width:150px; min-height:168px; padding:22px 14px;
  border-radius:22px 22px 36px 36px;
  background:linear-gradient(180deg, rgba(0,160,255,.10), rgba(0,0,0,.34)), rgba(0,0,0,.20);
  border:1px solid rgba(0,220,255,.22);
  box-shadow:inset 0 0 30px rgba(0,220,255,.05), 0 16px 34px rgba(0,0,0,.26);
}
.pm-ph-rank-v2::before{ content:'♛'; display:block; color:var(--gold); font-size:28px; line-height:1; margin-bottom:10px; }
.pm-ph-rank-v2 .pm-ph-rank-num{ color:var(--neon); font-size:64px; text-shadow:0 0 22px rgba(0,220,255,.36); }
.pm-ph-rank-v2 .pm-ph-rank-lbl{ color:rgba(200,232,245,.72); font-size:12px; }

.pm-player-hero-v2 .pm-stat-compact-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:22px; }
.pm-player-hero-v2 .pm-stat-pill{ min-height:64px; padding:13px 16px; border-radius:16px; background:rgba(0,0,0,.27); border:1px solid rgba(0,220,255,.14); }
.pm-player-hero-v2 .pm-stat-pill span{ font-size:12px; letter-spacing:1.5px; }
.pm-player-hero-v2 .pm-stat-pill strong{ font-size:26px; }

.pm-pmc-top-clean{ align-items:center; margin-bottom:0; }
.pm-pmc-opponent-wrap{ display:flex; align-items:center; gap:14px; min-width:0; flex:1; }
.pm-pmc-avatar{
  width:58px; height:58px; border-radius:999px;
  background:linear-gradient(135deg,var(--bg3),var(--bg1));
  border:1px solid rgba(0,220,255,.30);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
  color:var(--neon); font-family:var(--font-display); font-size:15px; font-weight:800;
  flex-shrink:0; box-shadow:0 10px 22px rgba(0,0,0,.30);
}
.pm-pmc-avatar img{ width:100%; height:100%; object-fit:cover; }
.pm-pmc-opponent-text{ min-width:0; }
.pm-pmc-top-clean .pm-pmc-opponent{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:22px; }
.pm-pmc-top-clean .pm-pmc-sub{ margin-top:5px; }

.pm-pmc-hint{
  margin:12px 0 0 72px; padding-top:10px;
  border-top:.5px solid rgba(0,220,255,.10);
  color:rgba(200,232,245,.52);
  font-family:var(--font-display); font-size:11px; font-weight:800; letter-spacing:1.1px; text-transform:uppercase;
}
.pm-player-match-card[open] .pm-pmc-hint{ display:none; }
.pm-pmc-expanded{ border-top:.5px solid rgba(0,220,255,.14); background:rgba(0,0,0,.18); }
.pm-pmc-expanded .pm-disc-strip{ margin-bottom:14px; }
.pm-pmc-detail-title{ color:var(--neon); margin-bottom:12px; letter-spacing:1.3px; }
.pm-pmc-expanded .pm-disc-pill{ border-color:rgba(0,220,255,.20); background:rgba(2,10,16,.62); }
.pm-pmc-expanded .pm-disc-pill strong{ font-size:18px; }

@media (max-width:700px){
  body{
    background:
      linear-gradient(180deg, rgba(2,8,14,.92), rgba(2,8,14,.98) 55%, #02080e 100%),
      url('../img/pool-magic-room-bg.webp') center top / auto 920px no-repeat;
  }
  .pm-premium-header{
    height:118px;
    grid-template-columns:54px 1fr 54px;
    padding:8px 10px 0;
    background:
      linear-gradient(90deg, rgba(255,36,36,.10), transparent 37%, rgba(0,170,255,.12)),
      linear-gradient(180deg, rgba(3,12,20,.96), rgba(3,12,20,.76) 60%, rgba(3,12,20,.22)),
      url('../img/pool-magic-room-bg.webp') center 30% / cover no-repeat;
  }
  .pm-premium-header::after{ top:45px; width:300px; height:90px; filter:blur(17px); }
  .pm-club-logo-center{ width:122px; height:122px; margin-bottom:-54px; }
  .pm-premium-header .pm-club-logo-center::before,
  .pm-premium-header .pm-club-logo-center::after{ top:calc(50% + 34px); width:110px; }
  .pm-premium-header .pm-club-logo-center::before{ right:calc(50% + 66px); }
  .pm-premium-header .pm-club-logo-center::after{ left:calc(50% + 66px); }
  .pm-club-topbar-side span,.pm-header-season,.pm-header-online{ display:none; }
  .pm-premium-header + .pm-wrap{ padding-top:58px; }
  .pm-wrap{ padding-left:10px; padding-right:10px; }
  .pm-player-hero-v2{ padding:14px; border-radius:16px; }
  .pm-player-hero-v2 .pm-ph-main{ grid-template-columns:120px minmax(0,1fr); gap:12px; }
  .pm-player-hero-v2 .pm-ph-avatar-large{ width:120px; height:120px; border-radius:18px; }
  .pm-player-hero-v2 .pm-ph-name{ font-size:clamp(22px,6vw,30px); }
  .pm-player-hero-v2 .pm-ph-nick{ font-size:12px; letter-spacing:2px; }
  .pm-player-hero-v2 .pm-ph-meta-full span{ font-size:10.5px; padding:4px 9px; }
  .pm-player-hero-v2 .pm-ph-season-name{ font-size:9px; padding:5px 8px; }
  .pm-player-hero-v2 .pm-ph-rank-v2{ display:none !important; }
  .pm-player-hero-v2 .pm-stat-compact-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:14px; }
  .pm-player-hero-v2 .pm-stat-pill{ min-height:50px; padding:9px 10px; }
  .pm-player-hero-v2 .pm-stat-pill span{ font-size:9.5px; letter-spacing:.65px; }
  .pm-player-hero-v2 .pm-stat-pill strong{ font-size:20px; }
  .pm-pmc-avatar{ width:46px; height:46px; border-radius:14px; }
  .pm-pmc-top-clean .pm-pmc-opponent{ font-size:17px; }
  .pm-pmc-hint{ margin-left:60px; font-size:10px; }
  .pm-pmc-expanded .pm-disc-pill strong{ font-size:15px; }
}
@media (max-width:370px){
  .pm-player-hero-v2 .pm-ph-main{ grid-template-columns:104px minmax(0,1fr); }
  .pm-player-hero-v2 .pm-ph-avatar-large{ width:104px; height:104px; }
  .pm-club-logo-center{ width:112px; height:112px; }
}


/* ===== ULTRA PREMIUM FINAL LOOK ===== */

body::before{
content:'';
position:fixed;
inset:0;
pointer-events:none;
z-index:-1;
background:
radial-gradient(circle at 15% 15%, rgba(255,0,60,.18), transparent 28%),
radial-gradient(circle at 85% 12%, rgba(0,180,255,.18), transparent 30%),
linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.55));
mix-blend-mode:screen;
}

.pm-premium-header{
border-bottom:1px solid rgba(0,220,255,.18)!important;
box-shadow:
0 30px 80px rgba(0,0,0,.55),
inset 0 -1px 0 rgba(0,220,255,.18)!important;
}

.pm-club-logo-center{
transform:translateY(8px) scale(1.08);
}

.pm-club-logo-center img{
filter:
drop-shadow(0 0 12px rgba(255,60,60,.55))
drop-shadow(0 0 20px rgba(0,190,255,.55))
drop-shadow(0 15px 35px rgba(0,0,0,.75));
}

.pm-player-hero-v2{
background:
linear-gradient(145deg,
rgba(0,25,40,.92),
rgba(0,8,15,.95) 52%,
rgba(0,18,28,.94))!important;

backdrop-filter:blur(8px);
border:1px solid rgba(0,220,255,.28)!important;

box-shadow:
0 25px 70px rgba(0,0,0,.62),
0 0 0 1px rgba(255,255,255,.02) inset,
0 0 45px rgba(0,190,255,.06)!important;
}

.pm-player-hero-v2::before{
content:'';
position:absolute;
inset:0;
border-radius:inherit;
pointer-events:none;
background:
linear-gradient(90deg,
rgba(255,0,70,.05),
transparent 22%,
transparent 78%,
rgba(0,180,255,.05));
}

.pm-ph-name{
letter-spacing:-1px!important;
text-shadow:
0 0 18px rgba(0,255,180,.12),
0 0 35px rgba(0,255,180,.08)!important;
}

.pm-stat-pill{
background:
linear-gradient(180deg,
rgba(255,255,255,.03),
rgba(0,0,0,.25))!important;

border:1px solid rgba(0,220,255,.12)!important;

box-shadow:
inset 0 1px 0 rgba(255,255,255,.03),
0 10px 24px rgba(0,0,0,.28)!important;
}

.pm-stat-pill strong{
text-shadow:0 0 18px rgba(0,220,255,.12);
}

.pm-section-cards{
overflow:hidden;
background:
linear-gradient(180deg,
rgba(0,18,28,.94),
rgba(0,8,15,.97))!important;

box-shadow:
0 18px 45px rgba(0,0,0,.45),
0 0 30px rgba(0,190,255,.04)!important;
}

.pm-section-head{
position:relative;
}

.pm-section-head::after{
content:'';
position:absolute;
left:0;
right:0;
bottom:0;
height:1px;
background:linear-gradient(90deg,
rgba(255,60,60,.6),
rgba(0,220,255,.6));
opacity:.8;
}

.pm-player-match-card{
background:
linear-gradient(145deg,
rgba(255,255,255,.025),
rgba(0,0,0,.32))!important;

transition:.25s ease;
}

.pm-player-match-card:hover{
transform:translateY(-2px);
border-color:rgba(0,220,255,.24)!important;
box-shadow:
0 15px 35px rgba(0,0,0,.38),
0 0 24px rgba(0,190,255,.08)!important;
}

.pm-pmc-expanded{
background:
linear-gradient(180deg,
rgba(0,10,18,.88),
rgba(0,0,0,.42))!important;
}

.pm-disc-pill{
background:
linear-gradient(180deg,
rgba(255,255,255,.03),
rgba(0,0,0,.25))!important;
}

.pm-pmc-meta-grid > div{
background:
linear-gradient(180deg,
rgba(255,255,255,.025),
rgba(0,0,0,.18))!important;
}

@media (max-width:700px){

.pm-premium-header{
height:140px!important;
}

.pm-club-logo-center{
transform:translateY(6px) scale(1.02)!important;
}

.pm-player-hero-v2{
padding:16px!important;
}

.pm-player-match-card:hover{
transform:none;
}

}

/* =========================================================
   PATCH V3 — PLAYER PAGE: MATCH DETAILS 1:1 REFERENCE PUSH
   Goal: expanded match details as one premium broadcast strip,
   not stacked admin fields.
   ========================================================= */

.pm-section-cards{
  border-radius:22px!important;
  border:1px solid rgba(0,220,255,.20)!important;
  background:linear-gradient(180deg, rgba(0,24,36,.82), rgba(0,9,16,.92))!important;
}

.pm-player-match-list{
  padding:10px 12px 14px!important;
}

.pm-player-match-card{
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(0,220,255,.14)!important;
  background:linear-gradient(135deg, rgba(5,22,34,.86), rgba(2,9,16,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 18px 42px rgba(0,0,0,.30)!important;
}

.pm-player-match-card summary{
  padding:22px 24px!important;
  min-height:86px;
}

.pm-pmc-top-clean{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}

.pm-pmc-avatar{
  width:64px!important;
  height:64px!important;
  border-radius:999px!important;
  border:1px solid rgba(0,220,255,.38)!important;
  box-shadow:0 0 0 4px rgba(0,220,255,.045), 0 16px 26px rgba(0,0,0,.42)!important;
}

.pm-pmc-top-clean .pm-pmc-opponent{
  font-size:22px!important;
  line-height:1.05!important;
  color:#f4fbff!important;
}

.pm-pmc-top-clean .pm-pmc-sub{
  color:rgba(169,205,224,.82)!important;
  font-size:12px!important;
  letter-spacing:1.25px!important;
}

.pm-pmc-outcome{
  min-width:100px;
  justify-content:center;
  text-align:center;
  border-radius:999px!important;
  padding:10px 16px!important;
  font-size:12px!important;
  letter-spacing:1.15px!important;
}

.pm-pmc-hint{ display:none!important; }

.pm-pmc-expanded{
  display:grid!important;
  grid-template-columns:minmax(360px, 0.42fr) minmax(520px, 1fr)!important;
  gap:24px!important;
  align-items:stretch!important;
  padding:0 18px 18px!important;
  border-top:none!important;
  background:transparent!important;
}

.pm-pmc-detail-title{
  grid-column:1 / -1!important;
  margin:0 0 -6px 0!important;
  color:#00e7ff!important;
  font-family:var(--font-display)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:1.45px!important;
  text-transform:uppercase!important;
}

.pm-pmc-expanded .pm-disc-strip{
  margin:0!important;
  min-height:86px!important;
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  gap:8px!important;
  padding:14px 16px!important;
  border-radius:16px!important;
  border:1px solid rgba(0,220,255,.14)!important;
  background:linear-gradient(180deg, rgba(4,18,28,.92), rgba(1,8,14,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}

.pm-player-match-card .pm-disc-pill,
.pm-pmc-expanded .pm-disc-pill{
  min-width:0!important;
  min-height:56px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-rows:18px 24px!important;
  column-gap:10px!important;
  align-items:center!important;
}

.pm-ball-icon{
  grid-row:1 / span 2!important;
  width:38px!important;
  height:38px!important;
  font-size:16px!important;
  box-shadow:0 8px 16px rgba(0,0,0,.35), inset 0 1px 2px rgba(255,255,255,.65)!important;
}

.pm-player-match-card .pm-disc-label,
.pm-pmc-expanded .pm-disc-label{
  align-self:end!important;
  color:rgba(165,202,221,.84)!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.95px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

.pm-player-match-card .pm-disc-pill strong,
.pm-pmc-expanded .pm-disc-pill strong{
  align-self:start!important;
  color:#f8fbff!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-family:var(--font-display)!important;
  font-weight:900!important;
  white-space:nowrap!important;
  letter-spacing:.3px!important;
}

.pm-disc-10 strong{ color:#ffd76d!important; }
.pm-disc-9 strong{ color:#f9fbff!important; }

.pm-pmc-meta-grid{
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(5, minmax(0, 1fr))!important;
  gap:0!important;
  min-height:86px!important;
  padding:16px 14px!important;
  border-radius:16px!important;
  border:1px solid rgba(0,220,255,.08)!important;
  background:linear-gradient(90deg, rgba(6,20,31,.72), rgba(8,19,29,.50), rgba(4,13,21,.76))!important;
  box-shadow:inset 22px 0 32px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.02)!important;
}

.pm-pmc-meta-grid > div{
  min-height:54px!important;
  padding:2px 18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:8px!important;
  position:relative!important;
}

.pm-pmc-meta-grid > div:not(:last-child)::after{
  content:'';
  position:absolute;
  right:0;
  top:8px;
  bottom:8px;
  width:1px;
  background:linear-gradient(180deg, transparent, rgba(0,220,255,.18), transparent);
}

.pm-pmc-meta-grid span{
  color:rgba(163,198,219,.78)!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:1.05px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}

.pm-pmc-meta-grid span::before{
  margin-right:7px;
  color:rgba(226,241,255,.74);
  font-family:'tabler-icons'!important;
  font-weight:400!important;
  font-size:15px;
  vertical-align:-2px;
}
.pm-pmc-meta-grid > div:nth-child(1) span::before{ content:'\eb45'; }
.pm-pmc-meta-grid > div:nth-child(2) span::before{ content:'\eac1'; }
.pm-pmc-meta-grid > div:nth-child(3) span::before{ content:'\ea53'; }
.pm-pmc-meta-grid > div:nth-child(4) span::before{ content:'\ea4e'; }
.pm-pmc-meta-grid > div:nth-child(5) span::before{ content:'\ea5f'; }

.pm-pmc-meta-grid strong{
  color:#f6fbff!important;
  font-family:var(--font-display)!important;
  font-size:17px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
  
}

@media (max-width:1100px){
  .pm-pmc-expanded{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .pm-pmc-meta-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  }
}

@media (max-width:700px){
  .pm-player-match-list{ padding:8px!important; }
  .pm-player-match-card summary{ padding:16px!important; min-height:74px; }
  .pm-pmc-top-clean{ gap:12px!important; }
  .pm-pmc-avatar{ width:50px!important; height:50px!important; }
  .pm-pmc-top-clean .pm-pmc-opponent{ font-size:17px!important; }
  .pm-pmc-top-clean .pm-pmc-sub{ font-size:9.5px!important; letter-spacing:.85px!important; }
  .pm-pmc-outcome{ min-width:auto; padding:7px 10px!important; font-size:9px!important; }
  .pm-pmc-expanded{ padding:0 10px 12px!important; gap:10px!important; }
  .pm-pmc-detail-title{ font-size:11px!important; margin-top:2px!important; }
  .pm-pmc-expanded .pm-disc-strip{
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:10px 12px!important;
  }
  .pm-player-match-card .pm-disc-pill,
  .pm-pmc-expanded .pm-disc-pill{
    min-height:46px!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    grid-template-rows:1fr!important;
  }
  .pm-ball-icon{ width:32px!important; height:32px!important; font-size:14px!important; grid-row:auto!important; }
  .pm-player-match-card .pm-disc-label,
  .pm-pmc-expanded .pm-disc-label{ align-self:center!important; font-size:10px!important; }
  .pm-player-match-card .pm-disc-pill strong,
  .pm-pmc-expanded .pm-disc-pill strong{ align-self:center!important; font-size:17px!important; justify-self:end!important; }
  .pm-pmc-meta-grid{
    grid-template-columns:1fr 1fr!important;
    padding:8px 10px!important;
    min-height:0!important;
  }
  .pm-pmc-meta-grid > div{ min-height:50px!important; padding:8px 10px!important; }
  .pm-pmc-meta-grid > div::after{ display:none!important; }
  .pm-pmc-meta-grid span{ font-size:9.5px!important; }
  .pm-pmc-meta-grid strong{ font-size:15px!important; }
}

@media (max-width:420px){
  .pm-pmc-meta-grid{ grid-template-columns:1fr!important; }
  .pm-pmc-meta-grid > div{ border-top:1px solid rgba(0,220,255,.08)!important; }
  .pm-pmc-meta-grid > div:first-child{ border-top:0!important; }
}

/* ============================================================
   TABLE SYSTEM V2B — generated mockup alignment fix
   - Desktop/tablet: two-column premium standings cards when possible
   - Mobile: real table-like rows, TOP X collapse remains dynamic
   ============================================================ */

.pm-standings-wrap {
  padding-top: clamp(14px, 1.5vw, 20px);
  padding-bottom: calc(var(--bottom-nav-h) + 22px);
}

.pm-groups-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

.pm-league-card {
  --group-accent: var(--neon);
  --group-accent-soft: rgba(0, 229, 255, .16);
  --group-accent-line: rgba(0, 229, 255, .34);
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(0, 229, 255, .18);
  background:
    radial-gradient(circle at 15% 2%, rgba(0, 229, 255, .13), transparent 34%),
    linear-gradient(180deg, rgba(8, 24, 38, .92), rgba(3, 12, 20, .94));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 20px 55px rgba(0,0,0,.34);
  padding: 16px 16px 18px;
}

.pm-league-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, var(--group-accent-soft), transparent 28%, transparent 72%, rgba(0,0,0,.06)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 40px);
  opacity: .42;
  pointer-events: none;
}

.pm-league-card > * { position: relative; z-index: 1; }

.pm-group-b {
  --group-accent: #ff4d5f;
  --group-accent-soft: rgba(255, 43, 73, .16);
  --group-accent-line: rgba(255, 43, 73, .38);
  border-color: rgba(255, 43, 73, .22);
  background:
    radial-gradient(circle at 14% 0%, rgba(255, 43, 73, .16), transparent 34%),
    linear-gradient(180deg, rgba(24, 13, 23, .92), rgba(3, 12, 20, .94));
}

.pm-league-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.pm-league-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 7px 12px;
  border-radius: 12px;
  color: var(--group-accent);
  background: color-mix(in srgb, var(--group-accent) 13%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 24px color-mix(in srgb, var(--group-accent) 16%, transparent);
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 1.7px;
  text-transform: uppercase;
}

.pm-league-title i { font-size: 23px; filter: drop-shadow(0 0 9px currentColor); }

.pm-league-playoff-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 6px 13px;
  border-radius: 11px;
  border: 1px solid rgba(117,255,82,.48);
  background: linear-gradient(135deg, rgba(39,255,99,.18), rgba(39,255,99,.065));
  color: #8cff5a;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 22px rgba(39,255,99,.12);
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}

.pm-league-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 13px;
}

.pm-league-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 720px;
}

.pm-league-table th {
  padding: 9px 10px 10px;
  color: rgba(207,231,244,.68);
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.1px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,.075);
}

.pm-league-table th.pm-col-player { text-align: left; }
.pm-league-table th.pm-col-playoff { color: #8cff5a; }

.pm-league-table td {
  height: 48px;
  padding: 7px 10px;
  color: rgba(235,248,255,.94);
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 800;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: rgba(3, 13, 22, .20);
}

.pm-league-table tr:last-child td { border-bottom: 0; }
.pm-league-table .pm-col-player { text-align: left; }
.pm-league-table .pm-col-rank { width: 48px; }
.pm-league-table .pm-col-player { min-width: 230px; }
.pm-league-table .pm-col-playoff { width: 105px; }

.pm-league-table tbody tr {
  position: relative;
  transition: transform .16s ease, filter .16s ease;
}

.pm-league-table tbody tr:hover td { background: rgba(0, 229, 255, .055); }

.pm-league-table tbody tr.pm-adv td {
  background: linear-gradient(90deg, rgba(52,255,104,.125), rgba(34,255,93,.07), rgba(34,255,93,.035));
  border-top: 1px solid rgba(80,255,95,.17);
  border-bottom-color: rgba(80,255,95,.15);
}

.pm-league-table tbody tr.pm-adv:first-child td:first-child { border-top-left-radius: 12px; }
.pm-league-table tbody tr.pm-adv:first-child td:last-child { border-top-right-radius: 12px; }
.pm-league-table tbody tr.pm-adv:nth-child(4) td:first-child { border-bottom-left-radius: 12px; }
.pm-league-table tbody tr.pm-adv:nth-child(4) td:last-child { border-bottom-right-radius: 12px; }

.pm-group-b .pm-league-table tbody tr.pm-adv td {
  background: linear-gradient(90deg, rgba(255,50,73,.105), rgba(255,50,73,.055), rgba(34,255,93,.025));
  border-top-color: rgba(255,80,98,.15);
  border-bottom-color: rgba(255,80,98,.13);
}

.pm-rank-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  color: rgba(235,248,255,.96);
  font-size: 16px;
  font-weight: 950;
}

.pm-adv .pm-rank-num { color: #8cff5a; text-shadow: 0 0 12px rgba(117,255,82,.34); }
.pm-group-b .pm-adv .pm-rank-num { color: #ff5a65; text-shadow: 0 0 12px rgba(255,60,60,.30); }

.pm-player-inline {
  display: inline-grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  max-width: 100%;
  color: inherit;
  text-decoration: none;
}

.pm-player-avatar {
  width: 38px;
  height: 38px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--neon);
  border: 1px solid rgba(0,229,255,.42);
  background: linear-gradient(145deg, rgba(0,229,255,.16), rgba(2,13,25,.96));
  font-size: 14px;
  font-weight: 950;
  letter-spacing: .5px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 16px rgba(0,229,255,.09);
}

.pm-group-b .pm-player-avatar {
  color: #ff5666;
  border-color: rgba(255,43,73,.45);
  background: linear-gradient(145deg, rgba(255,43,73,.13), rgba(2,13,25,.96));
}

.pm-player-avatar img { width: 100%; height: 100%; object-fit: cover;transform: translateY(-1px); }

.pm-player-text {
  display: block;
  min-width: 0;
  line-height: 1.08;
}

.pm-player-main-name {
  display: block;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pm-player-main-nick {
  display: block;
  margin-top: 3px;
  color: rgba(205,226,240,.72);
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pm-table-points {
  color: var(--neon);
  font-size: 18px;
  font-weight: 950;
  text-shadow: 0 0 13px rgba(0,229,255,.18);
}

.pm-playoff-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  min-height: 28px;
  border-radius: 8px;
  border: 1px solid rgba(117,255,82,.38);
  background: linear-gradient(135deg, rgba(57,255,83,.19), rgba(57,255,83,.065));
  color: #8cff5a;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 14px rgba(57,255,83,.12);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .8px;
  text-transform: uppercase;
}

.pm-no-playoff { color: rgba(200,224,238,.45); }

.pm-show-more {
  width: 100%;
  min-height: 48px;
  margin-top: 13px;
  border: 0;
  background: transparent;
  color: rgba(216,232,244,.72);
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.pm-show-more i { font-size: 23px; transition: transform .18s ease; }
.pm-show-more .pm-show-more-open { display: none; }
.pm-league-card.is-expanded .pm-show-more i { transform: rotate(180deg); }
.pm-league-card.is-expanded .pm-show-more-closed { display: none; }
.pm-league-card.is-expanded .pm-show-more-open { display: inline; }

@media (min-width: 980px) {
  .pm-wrap.pm-standings-wrap { max-width: 1780px; padding-left: clamp(22px, 3vw, 56px); padding-right: clamp(22px, 3vw, 56px); }
  .pm-groups-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: start; }
  .pm-league-card { padding: 18px 18px 20px; }
  .pm-league-table { min-width: 0; }
  .pm-league-table th { font-size: 11px; padding-left: 7px; padding-right: 7px; }
  .pm-league-table td { font-size: 14px; padding-left: 7px; padding-right: 7px; height: 44px; }
  .pm-league-table .pm-col-player { min-width: 210px; }
  .pm-player-main-name { font-size: 15px; }
  .pm-player-main-nick { font-size: 11px; }
  .pm-player-avatar { width: 34px; height: 34px; }
  .pm-player-inline { grid-template-columns: 37px minmax(0,1fr); gap: 8px; }
}

@media (max-width: 979px) {
  .pm-standings-wrap { padding-left: 10px; padding-right: 10px; }
  .pm-groups-grid { gap: 16px; }
  .pm-league-card { padding: 14px 12px 14px; border-radius: 16px; }
  .pm-league-card-head { margin-bottom: 10px; }
  .pm-league-title { min-height: 35px; padding: 7px 11px; font-size: 18px; }
  .pm-league-playoff-pill { min-height: 32px; padding: 6px 10px; font-size: 12px; }
  .pm-league-table { min-width: 0; table-layout: fixed; }
  .pm-league-table .pm-col-cat,
  .pm-league-table .pm-col-rf,
  .pm-league-table .pm-col-ra,
  .pm-league-table .pm-col-walk { display: none; }
  .pm-league-table th { font-size: 11px; padding: 9px 5px; }
  .pm-league-table td { height: 58px; padding: 8px 5px; font-size: 17px; }
  .pm-league-table .pm-col-rank { width: 38px; }
  .pm-league-table .pm-col-player { width: auto; }
  .pm-league-table .pm-col-played { width: 82px; }
  .pm-league-table .pm-col-points { width: 72px; }
  .pm-league-table .pm-col-diff { width: 58px; }
  .pm-league-table .pm-col-playoff { width: 92px; }
  .pm-player-inline { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; }
  .pm-player-avatar { width: 40px; height: 40px; border-radius: 10px; }
  .pm-player-main-name { font-size: 16px; }
  .pm-player-main-nick { font-size: 12px; }
  .pm-table-points { font-size: 18px; }
  .pm-show-more { display: flex; }
  .pm-league-card:not(.is-expanded) .pm-extra-row { display: none; }
}

@media (max-width: 520px) {
  .pm-standings-wrap { padding-left: 10px; padding-right: 10px; }
  .pm-league-card { padding: 13px 10px 13px; border-radius: 15px; }
  .pm-league-title { font-size: 17px; letter-spacing: 1.3px; }
  .pm-league-title i { font-size: 22px; }
  .pm-league-playoff-pill { font-size: 11px; letter-spacing: .7px; }
  .pm-league-table th { font-size: 10px; letter-spacing: .8px; }
  .pm-league-table td { height: 58px; font-size: 16px; }
  .pm-league-table .pm-col-rank { width: 34px; }
  .pm-league-table .pm-col-played { width: 72px; }
  .pm-league-table .pm-col-points { width: 62px; }
  .pm-league-table .pm-col-diff { display: none; }
  .pm-league-table .pm-col-playoff { width: 88px; }
  .pm-player-inline { grid-template-columns: 38px minmax(0, 1fr); gap: 8px; }
  .pm-player-avatar { width: 36px; height: 36px; font-size: 12px; }
  .pm-player-main-name { font-size: 15px; }
  .pm-player-main-nick { font-size: 11px; }
  .pm-playoff-tag { min-width: 72px; min-height: 28px; font-size: 11px; }
}

@media (max-width: 380px) {
  .pm-league-table .pm-col-played { width: 62px; }
  .pm-league-table .pm-col-points { width: 56px; }
  .pm-league-table .pm-col-playoff { width: 80px; }
  .pm-league-table th { font-size: 9px; }
  .pm-league-table td { font-size: 15px; padding-left: 3px; padding-right: 3px; }
  .pm-player-main-name { font-size: 14px; }
  .pm-player-main-nick { font-size: 10px; }
  .pm-playoff-tag { min-width: 66px; font-size: 10px; }
}

/* ============================================================
   TABLE SYSTEM V2C — density + original cell color recovery
   - Keeps V2 table structure
   - Restores calmer pre-table cell palette
   - Fixes oversized rows/text on mobile/tablet
   ============================================================ */

.pm-standings-wrap {
  padding-top: clamp(10px, 1.1vw, 16px) !important;
}

.pm-groups-grid {
  gap: 14px !important;
}

.pm-league-card {
  border-radius: 16px !important;
  border-color: rgba(0, 220, 255, .18) !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(0, 220, 255, .08), transparent 34%),
    linear-gradient(180deg, rgba(5, 18, 29, .90), rgba(2, 10, 18, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 14px 38px rgba(0,0,0,.28) !important;
  padding: 13px 13px 14px !important;
}

.pm-league-card::before {
  opacity: .22 !important;
}

.pm-group-b {
  border-color: rgba(0, 220, 255, .14) !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(0, 220, 255, .06), transparent 34%),
    linear-gradient(180deg, rgba(5, 18, 29, .90), rgba(2, 10, 18, .94)) !important;
}

.pm-league-card-head {
  margin-bottom: 8px !important;
}

.pm-league-title {
  min-height: 31px !important;
  padding: 5px 10px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  letter-spacing: 1.5px !important;
  background: linear-gradient(135deg, rgba(0,220,255,.15), rgba(0,220,255,.05)) !important;
  box-shadow: none !important;
  color: var(--neon) !important;
}

.pm-league-title i {
  font-size: 19px !important;
}

.pm-group-b .pm-league-title {
  background: linear-gradient(135deg, rgba(255,60,60,.12), rgba(255,60,60,.045)) !important;
  border-color: rgba(255,60,60,.28) !important;
  color: #ff5262 !important;
}

.pm-league-playoff-pill {
  min-height: 28px !important;
  padding: 4px 10px !important;
  border-radius: 9px !important;
  font-size: 10px !important;
  letter-spacing: .8px !important;
  border: .5px solid rgba(31,255,158,.34) !important;
  background: rgba(31,255,158,.07) !important;
  color: var(--neon2) !important;
  box-shadow: 0 0 14px rgba(31,255,158,.08) !important;
}

.pm-league-table-wrap {
  border-radius: 12px !important;
}

.pm-league-table {
  border-collapse: collapse !important;
}

.pm-league-table th {
  padding: 6px 7px !important;
  color: var(--muted) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 1.15px !important;
  border-bottom: .5px solid rgba(0,220,255,.16) !important;
}

.pm-league-table th.pm-col-playoff {
  color: var(--muted) !important;
}

.pm-league-table td {
  height: 39px !important;
  padding: 5px 7px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border-bottom: .5px solid rgba(255,255,255,.05) !important;
  background: transparent !important;
}

.pm-league-table tbody tr:hover td {
  background: rgba(0,220,255,.04) !important;
}

.pm-league-table tbody tr.pm-adv td,
.pm-group-b .pm-league-table tbody tr.pm-adv td {
  background: rgba(31,255,158,.03) !important;
  border-top: 0 !important;
  border-bottom-color: rgba(255,255,255,.055) !important;
}

.pm-league-table tbody tr.pm-adv {
  box-shadow: inset 3px 0 0 rgba(31,255,158,.34);
}

.pm-rank-num {
  min-width: 18px !important;
  font-size: 13px !important;
  color: var(--muted) !important;
  text-shadow: none !important;
}

.pm-adv .pm-rank-num,
.pm-group-b .pm-adv .pm-rank-num {
  color: var(--neon2) !important;
  text-shadow: 0 0 10px rgba(31,255,158,.18) !important;
}

.pm-player-inline {
  grid-template-columns: 31px minmax(0, 1fr) !important;
  gap: 7px !important;
}

.pm-player-avatar {
  width: 29px !important;
  height: 29px !important;
  border-radius: var(--r-sm) !important;
  border: .5px solid var(--border) !important;
  background: var(--bg3) !important;
  color: var(--neon) !important;
  font-size: 10px !important;
  box-shadow: none !important;
}

.pm-group-b .pm-player-avatar {
  border-color: rgba(255,255,255,.12) !important;
  background: var(--bg3) !important;
  color: var(--neon) !important;
}

.pm-adv .pm-player-avatar,
.pm-group-b .pm-adv .pm-player-avatar {
  border-color: rgba(31,255,158,.34) !important;
  color: var(--neon2) !important;
}

.pm-player-main-name {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .25px !important;
  line-height: 1.12 !important;
}

.pm-player-main-nick {
  margin-top: 2px !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  color: var(--gold) !important;
}

.pm-table-points {
  font-size: 14px !important;
  color: var(--neon) !important;
  text-shadow: none !important;
}

.pm-playoff-tag {
  min-width: 58px !important;
  min-height: 21px !important;
  padding: 2px 6px !important;
  border-radius: 5px !important;
  border: .5px solid rgba(31,255,158,.30) !important;
  background: rgba(31,255,158,.10) !important;
  color: var(--neon2) !important;
  box-shadow: none !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .75px !important;
}

.pm-no-playoff {
  color: rgba(210,230,240,.38) !important;
  font-size: 11px !important;
}

.pm-show-more {
  min-height: 38px !important;
  margin-top: 8px !important;
  font-size: 12px !important;
  color: var(--muted) !important;
}

.pm-show-more i {
  font-size: 18px !important;
}

@media (min-width: 980px) {
  .pm-wrap.pm-standings-wrap {
    max-width: 1760px !important;
    padding-left: clamp(18px, 2.4vw, 46px) !important;
    padding-right: clamp(18px, 2.4vw, 46px) !important;
  }

  .pm-groups-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .pm-league-card {
    padding: 14px 14px 15px !important;
  }

  .pm-league-table th {
    font-size: 8.5px !important;
    padding: 6px 5px !important;
    letter-spacing: .95px !important;
  }

  .pm-league-table td {
    height: 35px !important;
    padding: 4px 5px !important;
    font-size: 11px !important;
  }

  .pm-league-table .pm-col-rank { width: 34px !important; }
  .pm-league-table .pm-col-player { min-width: 178px !important; }
  .pm-league-table .pm-col-playoff { width: 76px !important; }
  .pm-player-inline { grid-template-columns: 29px minmax(0,1fr) !important; gap: 6px !important; }
  .pm-player-avatar { width: 27px !important; height: 27px !important; }
  .pm-player-main-name { font-size: 11.5px !important; }
  .pm-player-main-nick { font-size: 8.5px !important; }
  .pm-table-points { font-size: 13px !important; }
  .pm-playoff-tag { min-width: 54px !important; font-size: 7.5px !important; }
}

@media (max-width: 979px) {
  .pm-standings-wrap {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .pm-league-card {
    padding: 12px 10px 12px !important;
  }

  .pm-league-table {
    min-width: 0 !important;
    table-layout: fixed !important;
  }

  .pm-league-table .pm-col-cat,
  .pm-league-table .pm-col-rf,
  .pm-league-table .pm-col-ra,
  .pm-league-table .pm-col-walk,
  .pm-league-table .pm-col-diff {
    display: none !important;
  }

  .pm-league-table th {
    font-size: 8px !important;
    padding: 6px 3px !important;
    letter-spacing: .75px !important;
  }

  .pm-league-table td {
    height: 45px !important;
    padding: 5px 3px !important;
    font-size: 12px !important;
  }

  .pm-league-table .pm-col-rank { width: 28px !important; }
  .pm-league-table .pm-col-player { width: auto !important; }
  .pm-league-table .pm-col-played { width: 52px !important; }
  .pm-league-table .pm-col-points { width: 48px !important; }
  .pm-league-table .pm-col-playoff { width: 66px !important; }
  .pm-player-inline { grid-template-columns: 32px minmax(0,1fr) !important; gap: 6px !important; }
  .pm-player-avatar { width: 30px !important; height: 30px !important; }
  .pm-player-main-name { font-size: 12px !important; }
  .pm-player-main-nick { font-size: 9px !important; }
  .pm-playoff-tag { min-width: 54px !important; min-height: 20px !important; font-size: 7.5px !important; }
}

@media (max-width: 520px) {
  .pm-league-card-head {
    gap: 8px !important;
  }

  .pm-league-title {
    font-size: 13px !important;
    min-height: 30px !important;
    padding: 5px 9px !important;
  }

  .pm-league-title i {
    font-size: 18px !important;
  }

  .pm-league-playoff-pill {
    font-size: 9px !important;
    padding: 4px 8px !important;
    min-height: 27px !important;
  }

  .pm-league-table th {
    font-size: 7.5px !important;
    letter-spacing: .55px !important;
  }

  .pm-league-table td {
    height: 43px !important;
    font-size: 11px !important;
  }

  .pm-league-table .pm-col-rank { width: 26px !important; }
  .pm-league-table .pm-col-played { width: 42px !important; }
  .pm-league-table .pm-col-points { width: 42px !important; }
  .pm-league-table .pm-col-playoff { width: 58px !important; }

  .pm-player-inline {
    grid-template-columns: 29px minmax(0,1fr) !important;
    gap: 5px !important;
  }

  .pm-player-avatar {
    width: 27px !important;
    height: 27px !important;
    font-size: 9px !important;
  }

  .pm-player-main-name {
    font-size: 11px !important;
  }

  .pm-player-main-nick {
    font-size: 8px !important;
  }

  .pm-table-points {
    font-size: 12px !important;
  }

  .pm-playoff-tag {
    min-width: 48px !important;
    min-height: 19px !important;
    padding: 2px 4px !important;
    font-size: 7px !important;
    letter-spacing: .45px !important;
  }
}

@media (max-width: 380px) {
  .pm-league-table .pm-col-played {
    display: none !important;
  }
  .pm-league-table .pm-col-rank { width: 24px !important; }
  .pm-league-table .pm-col-points { width: 38px !important; }
  .pm-league-table .pm-col-playoff { width: 54px !important; }
  .pm-player-main-name { font-size: 10.5px !important; }
  .pm-player-main-nick { display: none !important; }
}

/* ============================================================
   PLAYER HIERARCHY V3 — mobile core stats + stronger player identity
   Baseline: TABLE SYSTEM V2C DENSITY FIX
   - Mobile columns: MEČ | +/- | BOD
   - Playoff remains dynamic in PHP; mobile uses row highlight instead of extra column
   - Larger avatars / names / nicknames without changing header or hero
   ============================================================ */

.pm-league-table .pm-col-diff {
  font-variant-numeric: tabular-nums;
}

.pm-diff-pos { color: var(--neon2) !important; }
.pm-diff-neg { color: #ff6574 !important; }

/* Desktop/tablet polish: keep V2C density, but restore player as visual anchor */
.pm-player-inline {
  grid-template-columns: 35px minmax(0, 1fr) !important;
  gap: 8px !important;
}

.pm-player-avatar {
  width: 33px !important;
  height: 33px !important;
  border-radius: 8px !important;
}

.pm-player-main-name {
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .15px !important;
}

.pm-player-main-nick {
  font-size: 9.8px !important;
  opacity: .92 !important;
}

.pm-league-table .pm-col-diff {
  width: 50px;
}

@media (min-width: 980px) {
  .pm-league-table .pm-col-player { min-width: 198px !important; }
  .pm-league-table .pm-col-played { width: 44px !important; }
  .pm-league-table .pm-col-diff { width: 48px !important; }
  .pm-league-table .pm-col-points { width: 46px !important; }
  .pm-league-table .pm-col-playoff { width: 74px !important; }

  .pm-player-inline { grid-template-columns: 34px minmax(0,1fr) !important; gap: 8px !important; }
  .pm-player-avatar { width: 32px !important; height: 32px !important; }
  .pm-player-main-name { font-size: 12.8px !important; }
  .pm-player-main-nick { font-size: 9.4px !important; }
}

@media (max-width: 979px) {
  /* Mobile core: # | IGRAČ | MEČ | +/- | BOD */
  .pm-league-table .pm-col-cat,
  .pm-league-table .pm-col-rf,
  .pm-league-table .pm-col-ra,
  .pm-league-table .pm-col-walk,
  .pm-league-table .pm-col-playoff {
    display: none !important;
  }

  .pm-league-table td {
    height: 51px !important;
  }

  .pm-league-table .pm-col-rank { width: 30px !important; }
  .pm-league-table .pm-col-played { width: 46px !important; }
  .pm-league-table .pm-col-diff { width: 48px !important; }
  .pm-league-table .pm-col-points { width: 46px !important; }

  .pm-player-inline {
    grid-template-columns: 38px minmax(0,1fr) !important;
    gap: 8px !important;
  }

  .pm-player-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
  }

  .pm-player-main-name {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
  }

  .pm-player-main-nick {
    margin-top: 2px !important;
    font-size: 10px !important;
    color: rgba(255,201,77,.92) !important;
  }

  .pm-table-points {
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  .pm-league-table tbody tr.pm-adv {
    box-shadow: inset 3px 0 0 rgba(31,255,158,.42) !important;
  }
}

@media (max-width: 520px) {
  .pm-league-table th {
    font-size: 7.8px !important;
    letter-spacing: .55px !important;
  }

  .pm-league-table td {
    height: 50px !important;
    font-size: 11.5px !important;
  }

  .pm-league-table .pm-col-rank { width: 27px !important; }
  .pm-league-table .pm-col-played { width: 39px !important; }
  .pm-league-table .pm-col-diff { width: 41px !important; }
  .pm-league-table .pm-col-points { width: 39px !important; }

  .pm-player-inline {
    grid-template-columns: 35px minmax(0,1fr) !important;
    gap: 7px !important;
  }

  .pm-player-avatar {
    width: 33px !important;
    height: 33px !important;
    font-size: 10px !important;
  }

  .pm-player-main-name {
    font-size: 12.8px !important;
  }

  .pm-player-main-nick {
    font-size: 9.4px !important;
  }

  .pm-table-points {
    font-size: 13.5px !important;
  }
}

@media (max-width: 380px) {
  .pm-league-table .pm-col-played {
    display: table-cell !important;
    width: 34px !important;
  }
  .pm-league-table .pm-col-diff { width: 36px !important; }
  .pm-league-table .pm-col-points { width: 34px !important; }
  .pm-player-inline { grid-template-columns: 31px minmax(0,1fr) !important; gap: 6px !important; }
  .pm-player-avatar { width: 29px !important; height: 29px !important; }
  .pm-player-main-name { font-size: 11.5px !important; }
  .pm-player-main-nick { font-size: 8.5px !important; display: block !important; }
}

/* ============================================================
   MOBILE TABLE BALANCE V4 — restore +/- mobile stat + stronger player block
   Baseline: PLAYER HIERARCHY V3
   - Mobile columns: # | IGRAČ | MEČ | +/- | BOD
   - Keeps current cell colors/style; does not touch header or hero
   ============================================================ */

@media (max-width: 979px) {
  /* Previous mobile density rules hid +/-; explicitly restore it. */
  .pm-league-table .pm-col-diff {
    display: table-cell !important;
    width: 46px !important;
    text-align: center !important;
    font-weight: 900 !important;
    font-variant-numeric: tabular-nums !important;
  }

  .pm-league-table .pm-col-played {
    width: 42px !important;
    text-align: center !important;
    font-weight: 800 !important;
  }

  .pm-league-table .pm-col-points {
    width: 42px !important;
    text-align: center !important;
  }

  .pm-league-table .pm-col-rank {
    width: 28px !important;
  }

  .pm-league-table td {
    height: 52px !important;
  }

  .pm-player-inline {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .pm-player-avatar {
    width: 38px !important;
    height: 38px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
  }

  .pm-player-main-name {
    font-size: 13.8px !important;
    font-weight: 850 !important;
    line-height: 1.08 !important;
  }

  .pm-player-main-nick {
    font-size: 10.2px !important;
    line-height: 1.1 !important;
    opacity: .95 !important;
  }
}

@media (max-width: 520px) {
  .pm-league-table .pm-col-rank { width: 26px !important; }
  .pm-league-table .pm-col-played { width: 38px !important; }
  .pm-league-table .pm-col-diff { width: 40px !important; display: table-cell !important; }
  .pm-league-table .pm-col-points { width: 38px !important; }

  .pm-league-table td {
    height: 51px !important;
  }

  .pm-player-inline {
    grid-template-columns: 37px minmax(0,1fr) !important;
    gap: 7px !important;
  }

  .pm-player-avatar {
    width: 35px !important;
    height: 35px !important;
    font-size: 10px !important;
  }

  .pm-player-main-name {
    font-size: 13px !important;
  }

  .pm-player-main-nick {
    font-size: 9.6px !important;
  }
}

@media (max-width: 380px) {
  .pm-league-table .pm-col-rank { width: 24px !important; }
  .pm-league-table .pm-col-played { width: 34px !important; display: table-cell !important; }
  .pm-league-table .pm-col-diff { width: 34px !important; display: table-cell !important; }
  .pm-league-table .pm-col-points { width: 34px !important; }

  .pm-player-inline {
    grid-template-columns: 32px minmax(0,1fr) !important;
    gap: 6px !important;
  }

  .pm-player-avatar {
    width: 30px !important;
    height: 30px !important;
  }

  .pm-player-main-name { font-size: 11.7px !important; }
  .pm-player-main-nick { font-size: 8.6px !important; display: block !important; }
}

/* ============================================================
   MOBILE PLAYOFF BADGE RESTORE V4B
   Baseline: MOBILE TABLE BALANCE V4
   - Keeps MEČ | +/- | BOD and restores compact PLAYOFF badge on mobile
   - Does not touch header/hero colors
   - TOP X logic remains dynamic in PHP
   ============================================================ */

@media (max-width: 979px) {
  .pm-league-table .pm-col-playoff {
    display: table-cell !important;
    width: 62px !important;
    min-width: 62px !important;
    text-align: center !important;
  }

  .pm-playoff-tag {
    min-width: 48px !important;
    min-height: 20px !important;
    padding: 3px 6px !important;
    border-radius: 7px !important;
    font-size: 7.4px !important;
    line-height: 1 !important;
    letter-spacing: .55px !important;
    font-weight: 900 !important;
  }

  .pm-no-playoff {
    font-size: 10px !important;
    opacity: .45 !important;
  }
}

@media (max-width: 520px) {
  .pm-league-table .pm-col-rank { width: 24px !important; }
  .pm-league-table .pm-col-played { width: 34px !important; }
  .pm-league-table .pm-col-diff { width: 36px !important; }
  .pm-league-table .pm-col-points { width: 34px !important; }
  .pm-league-table .pm-col-playoff { width: 58px !important; min-width: 58px !important; }

  .pm-playoff-tag {
    min-width: 45px !important;
    min-height: 19px !important;
    padding: 3px 5px !important;
    font-size: 6.9px !important;
    letter-spacing: .45px !important;
  }

  .pm-player-inline {
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 6px !important;
  }

  .pm-player-avatar {
    width: 34px !important;
    height: 34px !important;
  }

  .pm-player-main-name { font-size: 12.7px !important; }
  .pm-player-main-nick { font-size: 9.3px !important; }
}

@media (max-width: 380px) {
  .pm-league-table .pm-col-rank { width: 22px !important; }
  .pm-league-table .pm-col-played { width: 30px !important; }
  .pm-league-table .pm-col-diff { width: 31px !important; }
  .pm-league-table .pm-col-points { width: 30px !important; }
  .pm-league-table .pm-col-playoff { width: 50px !important; min-width: 50px !important; }

  .pm-playoff-tag {
    min-width: 39px !important;
    min-height: 18px !important;
    padding: 2px 4px !important;
    font-size: 6.2px !important;
    letter-spacing: .35px !important;
  }

  .pm-player-inline {
    grid-template-columns: 29px minmax(0,1fr) !important;
    gap: 5px !important;
  }

  .pm-player-avatar { width: 27px !important; height: 27px !important; }
  .pm-player-main-name { font-size: 11.1px !important; }
  .pm-player-main-nick { font-size: 8.1px !important; }
}

/* ============================================================
   RESPONSIVE TABLE V5 — tablet/desktop layout repair
   Baseline: MOBILE PLAYOFF BADGE V4B
   - Mobile <=520px stays unchanged
   - Tablet/Desktop get wider standings, stronger typography and real table density
   - One-group seasons span full width instead of occupying only half grid
   - TOP X / Playoff remains dynamic from PHP
   ============================================================ */

@media (min-width: 700px) {
  .pm-wrap.pm-standings-wrap {
    width: min(100% - 40px, 1480px) !important;
    max-width: 1480px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 18px !important;
  }

  .pm-groups-grid {
    gap: 18px !important;
    align-items: start !important;
  }

  .pm-groups-grid > .pm-league-card:only-child {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 1120px !important;
    justify-self: center !important;
  }

  .pm-league-card {
    padding: 18px 18px 20px !important;
    border-radius: 18px !important;
  }

  .pm-league-card-head {
    margin-bottom: 13px !important;
  }

  .pm-league-title {
    min-height: 36px !important;
    padding: 7px 13px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    letter-spacing: 1.65px !important;
  }

  .pm-league-title i {
    font-size: 22px !important;
  }

  .pm-league-playoff-pill {
    min-height: 32px !important;
    padding: 6px 13px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    letter-spacing: .9px !important;
  }

  .pm-league-table-wrap {
    overflow-x: auto !important;
  }

  .pm-league-table {
    table-layout: fixed !important;
    min-width: 760px !important;
    width: 100% !important;
  }

  .pm-league-table .pm-col-cat,
  .pm-league-table .pm-col-rf,
  .pm-league-table .pm-col-ra,
  .pm-league-table .pm-col-diff,
  .pm-league-table .pm-col-playoff {
    display: table-cell !important;
  }

  .pm-league-table .pm-col-walk {
    display: none !important;
  }

  .pm-league-table th {
    padding: 8px 6px !important;
    font-size: 9.5px !important;
    letter-spacing: .95px !important;
  }

  .pm-league-table td {
    height: 44px !important;
    padding: 6px 6px !important;
    font-size: 12.5px !important;
  }

  .pm-league-table .pm-col-rank { width: 42px !important; }
  .pm-league-table .pm-col-player { width: auto !important; min-width: 230px !important; }
  .pm-league-table .pm-col-cat { width: 52px !important; }
  .pm-league-table .pm-col-played { width: 58px !important; }
  .pm-league-table .pm-col-diff { width: 58px !important; }
  .pm-league-table .pm-col-points { width: 58px !important; }
  .pm-league-table .pm-col-rf { width: 64px !important; }
  .pm-league-table .pm-col-ra { width: 64px !important; }
  .pm-league-table .pm-col-playoff { width: 82px !important; min-width: 82px !important; }

  .pm-player-inline {
    grid-template-columns: 38px minmax(0,1fr) !important;
    gap: 9px !important;
  }

  .pm-player-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
  }

  .pm-player-main-name {
    font-size: 13.5px !important;
    line-height: 1.08 !important;
    font-weight: 850 !important;
  }

  .pm-player-main-nick {
    font-size: 9.8px !important;
  }

  .pm-rank-num {
    font-size: 14px !important;
  }

  .pm-table-points {
    font-size: 15px !important;
  }

  .pm-playoff-tag {
    min-width: 58px !important;
    min-height: 21px !important;
    padding: 3px 7px !important;
    border-radius: 7px !important;
    font-size: 7.8px !important;
    letter-spacing: .55px !important;
  }

  .pm-show-more {
    display: none !important;
  }

  .pm-league-card:not(.is-expanded) .pm-extra-row {
    display: table-row !important;
  }
}

@media (min-width: 980px) {
  .pm-wrap.pm-standings-wrap {
    width: min(100% - 64px, 1680px) !important;
    max-width: 1680px !important;
    padding-top: 20px !important;
  }

  .pm-groups-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child {
    max-width: 1260px !important;
  }

  .pm-league-card {
    padding: 20px 20px 22px !important;
    border-radius: 20px !important;
  }

  .pm-league-title {
    min-height: 38px !important;
    font-size: 17px !important;
  }

  .pm-league-playoff-pill {
    min-height: 34px !important;
    font-size: 11.5px !important;
  }

  .pm-league-table {
    min-width: 0 !important;
  }

  .pm-league-table .pm-col-walk {
    display: table-cell !important;
  }

  .pm-league-table th {
    padding: 9px 7px !important;
    font-size: 9.7px !important;
  }

  .pm-league-table td {
    height: 42px !important;
    padding: 6px 7px !important;
    font-size: 12.5px !important;
  }

  .pm-league-table .pm-col-rank { width: 40px !important; }
  .pm-league-table .pm-col-player { min-width: 210px !important; }
  .pm-league-table .pm-col-cat { width: 44px !important; }
  .pm-league-table .pm-col-played { width: 50px !important; }
  .pm-league-table .pm-col-diff { width: 50px !important; }
  .pm-league-table .pm-col-points { width: 50px !important; }
  .pm-league-table .pm-col-rf { width: 56px !important; }
  .pm-league-table .pm-col-ra { width: 56px !important; }
  .pm-league-table .pm-col-walk { width: 50px !important; }
  .pm-league-table .pm-col-playoff { width: 78px !important; min-width: 78px !important; }

  .pm-player-inline {
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 8px !important;
  }

  .pm-player-avatar {
    width: 34px !important;
    height: 34px !important;
  }

  .pm-player-main-name {
    font-size: 13px !important;
  }

  .pm-player-main-nick {
    font-size: 9.5px !important;
  }
}

@media (min-width: 1280px) {
  .pm-wrap.pm-standings-wrap {
    width: min(100% - 76px, 1760px) !important;
    max-width: 1760px !important;
  }

  .pm-groups-grid {
    gap: 26px !important;
  }

  .pm-league-table td {
    height: 44px !important;
    font-size: 13px !important;
  }

  .pm-league-table th {
    font-size: 10px !important;
  }

  .pm-player-main-name { font-size: 13.5px !important; }
  .pm-player-main-nick { font-size: 9.8px !important; }
  .pm-player-avatar { width: 36px !important; height: 36px !important; }
  .pm-player-inline { grid-template-columns: 38px minmax(0,1fr) !important; }
}

/* ============================================================
   RESPONSIVE TABLE V6 — desktop/tablet scale-up polish
   Baseline: RESPONSIVE TABLE V5
   - Mobile <=699px is untouched
   - Larger screens get a wider table, bigger player identity and better use of space
   - Single-group seasons become a proper wide dashboard table
   - TOP X / Playoff remains dynamic from PHP
   ============================================================ */

@media (min-width: 700px) and (max-width: 979px) {
  .pm-wrap.pm-standings-wrap {
    width: min(100% - 34px, 900px) !important;
    max-width: 900px !important;
    padding-top: 20px !important;
  }

  .pm-league-card {
    padding: 20px 20px 22px !important;
  }

  .pm-league-table td {
    height: 50px !important;
    font-size: 13.4px !important;
    padding: 7px 7px !important;
  }

  .pm-league-table th {
    font-size: 10px !important;
    padding: 9px 7px !important;
  }

  .pm-player-inline {
    grid-template-columns: 42px minmax(0,1fr) !important;
    gap: 10px !important;
  }

  .pm-player-avatar {
    width: 40px !important;
    height: 40px !important;
  }

  .pm-player-main-name {
    font-size: 14.4px !important;
  }

  .pm-player-main-nick {
    font-size: 10.4px !important;
  }
}

@media (min-width: 980px) {
  .pm-wrap.pm-standings-wrap {
    width: min(100% - 56px, 1760px) !important;
    max-width: 1760px !important;
  }

  .pm-groups-grid {
    gap: 22px !important;
  }

  .pm-league-card {
    padding: 22px 22px 24px !important;
  }

  .pm-league-table td {
    height: 48px !important;
    font-size: 13.8px !important;
    padding: 7px 8px !important;
  }

  .pm-league-table th {
    font-size: 10.4px !important;
    padding: 10px 8px !important;
  }

  .pm-player-inline {
    grid-template-columns: 40px minmax(0,1fr) !important;
    gap: 10px !important;
  }

  .pm-player-avatar {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
  }

  .pm-player-main-name {
    font-size: 14.2px !important;
    line-height: 1.08 !important;
  }

  .pm-player-main-nick {
    font-size: 10.2px !important;
  }

  .pm-table-points {
    font-size: 15.5px !important;
  }

  .pm-rank-num {
    font-size: 15px !important;
  }

  .pm-playoff-tag {
    min-width: 64px !important;
    min-height: 22px !important;
    font-size: 8.2px !important;
  }
}

@media (min-width: 1180px) {
  .pm-groups-grid > .pm-league-card:only-child {
    max-width: 1480px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-card-head {
    margin-bottom: 16px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-title {
    min-height: 42px !important;
    padding: 8px 15px !important;
    font-size: 18px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-playoff-pill {
    min-height: 36px !important;
    padding: 7px 15px !important;
    font-size: 12px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-table td {
    height: 54px !important;
    font-size: 14.8px !important;
    padding: 8px 10px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-table th {
    font-size: 10.8px !important;
    padding: 11px 10px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-rank { width: 54px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-player { min-width: 330px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-cat { width: 58px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-played { width: 68px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-diff { width: 68px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-points { width: 68px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-rf { width: 72px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-ra { width: 72px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-walk { width: 62px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-playoff { width: 100px !important; min-width: 100px !important; }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-inline {
    grid-template-columns: 48px minmax(0,1fr) !important;
    gap: 12px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-avatar {
    width: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-main-name {
    font-size: 15.6px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-main-nick {
    font-size: 11px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-table-points {
    font-size: 17px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-rank-num {
    font-size: 16.5px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-playoff-tag {
    min-width: 72px !important;
    min-height: 24px !important;
    font-size: 8.8px !important;
  }
}

@media (min-width: 1500px) {
  .pm-wrap.pm-standings-wrap {
    width: min(100% - 82px, 1840px) !important;
    max-width: 1840px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child {
    max-width: 1580px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-table td {
    height: 58px !important;
    font-size: 15.4px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-avatar {
    width: 48px !important;
    height: 48px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-inline {
    grid-template-columns: 50px minmax(0,1fr) !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-main-name {
    font-size: 16px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-main-nick {
    font-size: 11.4px !important;
  }
}

/* ============================================================
   RESPONSIVE TABLE V7 — full desktop space usage
   Baseline: RESPONSIVE TABLE V6 DESKTOP SCALE
   - Mobile stays unchanged
   - Full HD / wide desktop single-group table becomes large and readable
   - Two-group desktop still keeps balanced dashboard layout
   - TOP X / Playoff remains dynamic from PHP
   ============================================================ */

@media (min-width: 980px) {
  .pm-wrap.pm-standings-wrap {
    width: min(100% - 52px, 1880px) !important;
    max-width: 1880px !important;
    padding-top: 22px !important;
  }

  .pm-groups-grid {
    gap: 28px !important;
  }

  .pm-league-card {
    padding: 24px 24px 26px !important;
  }

  .pm-league-table td {
    height: 52px !important;
    font-size: 14.8px !important;
  }

  .pm-league-table th {
    font-size: 10.8px !important;
  }

  .pm-player-inline {
    grid-template-columns: 44px minmax(0,1fr) !important;
    gap: 11px !important;
  }

  .pm-player-avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 11px !important;
  }

  .pm-player-main-name {
    font-size: 15.2px !important;
    line-height: 1.08 !important;
  }

  .pm-player-main-nick {
    font-size: 10.8px !important;
  }

  .pm-rank-num {
    font-size: 16px !important;
  }

  .pm-table-points {
    font-size: 17px !important;
  }
}

@media (min-width: 1180px) {
  .pm-groups-grid > .pm-league-card:only-child {
    max-width: none !important;
    width: 100% !important;
    justify-self: stretch !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-card-head {
    margin-bottom: 20px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-title {
    min-height: 46px !important;
    padding: 9px 18px !important;
    font-size: 20px !important;
    border-radius: 14px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-title i {
    font-size: 25px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-playoff-pill {
    min-height: 40px !important;
    padding: 8px 18px !important;
    font-size: 13px !important;
    border-radius: 12px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-table {
    table-layout: fixed !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-table th {
    padding: 13px 12px !important;
    font-size: 11.8px !important;
    letter-spacing: 1.05px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-table td {
    height: 66px !important;
    padding: 10px 12px !important;
    font-size: 16px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-rank { width: 72px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-player { width: auto !important; min-width: 420px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-cat { width: 74px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-played { width: 88px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-diff { width: 86px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-points { width: 86px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-rf { width: 94px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-ra { width: 94px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-walk { width: 82px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-playoff { width: 126px !important; min-width: 126px !important; }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-inline {
    grid-template-columns: 58px minmax(0,1fr) !important;
    gap: 15px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-avatar {
    width: 56px !important;
    height: 56px !important;
    border-radius: 14px !important;
    font-size: 15px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-main-name {
    font-size: 18px !important;
    line-height: 1.06 !important;
    font-weight: 900 !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-main-nick {
    margin-top: 4px !important;
    font-size: 12.8px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-rank-num {
    font-size: 19px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-table-points {
    font-size: 19px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-playoff-tag {
    min-width: 84px !important;
    min-height: 29px !important;
    padding: 4px 10px !important;
    font-size: 10px !important;
    border-radius: 9px !important;
  }
}

@media (min-width: 1500px) {
  .pm-wrap.pm-standings-wrap {
    width: min(100% - 64px, 1900px) !important;
    max-width: 1900px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-league-table td {
    height: 70px !important;
    font-size: 16.5px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-avatar {
    width: 60px !important;
    height: 60px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-inline {
    grid-template-columns: 62px minmax(0,1fr) !important;
    gap: 16px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-main-name {
    font-size: 18.8px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-main-nick {
    font-size: 13.2px !important;
  }
}

/* ============================================================
   TABLE V8 — player category belongs to player identity
   - KAT is removed from the right/stat block
   - Category badge is shown inside the player identity cell
   - Works for mobile, tablet and desktop without hardcoding TOP X
   ============================================================ */
.pm-player-inline {
  grid-template-columns: var(--pm-player-avatar-col, 34px) minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.pm-player-cat-inline {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: end !important;
  margin-left: 4px !important;
}

.pm-player-cat-inline .pm-cat {
  min-width: 22px !important;
  height: 20px !important;
  padding: 0 6px !important;
  border-radius: 6px !important;
  font-size: 9px !important;
  line-height: 20px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
}

.pm-league-table th.pm-col-player {
  text-align: left !important;
}

@media (max-width: 699px) {
  .pm-player-inline {
    grid-template-columns: 34px minmax(0, 1fr) 26px !important;
    gap: 8px !important;
  }

  .pm-player-cat-inline .pm-cat {
    min-width: 23px !important;
    height: 20px !important;
    padding: 0 5px !important;
    font-size: 8.7px !important;
    border-radius: 6px !important;
  }

  .pm-league-table .pm-col-player {
    min-width: 0 !important;
  }
}

@media (min-width: 700px) and (max-width: 979px) {
  .pm-player-inline {
    grid-template-columns: 42px minmax(0, 1fr) 32px !important;
    gap: 10px !important;
  }

  .pm-player-cat-inline .pm-cat {
    min-width: 26px !important;
    height: 22px !important;
    font-size: 9.5px !important;
  }
}

@media (min-width: 980px) {
  .pm-player-inline {
    grid-template-columns: 44px minmax(0, 1fr) 34px !important;
    gap: 12px !important;
  }

  .pm-player-cat-inline .pm-cat {
    min-width: 28px !important;
    height: 23px !important;
    font-size: 10px !important;
  }
}

@media (min-width: 1180px) {
  .pm-groups-grid > .pm-league-card:only-child .pm-player-inline {
    grid-template-columns: 58px minmax(0, 1fr) 40px !important;
    gap: 16px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-cat-inline .pm-cat {
    min-width: 32px !important;
    height: 26px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
  }
}

@media (min-width: 1500px) {
  .pm-groups-grid > .pm-league-card:only-child .pm-player-inline {
    grid-template-columns: 62px minmax(0, 1fr) 42px !important;
  }
}

/* ============================================================
   TABLE V8B — category alignment + badge scale
   Baseline: TABLE V8 CATEGORY IDENTITY
   - Category badge stays inside player identity zone
   - Badge is pushed to the far right of the player cell
   - Long names/nicknames are ellipsized instead of breaking alignment
   - Category badge is larger and more readable on all breakpoints
   - Does not change TOP X / Playoff backend logic
   ============================================================ */

.pm-player-inline {
  display: grid !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

.pm-player-text {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.pm-player-main-name,
.pm-player-main-nick {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.pm-player-cat-inline {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: end !important;
  align-self: center !important;
  width: auto !important;
  min-width: 0 !important;
  margin-left: auto !important;
}

.pm-player-cat-inline .pm-cat {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 30px !important;
  height: 24px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

@media (max-width: 699px) {
  .pm-player-inline {
    grid-template-columns: 36px minmax(0, 1fr) 34px !important;
    gap: 7px !important;
  }

  .pm-player-cat-inline .pm-cat {
    min-width: 28px !important;
    height: 22px !important;
    padding: 0 6px !important;
    border-radius: 7px !important;
    font-size: 9.8px !important;
    letter-spacing: .055em !important;
  }
}

@media (max-width: 520px) {
  .pm-player-inline {
    grid-template-columns: 34px minmax(0, 1fr) 32px !important;
    gap: 6px !important;
  }

  .pm-player-cat-inline .pm-cat {
    min-width: 27px !important;
    height: 21px !important;
    padding: 0 5px !important;
    font-size: 9.4px !important;
  }
}

@media (max-width: 380px) {
  .pm-player-inline {
    grid-template-columns: 29px minmax(0, 1fr) 28px !important;
    gap: 5px !important;
  }

  .pm-player-cat-inline .pm-cat {
    min-width: 24px !important;
    height: 19px !important;
    padding: 0 4px !important;
    border-radius: 6px !important;
    font-size: 8.4px !important;
  }
}

@media (min-width: 700px) and (max-width: 979px) {
  .pm-player-inline {
    grid-template-columns: 42px minmax(0, 1fr) 40px !important;
    gap: 11px !important;
  }

  .pm-player-cat-inline .pm-cat {
    min-width: 34px !important;
    height: 25px !important;
    font-size: 10.6px !important;
  }
}

@media (min-width: 980px) {
  .pm-player-inline {
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    gap: 13px !important;
  }

  .pm-player-cat-inline .pm-cat {
    min-width: 36px !important;
    height: 26px !important;
    font-size: 11px !important;
  }
}

@media (min-width: 1180px) {
  .pm-groups-grid > .pm-league-card:only-child .pm-player-inline {
    grid-template-columns: 58px minmax(0, 1fr) 52px !important;
    gap: 16px !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-cat-inline .pm-cat {
    min-width: 42px !important;
    height: 30px !important;
    border-radius: 9px !important;
    font-size: 12.2px !important;
  }
}

@media (min-width: 1500px) {
  .pm-groups-grid > .pm-league-card:only-child .pm-player-inline {
    grid-template-columns: 62px minmax(0, 1fr) 56px !important;
  }
}


/* ============================================================
   TABLE V8C — category identity polish
   - Category remains part of player identity, not stat block
   - Desktop/tablet: chip is visually anchored to player name area
   - Mobile: chip stays pushed right inside player cell for maximum use of width
   - Header says only "Igrač" to avoid treating category like a table stat
   ============================================================ */
.pm-league-table th.pm-col-player {
  text-align: left !important;
}

.pm-player-cat-inline {
  position: relative !important;
  opacity: .92 !important;
}

.pm-player-cat-inline::before {
  content: '' !important;
  display: block !important;
  width: 1px !important;
  height: 18px !important;
  margin-right: 8px !important;
  background: linear-gradient(180deg, transparent, rgba(0,229,255,.24), transparent) !important;
  border-radius: 999px !important;
}

.pm-player-cat-inline .pm-cat {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 12px rgba(0,229,255,.055) !important;
}

@media (max-width: 699px) {
  .pm-player-cat-inline::before {
    height: 15px !important;
    margin-right: 5px !important;
    background: linear-gradient(180deg, transparent, rgba(0,229,255,.18), transparent) !important;
  }
}

@media (min-width: 700px) {
  .pm-player-inline {
    width: min(100%, 520px) !important;
  }

  .pm-player-cat-inline {
    margin-left: 10px !important;
  }
}

@media (min-width: 980px) {
  .pm-player-inline {
    width: min(100%, 560px) !important;
  }

  .pm-player-cat-inline {
    margin-left: 14px !important;
  }

  .pm-player-cat-inline::before {
    height: 20px !important;
    margin-right: 10px !important;
  }
}

@media (min-width: 1180px) {
  .pm-groups-grid > .pm-league-card:only-child .pm-player-inline {
    width: min(100%, 650px) !important;
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
  }

  .pm-groups-grid > .pm-league-card:only-child .pm-player-cat-inline {
    margin-left: 18px !important;
  }
}

@media (min-width: 1500px) {
  .pm-groups-grid > .pm-league-card:only-child .pm-player-inline {
    width: min(100%, 720px) !important;
    grid-template-columns: 62px minmax(0, 1fr) auto !important;
  }
}

/* ============================================================
   TABLE V8D — final column order + category header
   Mobile: BOD | +/- | MEČ | PLAYOFF
   Desktop: BOD | +/- | RACK+ | RACK- | MEČ | SL.P. | PLAYOFF
   Category remains inside player identity and header explicitly marks it.
   ============================================================ */
.pm-head-cat-label {
  color: rgba(255,255,255,.34) !important;
  font-size: .82em !important;
  font-weight: 800 !important;
  letter-spacing: .11em !important;
  white-space: nowrap !important;
}

.pm-league-table th.pm-col-player {
  color: rgba(210, 235, 255, .60) !important;
}

.pm-league-table th.pm-col-points,
.pm-league-table th.pm-col-diff,
.pm-league-table th.pm-col-played,
.pm-league-table th.pm-col-rf,
.pm-league-table th.pm-col-ra,
.pm-league-table th.pm-col-walk,
.pm-league-table th.pm-col-playoff {
  text-align: center !important;
}

/* make primary competitive columns read first */
.pm-league-table .pm-col-points { color: #00e5ff !important; }
.pm-league-table .pm-col-diff { font-weight: 950 !important; }
.pm-league-table .pm-col-played { color: rgba(255,255,255,.88) !important; }

@media (max-width: 699px) {
  .pm-head-cat-label {
    display: inline !important;
    font-size: .78em !important;
    letter-spacing: .08em !important;
  }

  /* Mobile requested visible order after player identity:
     Bodovi, frame/rack razlika +/-, mečeva odigrano, playoff badge.
     Rack+ / Rack- / Sl.p. stay hidden on mobile. */
  .pm-league-table .pm-col-rf,
  .pm-league-table .pm-col-ra,
  .pm-league-table .pm-col-walk {
    display: none !important;
  }

  .pm-league-table .pm-col-points { width: 42px !important; }
  .pm-league-table .pm-col-diff { width: 42px !important; display: table-cell !important; }
  .pm-league-table .pm-col-played { width: 38px !important; }
  .pm-league-table .pm-col-playoff { width: 66px !important; }

  .pm-league-table th.pm-col-points::after { content: ''; }
  .pm-league-table th.pm-col-diff::after { content: ''; }
  .pm-league-table th.pm-col-played::after { content: ''; }
}

@media (min-width: 700px) {
  .pm-league-table .pm-col-points { width: 76px !important; }
  .pm-league-table .pm-col-diff { width: 76px !important; display: table-cell !important; }
  .pm-league-table .pm-col-rf,
  .pm-league-table .pm-col-ra { width: 82px !important; display: table-cell !important; }
  .pm-league-table .pm-col-played { width: 74px !important; }
  .pm-league-table .pm-col-walk { width: 78px !important; display: table-cell !important; }
  .pm-league-table .pm-col-playoff { width: 112px !important; }
}

@media (min-width: 1180px) {
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-points { width: 86px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-diff { width: 86px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-rf,
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-ra { width: 92px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-played { width: 84px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-walk { width: 88px !important; }
  .pm-groups-grid > .pm-league-card:only-child .pm-league-table .pm-col-playoff { width: 126px !important; }
}


/* Conditional live dot for mobile bottom navigation */
.pm-bnav-btn[data-live-nav="1"] .pm-bnav-live-dot {
  display: none;
}

.pm-bnav-btn[data-live-nav="1"].is-live .pm-bnav-live-dot {
  display: block;
  background: #ff2b49;
  box-shadow: 0 0 0 4px rgba(255,43,73,.12), 0 0 16px rgba(255,43,73,.92);
  animation: pm-blink 1s infinite;
}

.pm-bnav-btn[data-live-nav="1"].is-live i {
  color: #ff4f68;
  filter: drop-shadow(0 0 10px rgba(255,43,73,.55));
}

/* =========================================================
   PLAYER HERO MOBILE V2 — structure match to premium mockup
   Mobile-first profile card. Does not touch standings page.
   ========================================================= */
.pm-player-hero-v3{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  padding:18px;
  margin:0 0 14px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,180,40,.18), transparent 24%),
    radial-gradient(circle at 70% 0%, rgba(0,190,255,.16), transparent 36%),
    radial-gradient(circle at 35% 50%, rgba(31,255,158,.10), transparent 34%),
    linear-gradient(145deg, rgba(5,24,34,.96), rgba(1,10,18,.96) 62%, rgba(1,6,12,.99));
  border:1px solid rgba(0,220,255,.22);
  box-shadow:
    0 22px 54px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 0 70px rgba(0,220,255,.045);
  isolation:isolate;
}
.pm-player-hero-v3::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,43,73,.13), transparent 35%, rgba(0,145,255,.15)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.028) 0 1px, transparent 1px 54px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 46px);
  opacity:.48;
  pointer-events:none;
  z-index:-2;
}
.pm-player-hero-v3::after{
  content:'';
  position:absolute;
  left:-20%; right:-20%; top:-70px;
  height:170px;
  background:radial-gradient(ellipse at center, rgba(0,229,255,.16), transparent 64%);
  pointer-events:none;
  z-index:-1;
}
.pm-ph-v3-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg, rgba(255,43,73,.11), transparent 34%),
    linear-gradient(245deg, rgba(0,145,255,.12), transparent 38%);
  filter:blur(.2px);
  z-index:-1;
  pointer-events:none;
}
.pm-ph-v3-identity{
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:16px;
  align-items:center;
}
.pm-ph-v3-photo-wrap{
  position:relative;
  width:132px;
}
.pm-ph-v3-photo{
  width:132px;
  height:132px;
  border-radius:24px;
  overflow:hidden;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#05222b;
  font-family:var(--font-display);
  font-size:34px;
  font-weight:950;
  background:linear-gradient(135deg, rgba(0,229,255,.22), rgba(31,255,158,.12));
  border:2px solid rgba(0,240,255,.75);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.14),
    0 0 34px rgba(0,229,255,.34),
    0 0 28px rgba(255,201,77,.22),
    0 22px 44px rgba(0,0,0,.56);
}
.pm-ph-v3-photo::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.30), transparent 22%, transparent 68%, rgba(0,0,0,.30)),
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.25), transparent 26%);
  pointer-events:none;
}
.pm-ph-v3-photo img{ width:100%; height:100%; object-fit:cover; }
.pm-ph-v3-shield{
  position:absolute;
  left:50%;
  transform:translateX(-120%);
  bottom:-18px;
  min-width:56px;
  height:48px;
  padding:0 12px;
  border-radius:14px 14px 24px 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-display);
  font-size:26px;
  font-weight:950;
  color:var(--neon2);
  background:linear-gradient(180deg, rgba(0,229,255,.28), rgba(0,18,24,.92));
  border:1px solid rgba(0,229,255,.55);
  box-shadow:0 10px 28px rgba(0,0,0,.50), 0 0 24px rgba(0,229,255,.27);
  z-index:2;
}
.pm-ph-v3-shield.pm-cat-a,
.pm-ph-v3-shield.pm-cat-А{ color:#ffd76a; border-color:rgba(255,201,77,.65); box-shadow:0 10px 28px rgba(0,0,0,.50),0 0 24px rgba(255,201,77,.28); }
.pm-ph-v3-shield.pm-cat-b{ color:#dfeaf5; border-color:rgba(210,230,255,.48); }
.pm-ph-v3-nameblock{ min-width:0; padding-top:2px; }
.pm-ph-v3-nameblock h1{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(28px,7.2vw,38px);
  line-height:.98;
  letter-spacing:-.02em;
  color:var(--neon2);
  text-shadow:0 0 24px rgba(31,255,158,.20);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pm-ph-v3-nick{
  margin-top:8px;
  color:var(--gold);
  font-family:var(--font-display);
  font-size:13px;
  font-weight:900;
  letter-spacing:.25em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 0 14px rgba(255,201,77,.16);
}
.pm-ph-v3-meta{
  margin-top:15px;
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}
.pm-ph-v3-meta span{
  min-width:84px;
  min-height:62px;
  padding:9px 11px;
  border-radius:15px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  background:linear-gradient(180deg, rgba(0,145,255,.13), rgba(0,0,0,.18));
  border:1px solid rgba(0,229,255,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.pm-ph-v3-meta small{
  color:rgba(200,232,245,.54);
  font-family:var(--font-display);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.pm-ph-v3-meta strong{
  color:var(--neon);
  font-family:var(--font-display);
  font-size:24px;
  line-height:1;
}
.pm-ph-v3-season{
  margin-top:12px;
  display:inline-flex;
  max-width:100%;
  padding:7px 10px;
  border-radius:11px;
  color:rgba(200,232,245,.54);
  background:rgba(255,255,255,.035);
  font-family:var(--font-display);
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pm-ph-v3-statuses{
  margin-top:24px;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.pm-ph-v3-status{
  min-height:52px;
  padding:10px 13px;
  border-radius:15px;
  display:grid;
  grid-template-columns:28px 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:10px;
  background:linear-gradient(135deg, rgba(0,0,0,.22), rgba(255,255,255,.035));
  border:1px solid rgba(0,229,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.pm-ph-v3-status i{
  grid-row:1 / 3;
  color:var(--neon);
  font-size:20px;
  filter:drop-shadow(0 0 10px rgba(0,229,255,.35));
}
.pm-ph-v3-status span{
  color:rgba(200,232,245,.55);
  font-family:var(--font-display);
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.pm-ph-v3-status strong{
  margin-top:2px;
  color:#fff;
  font-family:var(--font-display);
  font-size:14px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.pm-ph-v3-status.is-live{ border-color:rgba(255,43,73,.54); background:linear-gradient(135deg, rgba(255,43,73,.18), rgba(0,0,0,.24)); }
.pm-ph-v3-status.is-live i,.pm-ph-v3-status.is-live strong{ color:#ff4763; }
.pm-ph-v3-status.is-playoff{ border-color:rgba(31,255,126,.42); background:linear-gradient(135deg, rgba(31,255,126,.13), rgba(0,0,0,.24)); }
.pm-ph-v3-status.is-playoff i,.pm-ph-v3-status.is-playoff strong{ color:#77ff64; }
.pm-ph-v3-status.is-streak{ border-color:rgba(255,201,77,.42); background:linear-gradient(135deg, rgba(255,201,77,.14), rgba(0,0,0,.24)); }
.pm-ph-v3-status.is-streak i,.pm-ph-v3-status.is-streak strong{ color:var(--gold); }
.pm-ph-v3-status.is-muted{ opacity:.72; }
.pm-ph-v3-stats{
  margin-top:15px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.pm-ph-v3-stat{
  min-height:72px;
  position:relative;
  overflow:hidden;
  padding:12px 12px 11px;
  border-radius:16px;
  background:linear-gradient(145deg, rgba(0,0,0,.30), rgba(255,255,255,.035));
  border:1px solid rgba(0,229,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.pm-ph-v3-stat span{
  display:block;
  color:rgba(200,232,245,.58);
  font-family:var(--font-display);
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.pm-ph-v3-stat strong{
  display:block;
  margin-top:8px;
  color:#fff;
  font-family:var(--font-display);
  font-size:23px;
  line-height:.95;
  font-weight:950;
}
.pm-ph-v3-stat i{
  position:absolute;
  right:12px;
  bottom:10px;
  color:var(--neon);
  font-size:18px;
  opacity:.75;
}
.pm-ph-v3-stat em{
  display:block;
  margin-top:8px;
  color:var(--neon2);
  font-family:var(--font-display);
  font-size:12px;
  font-weight:900;
  font-style:normal;
}
.pm-ph-v3-stat.is-main{ min-height:104px; }
.pm-ph-v3-stat.is-main strong{ font-size:44px; color:#fff; }
.pm-ph-v3-stat.is-main:first-child strong{ color:#fff; text-shadow:0 0 20px rgba(255,255,255,.12); }
.pm-ph-v3-stat.is-diff{ border-color:rgba(31,255,158,.30); }
.pm-ph-v3-stat.is-diff strong{ color:var(--neon2); }
.pm-ph-v3-stat.is-diff.bad strong{ color:#ff4d66; }
.pm-ph-v3-stat.is-diff svg{
  position:absolute;
  left:48%; right:10px; bottom:12px;
  width:48%; height:34px;
}
.pm-ph-v3-stat.is-diff polyline{
  fill:none;
  stroke:var(--neon2);
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 7px rgba(31,255,158,.55));
}
.pm-ph-v3-form{
  margin-top:14px;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(0,60,84,.44), rgba(0,0,0,.20));
  border:1px solid rgba(0,229,255,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.pm-ph-v3-form-head{
  padding:14px 15px 11px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid rgba(0,229,255,.12);
}
.pm-ph-v3-form-head h2{
  margin:0;
  color:var(--neon);
  font-family:var(--font-display);
  font-size:17px;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.pm-ph-v3-form-head p{
  margin:5px 0 0;
  color:rgba(200,232,245,.55);
  font-family:var(--font-display);
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.pm-ph-v3-form-head > span{
  flex:0 0 auto;
  padding:7px 9px;
  border-radius:11px;
  color:rgba(200,232,245,.70);
  background:rgba(255,255,255,.055);
  font-family:var(--font-display);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pm-ph-v3-chart{ padding:12px 12px 10px; }
.pm-ph-v3-chart svg{
  width:100%;
  height:118px;
  display:block;
  background:
    linear-gradient(0deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0/100% 25%,
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px) 0 0/12.5% 100%;
}
.pm-ph-v3-chart .axis{ stroke:rgba(255,255,255,.15); stroke-width:.55; stroke-dasharray:2 3; }
.pm-ph-v3-chart .fill{ fill:url(#pmFormFill); opacity:.75; }
.pm-ph-v3-chart .line{ fill:none; stroke:var(--neon2); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 5px rgba(31,255,158,.75)); }
.pm-ph-v3-chart .dot{ fill:var(--neon2); stroke:rgba(1,12,16,.95); stroke-width:.9; filter:drop-shadow(0 0 4px rgba(31,255,158,.85)); }
.pm-ph-v3-chart .dot.loss{ fill:#ff4260; filter:drop-shadow(0 0 4px rgba(255,66,96,.85)); }
.pm-ph-v3-results{
  margin-top:7px;
  display:flex;
  justify-content:space-around;
  gap:5px;
}
.pm-ph-v3-results span{
  width:22px; height:22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-family:var(--font-display);
  font-size:10px;
  font-weight:950;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
}
.pm-ph-v3-results span.win{ color:var(--neon2); border-color:rgba(31,255,158,.50); background:rgba(31,255,158,.09); }
.pm-ph-v3-results span.loss{ color:#ff4260; border-color:rgba(255,66,96,.50); background:rgba(255,66,96,.09); }
.pm-ph-v3-form-foot{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
  padding:0 12px 13px;
}
.pm-ph-v3-form-foot div{
  min-height:46px;
  padding:9px 11px;
  border-radius:14px;
  display:grid;
  grid-template-columns:28px 1fr;
  grid-template-rows:auto auto;
  column-gap:8px;
  align-items:center;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.07);
}
.pm-ph-v3-form-foot i{ grid-row:1/3; color:var(--gold); font-size:20px; filter:drop-shadow(0 0 8px rgba(255,201,77,.34)); }
.pm-ph-v3-form-foot span{ color:rgba(200,232,245,.55); font-family:var(--font-display); font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.pm-ph-v3-form-foot strong{ color:#fff; font-family:var(--font-display); font-size:14px; font-weight:950; text-transform:uppercase; }
.pm-player-hero-v3 + .pm-section{ margin-top:14px; }

@media (max-width:430px){
  .pm-player-hero-v3{ padding:14px; border-radius:18px; }
  .pm-ph-v3-identity{ grid-template-columns:118px minmax(0,1fr); gap:13px; }
  .pm-ph-v3-photo-wrap,.pm-ph-v3-photo{ width:118px; }
  .pm-ph-v3-photo{ height:118px; border-radius:21px; }
  .pm-ph-v3-shield{ bottom:-15px; min-width:48px; height:42px; font-size:22px; border-radius:13px 13px 22px 22px; }
  .pm-ph-v3-meta span{ min-width:74px; min-height:52px; padding:8px 9px; }
  .pm-ph-v3-meta strong{ font-size:20px; }
  .pm-ph-v3-statuses{ margin-top:22px; }
  .pm-ph-v3-stat.is-main strong{ font-size:38px; }
  .pm-ph-v3-form-head h2{ font-size:15px; letter-spacing:.14em; }
  .pm-ph-v3-chart svg{ height:104px; }
}
@media (max-width:370px){
  .pm-ph-v3-identity{ grid-template-columns:104px minmax(0,1fr); gap:11px; }
  .pm-ph-v3-photo-wrap,.pm-ph-v3-photo{ width:104px; }
  .pm-ph-v3-photo{ height:104px; border-radius:18px; }
  .pm-ph-v3-nameblock h1{ font-size:23px; }
  .pm-ph-v3-nick{ font-size:11px; letter-spacing:.18em; }
  .pm-ph-v3-meta{ gap:6px; }
  .pm-ph-v3-meta span{ min-width:62px; min-height:48px; padding:7px; }
  .pm-ph-v3-meta small{ font-size:8px; }
  .pm-ph-v3-meta strong{ font-size:18px; }
}
@media (min-width:701px){
  .pm-player-hero-v3{
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
    padding:30px;
    border-radius:28px;
    display:grid;
    grid-template-columns:1fr 270px;
    gap:22px 28px;
  }
  .pm-ph-v3-identity{ grid-column:1; grid-template-columns:180px minmax(0,1fr); gap:28px; }
  .pm-ph-v3-photo-wrap,.pm-ph-v3-photo{ width:180px; }
  .pm-ph-v3-photo{ height:180px; border-radius:30px; }
  .pm-ph-v3-shield{ min-width:68px; height:58px; font-size:32px; }
  .pm-ph-v3-statuses{ grid-column:2; grid-row:1; margin-top:0; align-self:start; }
  .pm-ph-v3-stats{ grid-column:1 / 3; grid-template-columns:1.05fr 1.05fr repeat(4,.7fr); gap:12px; }
  .pm-ph-v3-form{ grid-column:1 / 3; }
  .pm-ph-v3-form-foot{ grid-template-columns:repeat(3,1fr); }
}

/* =========================================================
   PLAYER HERO MOBILE V3 — compact rebalance + responsive control
   Goal: mobile-first hero closer to premium reference: shorter,
   stronger identity, compact status strip, denser stats, smarter graph.
   ========================================================= */
.pm-player-hero-v3{
  --ph-pad: 14px;
  --ph-gap: 10px;
  margin-top: 0;
  padding: var(--ph-pad) !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,201,77,.13), transparent 22%),
    radial-gradient(circle at 78% 4%, rgba(0,180,255,.18), transparent 38%),
    radial-gradient(circle at 35% 44%, rgba(31,255,158,.09), transparent 34%),
    linear-gradient(145deg, rgba(4,22,31,.97), rgba(1,10,17,.97) 64%, rgba(1,6,12,.99)) !important;
}
.pm-player-hero-v3::before{ opacity:.36 !important; }
.pm-player-hero-v3::after{ top:-84px !important; height:150px !important; opacity:.82; }
.pm-ph-v3-identity{
  grid-template-columns: 112px minmax(0,1fr) !important;
  gap: 13px !important;
  align-items:center !important;
}
.pm-ph-v3-photo-wrap,.pm-ph-v3-photo{ width:112px !important; }
.pm-ph-v3-photo{
  height:112px !important;
  border-radius: 61px !important;
  border-width:2px !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.14),
    0 0 30px rgba(0,229,255,.34),
    0 0 22px rgba(255,201,77,.19),
    0 16px 34px rgba(0,0,0,.56) !important;
}
.pm-ph-v3-shield{
  bottom:-13px !important;
  min-width:44px !important;
  height:38px !important;
  padding:0 9px !important;
  border-radius:12px 12px 20px 20px !important;
  font-size:20px !important;
}
.pm-ph-v3-nameblock{ align-self:center; padding-top:0 !important; }
.pm-ph-v3-nameblock h1{
  font-size: clamp(24px, 7.1vw, 32px) !important;
  line-height:.94 !important;
  max-width:100%;
}
.pm-ph-v3-nick{
  margin-top:6px !important;
  font-size:10.5px !important;
  letter-spacing:.22em !important;
}
.pm-ph-v3-meta{
  margin-top:10px !important;
  gap:7px !important;
  flex-wrap:nowrap !important;
}
.pm-ph-v3-meta span{
  min-width:0 !important;
  width: min(74px, 48%) !important;
  min-height:46px !important;
  padding:7px 9px !important;
  border-radius:13px !important;
}
.pm-ph-v3-meta small{ font-size:7.5px !important; letter-spacing:.10em !important; }
.pm-ph-v3-meta strong{ font-size:18px !important; }
.pm-ph-v3-season{
  margin-top:9px !important;
  padding:6px 9px !important;
  font-size:8px !important;
  border-radius:10px !important;
  letter-spacing:.10em !important;
}

/* Mobile status = compact telemetry strip instead of tall cards */
.pm-ph-v3-statuses{
  margin-top:18px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
}
.pm-ph-v3-status{
  min-height:54px !important;
  padding:8px 6px !important;
  border-radius:14px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  text-align:center !important;
}
.pm-ph-v3-status i{
  font-size:16px !important;
  line-height:1 !important;
}
.pm-ph-v3-status span{
  max-width:100%;
  font-size:7.3px !important;
  letter-spacing:.10em !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pm-ph-v3-status strong{
  margin:0 !important;
  max-width:100%;
  font-size:10.5px !important;
  line-height:1.05 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Stats: clear 2 hero metrics + compact secondary metrics */
.pm-ph-v3-stats{
  margin-top:10px !important;
  gap:8px !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.pm-ph-v3-stat{
  min-height:58px !important;
  padding:9px 10px !important;
  border-radius:14px !important;
}
.pm-ph-v3-stat span{ font-size:7.7px !important; letter-spacing:.12em !important; }
.pm-ph-v3-stat strong{ margin-top:6px !important; font-size:20px !important; }
.pm-ph-v3-stat i{ right:9px !important; bottom:8px !important; font-size:15px !important; }
.pm-ph-v3-stat em{ margin-top:5px !important; font-size:10px !important; }
.pm-ph-v3-stat.is-main{ min-height:82px !important; }
.pm-ph-v3-stat.is-main strong{ font-size:34px !important; }
.pm-ph-v3-stat.is-diff svg{ height:24px !important; bottom:9px !important; left:48% !important; width:47% !important; }
.pm-ph-v3-stat.is-diff polyline{ stroke-width:4.5 !important; }

/* Graph: compact mobile trend module; still premium, far less vertical */
.pm-ph-v3-form{
  margin-top:10px !important;
  border-radius:16px !important;
}
.pm-ph-v3-form-head{
  padding:11px 12px 9px !important;
}
.pm-ph-v3-form-head h2{
  font-size:13px !important;
  letter-spacing:.15em !important;
}
.pm-ph-v3-form-head p{
  margin-top:4px !important;
  font-size:7.5px !important;
  letter-spacing:.10em !important;
}
.pm-ph-v3-form-head > span{
  padding:6px 8px !important;
  font-size:7.5px !important;
}
.pm-ph-v3-chart{ padding:8px 10px 9px !important; }
.pm-ph-v3-chart svg{ height:76px !important; }
.pm-ph-v3-results{ margin-top:5px !important; gap:4px !important; }
.pm-ph-v3-results span{ width:18px !important; height:18px !important; font-size:8px !important; }
.pm-ph-v3-form-foot{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:6px !important;
  padding:0 10px 10px !important;
}
.pm-ph-v3-form-foot div{
  min-height:44px !important;
  padding:7px 7px !important;
  border-radius:12px !important;
  grid-template-columns:18px 1fr !important;
  column-gap:5px !important;
}
.pm-ph-v3-form-foot i{ font-size:15px !important; }
.pm-ph-v3-form-foot span{ font-size:6.8px !important; letter-spacing:.08em !important; }
.pm-ph-v3-form-foot strong{ font-size:10.5px !important; line-height:1.05 !important; }
.pm-player-hero-v3 + .pm-section{ margin-top:12px !important; }

@media (max-width:370px){
  .pm-player-hero-v3{ --ph-pad: 12px; }
  .pm-ph-v3-identity{ grid-template-columns:96px minmax(0,1fr) !important; gap:10px !important; }
  .pm-ph-v3-photo-wrap,.pm-ph-v3-photo{ width:96px !important; }
  .pm-ph-v3-photo{ height:96px !important;}
  .pm-ph-v3-shield{ min-width:38px !important; height:34px !important; font-size:18px !important; bottom:-11px !important; }
  .pm-ph-v3-nameblock h1{ font-size:22px !important; }
  .pm-ph-v3-nick{ font-size:9.5px !important; letter-spacing:.18em !important; }
  .pm-ph-v3-meta span{ min-height:40px !important; padding:6px !important; }
  .pm-ph-v3-meta strong{ font-size:16px !important; }
  .pm-ph-v3-statuses{ margin-top:15px !important; gap:5px !important; }
  .pm-ph-v3-status{ min-height:50px !important; padding:7px 4px !important; }
  .pm-ph-v3-status strong{ font-size:9.5px !important; }
  .pm-ph-v3-stat.is-main strong{ font-size:30px !important; }
  .pm-ph-v3-chart svg{ height:68px !important; }
}

/* Tablet / wider: use width, not height. Real split hero. */
@media (min-width:701px){
  .pm-player-hero-v3{
    max-width:1120px !important;
    padding:28px !important;
    border-radius:28px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 292px !important;
    gap:18px 26px !important;
    align-items:start !important;
  }
  .pm-ph-v3-identity{
    grid-column:1 !important;
    grid-template-columns:190px minmax(0,1fr) !important;
    gap:30px !important;
  }
  .pm-ph-v3-photo-wrap,.pm-ph-v3-photo{ width:190px !important; }
  .pm-ph-v3-photo{ height:190px !important; border-radius:31px !important; }
  .pm-ph-v3-shield{ min-width:70px !important; height:60px !important; font-size:32px !important; bottom:-20px !important; }
  .pm-ph-v3-nameblock h1{ font-size:42px !important; }
  .pm-ph-v3-nick{ font-size:15px !important; letter-spacing:.25em !important; }
  .pm-ph-v3-meta{ margin-top:18px !important; gap:11px !important; }
  .pm-ph-v3-meta span{ width:96px !important; min-height:66px !important; padding:10px 12px !important; }
  .pm-ph-v3-meta small{ font-size:9px !important; }
  .pm-ph-v3-meta strong{ font-size:26px !important; }
  .pm-ph-v3-season{ margin-top:16px !important; font-size:10px !important; }
  .pm-ph-v3-statuses{
    grid-column:2 !important;
    grid-row:1 !important;
    margin-top:0 !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  .pm-ph-v3-status{
    min-height:68px !important;
    padding:13px 16px !important;
    display:grid !important;
    grid-template-columns:32px 1fr !important;
    grid-template-rows:auto auto !important;
    text-align:left !important;
    align-items:center !important;
    justify-content:initial !important;
    column-gap:12px !important;
  }
  .pm-ph-v3-status i{ grid-row:1/3 !important; font-size:22px !important; }
  .pm-ph-v3-status span{ font-size:9.5px !important; }
  .pm-ph-v3-status strong{ font-size:15px !important; }
  .pm-ph-v3-stats{
    grid-column:1 / 3 !important;
    grid-template-columns:1.1fr 1.1fr repeat(4,.72fr) !important;
    gap:12px !important;
    margin-top:14px !important;
  }
  .pm-ph-v3-stat{ min-height:82px !important; padding:13px !important; }
  .pm-ph-v3-stat.is-main{ min-height:108px !important; }
  .pm-ph-v3-stat strong{ font-size:25px !important; }
  .pm-ph-v3-stat.is-main strong{ font-size:44px !important; }
  .pm-ph-v3-form{
    grid-column:1 / 3 !important;
    margin-top:14px !important;
  }
  .pm-ph-v3-form-head{ padding:16px 18px 13px !important; }
  .pm-ph-v3-form-head h2{ font-size:18px !important; }
  .pm-ph-v3-chart{ padding:14px 18px 12px !important; }
  .pm-ph-v3-chart svg{ height:132px !important; }
  .pm-ph-v3-form-foot{
    grid-template-columns:repeat(3,1fr) !important;
    padding:0 18px 16px !important;
    gap:10px !important;
  }
  .pm-ph-v3-form-foot div{ min-height:58px !important; padding:10px 12px !important; grid-template-columns:30px 1fr !important; }
  .pm-ph-v3-form-foot i{ font-size:22px !important; }
  .pm-ph-v3-form-foot span{ font-size:9px !important; }
  .pm-ph-v3-form-foot strong{ font-size:15px !important; }
}

/* =========================================================
   PLAYER HERO MOBILE V4 — COMPACT PREMIUM POLISH
   Baseline: V3 Compact Rebalance
   Focus: sabiti status strip i stats kartice bez diranja avatara/imena.
   ========================================================= */

/* status strip: ostaje isti koncept, samo mnogo kompaktniji */
.pm-player-hero-v3 .pm-ph-v3-statuses{
  margin-top: 14px !important;
  gap: 5px !important;
}
.pm-player-hero-v3 .pm-ph-v3-status{
  min-height: 42px !important;
  padding: 5px 5px !important;
  border-radius: 12px !important;
  gap: 2px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(0,0,0,.18)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-status i{
  font-size: 13px !important;
  opacity: .92 !important;
}
.pm-player-hero-v3 .pm-ph-v3-status span{
  font-size: 6.7px !important;
  line-height: 1 !important;
  letter-spacing: .085em !important;
}
.pm-player-hero-v3 .pm-ph-v3-status strong{
  font-size: 9.2px !important;
  line-height: 1 !important;
}

/* stats grid: ključni fix — niže, gušće, više HUD/data feeling */
.pm-player-hero-v3 .pm-ph-v3-stats{
  margin-top: 8px !important;
  gap: 6px !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat{
  position: relative !important;
  min-height: 48px !important;
  padding: 7px 9px 6px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 88% 82%, rgba(0,229,255,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(0,0,0,.24)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 18px rgba(0,0,0,.22) !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat span{
  display: block !important;
  font-size: 6.8px !important;
  line-height: 1 !important;
  letter-spacing: .105em !important;
  opacity: .72 !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat strong{
  display: block !important;
  margin-top: 4px !important;
  font-size: 18px !important;
  line-height: .95 !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat i{
  right: 8px !important;
  bottom: 6px !important;
  font-size: 13px !important;
  opacity: .42 !important;
  filter: none !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat em{
  margin-top: 3px !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-main{
  min-height: 66px !important;
  padding: 8px 10px 7px !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{
  margin-top: 5px !important;
  font-size: 30px !important;
  line-height: .9 !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff svg{
  height: 18px !important;
  width: 43% !important;
  left: 54% !important;
  bottom: 7px !important;
  opacity: .92 !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff polyline{
  stroke-width: 3.4 !important;
}

/* form graph: niži i gušći bez gubitka premium osećaja */
.pm-player-hero-v3 .pm-ph-v3-form{
  margin-top: 8px !important;
  border-radius: 14px !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-head{
  padding: 9px 10px 7px !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-head h2{
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: .13em !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-head p{
  margin-top: 3px !important;
  font-size: 7px !important;
  line-height: 1.15 !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-head > span{
  padding: 5px 7px !important;
  border-radius: 9px !important;
  font-size: 7px !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart{
  padding: 6px 9px 7px !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart svg{
  height: 62px !important;
  border-radius: 10px !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .line{
  stroke-width: 2.05 !important;
  filter: drop-shadow(0 0 7px rgba(31,255,158,.82)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot{
  filter: drop-shadow(0 0 5px rgba(31,255,158,.92)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results{
  margin-top: 4px !important;
  gap: 3px !important;
}
.pm-player-hero-v3 .pm-ph-v3-results span{
  width: 16px !important;
  height: 16px !important;
  font-size: 7px !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-foot{
  gap: 5px !important;
  padding: 0 9px 9px !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-foot div{
  min-height: 36px !important;
  padding: 6px 5px !important;
  border-radius: 10px !important;
  grid-template-columns: 15px 1fr !important;
  column-gap: 4px !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-foot i{
  font-size: 13px !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-foot span{
  font-size: 5.9px !important;
  line-height: 1 !important;
  letter-spacing: .055em !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-foot strong{
  font-size: 9.2px !important;
  line-height: 1 !important;
}

/* match cards ispod hero-a: malo kompaktnije da stranica ne deluje scroll-heavy */
@media (max-width: 700px){
  .pm-player-match-list{
    padding: 8px 9px 11px !important;
  }
  .pm-player-match-card{
    border-radius: 15px !important;
  }
  .pm-player-match-card summary{
    min-height: 66px !important;
    padding: 13px 14px !important;
  }
  .pm-pmc-top-clean{
    gap: 12px !important;
  }
  .pm-pmc-avatar{
    width: 48px !important;
    height: 48px !important;
  }
  .pm-pmc-top-clean .pm-pmc-opponent{
    font-size: 17px !important;
    line-height: 1.05 !important;
  }
  .pm-pmc-top-clean .pm-pmc-sub{
    font-size: 9px !important;
    letter-spacing: .8px !important;
  }
  .pm-pmc-outcome{
    min-width: 74px !important;
    padding: 7px 9px !important;
    font-size: 9px !important;
  }
}

/* ultra mali ekrani: dodatno sprečavanje visine */
@media (max-width:370px){
  .pm-player-hero-v3 .pm-ph-v3-status{ min-height: 39px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat{ min-height: 44px !important; padding: 6px 8px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{ min-height: 60px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{ font-size: 27px !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart svg{ height: 56px !important; }
  .pm-player-hero-v3 .pm-ph-v3-form-foot div{ min-height: 34px !important; }
}

/* tablet/mid breakpoint: koristi širinu, ne rasteže mobile visinu */
@media (min-width:700px) and (max-width:1100px){
  .pm-player-hero-v3{
    max-width: 940px !important;
    padding: 22px !important;
    grid-template-columns: minmax(0,1fr) 238px !important;
    gap: 14px 18px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-identity{
    grid-template-columns: 158px minmax(0,1fr) !important;
    gap: 22px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo-wrap,
  .pm-player-hero-v3 .pm-ph-v3-photo{
    width: 158px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo{
    height: 158px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-statuses{
    gap: 8px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height: 54px !important;
    padding: 9px 12px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stats{
    gap: 9px !important;
    margin-top: 10px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat{
    min-height: 66px !important;
    padding: 10px 11px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    min-height: 86px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{
    font-size: 37px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-form-head{
    padding: 12px 14px 10px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-chart svg{
    height: 92px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-form-foot div{
    min-height: 44px !important;
  }
}

/* =========================================================
   PLAYER HERO V6 — PREMIUM RENDER QUALITY / HUD GRAPHICS
   Baseline: V5 graphics polish
   Goal: closer to generated reference: crisp telemetry, sharper neon,
   less soft/smooth web-chart feeling. Layout intentionally unchanged.
   ========================================================= */

.pm-player-hero-v3{
  background:
    radial-gradient(circle at 18% 18%, rgba(255,201,77,.11), transparent 21%),
    radial-gradient(circle at 78% 3%, rgba(0,190,255,.18), transparent 34%),
    linear-gradient(118deg, rgba(255,43,73,.055), transparent 30%, rgba(0,145,255,.075) 73%, transparent),
    linear-gradient(145deg, rgba(4,22,31,.98), rgba(1,10,17,.98) 62%, rgba(1,6,12,.99)) !important;
  border-color: rgba(0,229,255,.19) !important;
  box-shadow:
    0 18px 52px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 0 0 1px rgba(255,255,255,.018),
    inset 0 0 62px rgba(0,229,255,.032) !important;
}
.pm-player-hero-v3::before{
  background:
    linear-gradient(90deg, rgba(255,43,73,.10), transparent 34%, rgba(0,145,255,.11)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.020) 0 1px, transparent 1px 52px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.012) 0 1px, transparent 1px 44px) !important;
  opacity:.42 !important;
}
.pm-player-hero-v3::after{
  background:
    radial-gradient(ellipse at 52% 0%, rgba(0,229,255,.16), transparent 59%),
    linear-gradient(90deg, transparent, rgba(0,229,255,.075), transparent) !important;
}

/* crisper photo frame: sharp edge first, glow second */
.pm-player-hero-v3 .pm-ph-v3-photo{
  border-color: rgba(0,244,255,.82) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.18),
    0 0 0 2px rgba(0,229,255,.08),
    0 0 18px rgba(0,229,255,.30),
    0 0 22px rgba(255,201,77,.14),
    0 16px 32px rgba(0,0,0,.58) !important;
}
.pm-player-hero-v3 .pm-ph-v3-photo::after{
  background:
    linear-gradient(135deg, rgba(255,255,255,.20), transparent 18%, transparent 70%, rgba(0,0,0,.36)),
    linear-gradient(90deg, rgba(0,229,255,.10), transparent 42%),
    radial-gradient(circle at 18% 9%, rgba(255,255,255,.22), transparent 23%) !important;
}

/* glass cards: sharper HUD modules, not soft web cards */
.pm-player-hero-v3 .pm-ph-v3-status,
.pm-player-hero-v3 .pm-ph-v3-stat,
.pm-player-hero-v3 .pm-ph-v3-form,
.pm-player-hero-v3 .pm-ph-v3-form-foot div{
  border-color: rgba(0,229,255,.135) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.048), rgba(0,0,0,.22)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.060),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 8px 18px rgba(0,0,0,.22) !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat::before,
.pm-player-hero-v3 .pm-ph-v3-status::before,
.pm-player-hero-v3 .pm-ph-v3-form-foot div::before{
  content:'';
  position:absolute;
  left:0; right:0; top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(0,229,255,.28), transparent);
  opacity:.55;
  pointer-events:none;
}
.pm-player-hero-v3 .pm-ph-v3-stat,
.pm-player-hero-v3 .pm-ph-v3-status,
.pm-player-hero-v3 .pm-ph-v3-form-foot div{ position:relative; }
.pm-player-hero-v3 .pm-ph-v3-stat span,
.pm-player-hero-v3 .pm-ph-v3-status span,
.pm-player-hero-v3 .pm-ph-v3-form-foot span{
  color:rgba(198,232,245,.60) !important;
  text-shadow:none !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat strong,
.pm-player-hero-v3 .pm-ph-v3-status strong,
.pm-player-hero-v3 .pm-ph-v3-form-foot strong{
  text-shadow:0 0 12px rgba(0,229,255,.08) !important;
}

/* Diff sparkline: laser core + controlled glow */
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff svg.pm-ph-v3-spark{
  shape-rendering:geometricPrecision !important;
  overflow:visible !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff polyline,
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff .spark-glow,
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff .spark-core{
  fill:none !important;
  stroke-linecap:butt !important;
  stroke-linejoin:miter !important;
  vector-effect:non-scaling-stroke;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff .spark-glow{
  stroke:rgba(31,255,158,.30) !important;
  stroke-width:3.2 !important;
  filter:drop-shadow(0 0 4px rgba(31,255,158,.42)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff .spark-core{
  stroke:#27ff9f !important;
  stroke-width:1.35 !important;
  filter:none !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff.bad .spark-glow{ stroke:rgba(255,66,96,.28) !important; }
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff.bad .spark-core{ stroke:#ff4260 !important; }

/* FORM CHART — tactical HUD graph */
.pm-player-hero-v3 .pm-ph-v3-form{
  background:
    linear-gradient(180deg, rgba(0,61,84,.34), rgba(0,0,0,.17)) !important;
  border-color:rgba(0,229,255,.17) !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-head{
  border-bottom-color:rgba(0,229,255,.105) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart svg{
  shape-rendering:geometricPrecision !important;
  background:
    linear-gradient(180deg, rgba(0,25,35,.28), rgba(0,0,0,.10)) !important;
  overflow:visible !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid line,
.pm-player-hero-v3 .pm-ph-v3-chart .axis{
  stroke:rgba(203,236,255,.075) !important;
  stroke-width:.34 !important;
  stroke-dasharray:none !important;
  vector-effect:non-scaling-stroke;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid .axis,
.pm-player-hero-v3 .pm-ph-v3-chart .axis{
  stroke:rgba(31,255,158,.13) !important;
  stroke-width:.42 !important;
  stroke-dasharray:3 5 !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .fill{
  fill:url(#pmFormFill) !important;
  opacity:.58 !important;
  filter:none !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .line,
.pm-player-hero-v3 .pm-ph-v3-chart .line-glow,
.pm-player-hero-v3 .pm-ph-v3-chart .line-core{
  fill:none !important;
  stroke-linecap:butt !important;
  stroke-linejoin:miter !important;
  vector-effect:non-scaling-stroke;
}
.pm-player-hero-v3 .pm-ph-v3-chart .line{ display:none !important; }
.pm-player-hero-v3 .pm-ph-v3-chart .line-glow{
  stroke:rgba(31,255,158,.34) !important;
  stroke-width:2.2 !important;
  filter:drop-shadow(0 0 3px rgba(31,255,158,.48)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .line-core{
  stroke:#2dffa4 !important;
  stroke-width:.95 !important;
  filter:none !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot{ display:none !important; }
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo{
  fill:rgba(31,255,158,.14) !important;
  stroke:rgba(31,255,158,.48) !important;
  stroke-width:.45 !important;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 2px rgba(31,255,158,.46)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core{
  fill:#35ffad !important;
  stroke:rgba(1,12,16,.95) !important;
  stroke-width:.35 !important;
  vector-effect:non-scaling-stroke;
  filter:none !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.loss{
  fill:rgba(255,66,96,.13) !important;
  stroke:rgba(255,66,96,.55) !important;
  filter:drop-shadow(0 0 2px rgba(255,66,96,.44)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core.loss{
  fill:#ff4260 !important;
}

/* W/L markers: smaller, sharper, tactical capsules */
.pm-player-hero-v3 .pm-ph-v3-results span{
  width:14px !important;
  height:14px !important;
  font-size:6.4px !important;
  border-width:1px !important;
  box-shadow:none !important;
}
.pm-player-hero-v3 .pm-ph-v3-results span.win{
  color:#2dffa4 !important;
  border-color:rgba(45,255,164,.42) !important;
  background:rgba(31,255,158,.055) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results span.loss{
  color:#ff4260 !important;
  border-color:rgba(255,66,96,.44) !important;
  background:rgba(255,66,96,.055) !important;
}

@media (max-width:370px){
  .pm-player-hero-v3 .pm-ph-v3-chart .line-glow{ stroke-width:1.9 !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .line-core{ stroke-width:.82 !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .dot-halo{ r:1.75; }
  .pm-player-hero-v3 .pm-ph-v3-chart .dot-core{ r:.88; }
  .pm-player-hero-v3 .pm-ph-v3-results span{ width:13px !important; height:13px !important; font-size:6px !important; }
}

@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-chart .line-glow{ stroke-width:2.4 !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .line-core{ stroke-width:1.05 !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .dot-halo{ r:1.95; }
  .pm-player-hero-v3 .pm-ph-v3-chart .dot-core{ r:.95; }
}

/* =========================================================
   PLAYER HERO CINEMATIC RENDER V7
   Baseline: V6 render quality
   Focus: AAA/HUD render feel — sharper chart, controlled bloom,
   deeper glass layers, crisper stats/status modules. Layout unchanged.
   ========================================================= */

/* main hero: darker center, sharper cyan edge, less flat teal wash */
.pm-player-hero-v3{
  background:
    radial-gradient(circle at 16% 20%, rgba(255,201,77,.105), transparent 19%),
    radial-gradient(circle at 78% 0%, rgba(0,170,255,.20), transparent 31%),
    radial-gradient(ellipse at 50% 46%, rgba(0,0,0,.42), transparent 56%),
    linear-gradient(110deg, rgba(255,43,73,.06), transparent 29%, rgba(0,145,255,.075) 76%, transparent),
    linear-gradient(145deg, rgba(3,18,27,.99), rgba(1,9,16,.99) 60%, rgba(0,5,10,1)) !important;
  border-color: rgba(0,229,255,.24) !important;
  box-shadow:
    0 20px 58px rgba(0,0,0,.56),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(0,229,255,.035),
    inset 0 -34px 92px rgba(0,0,0,.22),
    inset 0 0 54px rgba(0,229,255,.035) !important;
}
.pm-player-hero-v3::before{
  background:
    linear-gradient(90deg, rgba(255,43,73,.075), transparent 32%, rgba(0,145,255,.088)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 44px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.010) 0 1px, transparent 1px 38px) !important;
  opacity:.40 !important;
  mix-blend-mode:screen;
}
.pm-player-hero-v3::after{
  height:130px !important;
  background:
    radial-gradient(ellipse at 54% 0%, rgba(0,229,255,.18), transparent 56%),
    linear-gradient(90deg, transparent 8%, rgba(0,229,255,.10) 48%, transparent 91%) !important;
  opacity:.72 !important;
}
.pm-ph-v3-bg{
  background:
    linear-gradient(102deg, rgba(255,43,73,.075), transparent 32%),
    linear-gradient(250deg, rgba(0,145,255,.10), transparent 38%),
    radial-gradient(circle at 38% 38%, rgba(31,255,158,.055), transparent 33%) !important;
  filter:none !important;
  opacity:.92 !important;
}

/* photo frame: HDR edge, less soft blur */
.pm-player-hero-v3 .pm-ph-v3-photo{
  border-color: rgba(0,246,255,.92) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.18),
    0 0 0 2px rgba(0,229,255,.12),
    0 0 14px rgba(0,229,255,.34),
    0 0 30px rgba(0,229,255,.16),
    0 18px 36px rgba(0,0,0,.64) !important;
}
.pm-player-hero-v3 .pm-ph-v3-photo::after{
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), transparent 16%, transparent 72%, rgba(0,0,0,.40)),
    linear-gradient(90deg, rgba(0,229,255,.09), transparent 39%),
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.18), transparent 20%) !important;
}
.pm-player-hero-v3 .pm-ph-v3-shield{
  box-shadow:
    0 11px 26px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.08),
    0 0 16px rgba(0,229,255,.24) !important;
}

/* glass modules: localized highlights, darker bottoms, thinner edges */
.pm-player-hero-v3 .pm-ph-v3-status,
.pm-player-hero-v3 .pm-ph-v3-stat,
.pm-player-hero-v3 .pm-ph-v3-form-foot div{
  background:
    radial-gradient(circle at 84% 12%, rgba(0,229,255,.080), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(0,0,0,.255)) !important;
  border-color: rgba(0,229,255,.145) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 7px 18px rgba(0,0,0,.28) !important;
}
.pm-player-hero-v3 .pm-ph-v3-status::before,
.pm-player-hero-v3 .pm-ph-v3-stat::before,
.pm-player-hero-v3 .pm-ph-v3-form-foot div::before{
  background:linear-gradient(90deg, transparent, rgba(0,229,255,.34), transparent) !important;
  opacity:.48 !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat::after,
.pm-player-hero-v3 .pm-ph-v3-status::after,
.pm-player-hero-v3 .pm-ph-v3-form-foot div::after{
  content:'';
  position:absolute;
  inset:1px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.018);
  pointer-events:none;
}
.pm-player-hero-v3 .pm-ph-v3-status.is-live{
  border-color:rgba(255,43,73,.38) !important;
  background:
    radial-gradient(circle at 82% 15%, rgba(255,43,73,.12), transparent 32%),
    linear-gradient(180deg, rgba(255,43,73,.085), rgba(0,0,0,.24)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-status.is-playoff{
  border-color:rgba(31,255,126,.36) !important;
  background:
    radial-gradient(circle at 82% 15%, rgba(31,255,126,.12), transparent 32%),
    linear-gradient(180deg, rgba(31,255,126,.085), rgba(0,0,0,.24)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-status.is-streak{
  border-color:rgba(255,201,77,.36) !important;
  background:
    radial-gradient(circle at 82% 15%, rgba(255,201,77,.12), transparent 32%),
    linear-gradient(180deg, rgba(255,201,77,.085), rgba(0,0,0,.24)) !important;
}

/* stat typography and icons: crisp, less soft */
.pm-player-hero-v3 .pm-ph-v3-stat strong,
.pm-player-hero-v3 .pm-ph-v3-status strong,
.pm-player-hero-v3 .pm-ph-v3-form-foot strong{
  text-shadow:none !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat i{
  opacity:.48 !important;
  filter:drop-shadow(0 0 5px rgba(0,229,255,.16)) !important;
}

/* stat sparkline: thinner laser, no cartoon stroke */
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff .spark-glow{
  stroke:rgba(31,255,158,.22) !important;
  stroke-width:2.15 !important;
  filter:drop-shadow(0 0 2px rgba(31,255,158,.34)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff .spark-core{
  stroke:#31ffa9 !important;
  stroke-width:.95 !important;
  filter:none !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff.bad .spark-glow{ stroke:rgba(255,66,96,.22) !important; }
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff.bad .spark-core{ stroke:#ff4868 !important; }

/* FORM panel: cinematic telemetry bay */
.pm-player-hero-v3 .pm-ph-v3-form{
  background:
    radial-gradient(ellipse at 50% 22%, rgba(0,229,255,.055), transparent 42%),
    linear-gradient(180deg, rgba(0,57,80,.32), rgba(0,0,0,.22)) !important;
  border-color:rgba(0,229,255,.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 -1px 0 rgba(0,0,0,.30),
    0 12px 26px rgba(0,0,0,.28) !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-head{
  border-bottom-color:rgba(0,229,255,.13) !important;
  background:linear-gradient(180deg, rgba(0,229,255,.035), transparent) !important;
}

/* CHART: sharp laser rendering. No chunky nodes, no soft web graph. */
.pm-player-hero-v3 .pm-ph-v3-chart{
  position:relative;
  overflow:hidden;
}
.pm-player-hero-v3 .pm-ph-v3-chart::before{
  content:'';
  position:absolute;
  left:10px; right:10px; top:28%; bottom:13px;
  background:linear-gradient(180deg, rgba(31,255,158,.055), transparent 66%);
  opacity:.85;
  pointer-events:none;
  mix-blend-mode:screen;
}
.pm-player-hero-v3 .pm-ph-v3-chart svg{
  background:
    linear-gradient(180deg, rgba(0,22,32,.22), rgba(0,0,0,.08)) !important;
  shape-rendering:geometricPrecision !important;
  text-rendering:geometricPrecision !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid line{
  stroke:rgba(194,232,255,.055) !important;
  stroke-width:.26 !important;
  stroke-dasharray:none !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid .axis,
.pm-player-hero-v3 .pm-ph-v3-chart .axis{
  stroke:rgba(31,255,158,.105) !important;
  stroke-width:.34 !important;
  stroke-dasharray:2 7 !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .fill{
  opacity:.34 !important;
  filter:none !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .line-glow{
  stroke:rgba(31,255,158,.24) !important;
  stroke-width:1.55 !important;
  filter:drop-shadow(0 0 2px rgba(31,255,158,.30)) !important;
  stroke-linecap:butt !important;
  stroke-linejoin:miter !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .line-core{
  stroke:#35ffad !important;
  stroke-width:.58 !important;
  filter:none !important;
  stroke-linecap:butt !important;
  stroke-linejoin:miter !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo{
  fill:transparent !important;
  stroke:rgba(31,255,158,.42) !important;
  stroke-width:.28 !important;
  filter:none !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core{
  fill:#35ffad !important;
  stroke:rgba(0,4,8,.95) !important;
  stroke-width:.20 !important;
  filter:drop-shadow(0 0 1px rgba(31,255,158,.35)) !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.loss{
  fill:transparent !important;
  stroke:rgba(255,66,96,.45) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core.loss{
  fill:#ff4564 !important;
  filter:drop-shadow(0 0 1px rgba(255,66,96,.35)) !important;
}

/* W/L result chips: smaller and sharper */
.pm-player-hero-v3 .pm-ph-v3-results span{
  width:12px !important;
  height:12px !important;
  font-size:5.7px !important;
  line-height:1 !important;
  border-color:rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.035) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results span.win{
  color:#31ffa9 !important;
  border-color:rgba(49,255,169,.36) !important;
  background:rgba(31,255,158,.045) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results span.loss{
  color:#ff4564 !important;
  border-color:rgba(255,69,100,.38) !important;
  background:rgba(255,69,100,.045) !important;
}

/* form footer pills: more like compact HUD readouts */
.pm-player-hero-v3 .pm-ph-v3-form-foot div{
  background:
    radial-gradient(circle at 13% 50%, rgba(255,201,77,.060), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(0,0,0,.245)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-foot i{
  filter:drop-shadow(0 0 5px rgba(255,201,77,.26)) !important;
}

/* Desktop refinement: prevent too-thin graph on wide panels */
@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-chart .line-glow{ stroke-width:1.70 !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .line-core{ stroke-width:.66 !important; }
  .pm-player-hero-v3 .pm-ph-v3-results span{ width:14px !important; height:14px !important; font-size:6.2px !important; }
}
@media (max-width:370px){
  .pm-player-hero-v3 .pm-ph-v3-chart .line-glow{ stroke-width:1.35 !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .line-core{ stroke-width:.52 !important; }
  .pm-player-hero-v3 .pm-ph-v3-results span{ width:11px !important; height:11px !important; font-size:5.2px !important; }
}


/* ============================================================
   PLAYER PAGE V8 PATCH — 1:1 REFERENCE MATCH
   Append this block at the END of pool-magic.css
   ============================================================ */

/* ── 2-COLUMN BOTTOM GRID ───────────────────────────────────── */
.pm-bottom-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 12px;
}

@media (min-width: 760px) {
  .pm-bottom-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
  }
}

/* ── SECTION TITLE WITH ICON ────────────────────────────────── */
.pm-section-title {
  display: flex !important;
  align-items: center;
  gap: 8px;
}
.pm-section-title i { font-size: 16px; }

/* ── SCORE PREVIEW IN COLLAPSED MATCH CARD ──────────────────── */
.pm-pmc-score-preview {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 1px;
  flex-shrink: 0;
  padding: 0 4px;
}

/* ── CHART AXIS LABELS ──────────────────────────────────────── */
.pm-chart-ylabel {
  font-family: var(--font-display);
  font-size: 4.2px;
  font-weight: 700;
  fill: rgba(200, 232, 245, 0.42);
  text-anchor: start;
  dominant-baseline: middle;
  letter-spacing: 0;
  user-select: none;
}
.pm-chart-xlabel {
  font-family: var(--font-display);
  font-size: 3.8px;
  font-weight: 700;
  fill: rgba(200, 232, 245, 0.35);
  text-anchor: middle;
  dominant-baseline: auto;
  letter-spacing: 0;
  user-select: none;
}

/* ── REZULTAT ROW UNDER CHART ───────────────────────────────── */
.pm-ph-v3-results-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 6px;
  overflow-x: auto;
}
.pm-res-label {
  font-family: var(--font-display);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 1.5px;
  color: rgba(200, 232, 245, 0.48);
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
}
.pm-ph-v3-results {
  display: flex;
  gap: 4px;
  flex: 1;
  justify-content: space-around;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.pm-res-current {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  font-family: var(--font-display);
  font-size: 7px;
  font-weight: 700;
  color: rgba(200, 232, 245, 0.45);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  white-space: nowrap;
}
.pm-res-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--neon2);
  box-shadow: 0 0 6px rgba(31,255,158,.8);
  flex-shrink: 0;
}

/* ── FORM FILTER BUTTON ─────────────────────────────────────── */
.pm-form-filter-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  padding: 7px 10px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0, 229, 255, 0.2) !important;
  background: rgba(0, 229, 255, 0.06) !important;
  color: rgba(200, 232, 245, 0.72) !important;
  font-family: var(--font-display) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.pm-form-filter-btn:hover {
  background: rgba(0, 229, 255, 0.12) !important;
  border-color: rgba(0, 229, 255, 0.35) !important;
}
.pm-form-filter-btn i { font-size: 13px; }

/* ── CHART SVG OVERFLOW FIX ─────────────────────────────────── */
.pm-ph-v3-chart svg {
  overflow: visible !important;
}

/* ── MATCH CARD: score preview visible only in summary ──────── */
.pm-player-match-card[open] .pm-pmc-score-preview {
  display: none;
}

/* ── DESKTOP: wider wrap for player page ────────────────────── */
@media (min-width: 900px) {
  .pm-wrap {
    max-width: 1120px !important;
  }
  .pm-player-hero-v3 {
    max-width: 100% !important;
  }
  /* Ensure bottom grid aligns under hero */
  .pm-bottom-grid {
    max-width: 100%;
  }
}

/* ── SMALL MOBILE TWEAKS ────────────────────────────────────── */
@media (max-width: 500px) {
  .pm-pmc-score-preview {
    font-size: 15px;
  }
  .pm-res-label,
  .pm-res-current {
    display: none;
  }
}


/* =========================================================
   PLAYER HERO V9 — REFERENCE GRAPH + HUD MICRO QUALITY
   Baseline: V7 Cinematic Render
   Focus: chart readability like reference: visible X/Y axes, sharp laser
   line, controlled fill, crisp W/L row, refined HUD modules.
   ========================================================= */

/* hide old SVG text labels; browser rasterizes them too soft in stretched SVG */
.pm-player-hero-v3 .pm-chart-ylabel,
.pm-player-hero-v3 .pm-chart-xlabel{
  display:none !important;
}

/* Give the chart a real plotting area with crisp external labels */
.pm-player-hero-v3 .pm-ph-v3-chart{
  position:relative !important;
  padding:8px 12px 8px 30px !important;
  background:
    linear-gradient(180deg, rgba(0,28,38,.24), rgba(0,0,0,.10)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart::before{
  left:30px !important;
  right:12px !important;
  top:24px !important;
  bottom:42px !important;
  background:
    linear-gradient(180deg, rgba(31,255,158,.045), transparent 62%),
    radial-gradient(ellipse at 50% 34%, rgba(31,255,158,.055), transparent 58%) !important;
  opacity:.82 !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart::after{
  content:'';
  position:absolute;
  left:30px;
  right:12px;
  bottom:35px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(194,232,255,.18), rgba(31,255,158,.18), transparent);
  opacity:.75;
  pointer-events:none;
}

/* SVG itself: reserve space below for x-axis; do not look like generic web chart */
.pm-player-hero-v3 .pm-ph-v3-chart svg{
  position:relative !important;
  z-index:1 !important;
  height:78px !important;
  width:100% !important;
  background:
    linear-gradient(180deg, rgba(0,24,34,.16), rgba(0,0,0,.08)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.026) 0 1px, transparent 1px 12.5%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 25%) !important;
  border-radius:9px !important;
  shape-rendering:geometricPrecision !important;
  overflow:visible !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid line{
  stroke:rgba(155,210,230,.075) !important;
  stroke-width:.22 !important;
  stroke-dasharray:none !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid .axis,
.pm-player-hero-v3 .pm-ph-v3-chart .axis{
  stroke:rgba(31,255,158,.18) !important;
  stroke-width:.28 !important;
  stroke-dasharray:3 6 !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .fill{
  opacity:.26 !important;
  filter:none !important;
}

/* laser line: sharper core, subtle bloom, angular joins */
.pm-player-hero-v3 .pm-ph-v3-chart .line-glow{
  stroke:rgba(31,255,158,.25) !important;
  stroke-width:1.38 !important;
  stroke-linecap:butt !important;
  stroke-linejoin:miter !important;
  filter:drop-shadow(0 0 1.7px rgba(31,255,158,.38)) !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .line-core{
  stroke:#3dffb1 !important;
  stroke-width:.54 !important;
  stroke-linecap:square !important;
  stroke-linejoin:miter !important;
  filter:drop-shadow(0 0 .8px rgba(31,255,158,.34)) !important;
  vector-effect:non-scaling-stroke !important;
}

/* markers: small precision nodes, not bubbles */
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo{
  r:1.05 !important;
  fill:rgba(31,255,158,.06) !important;
  stroke:rgba(31,255,158,.55) !important;
  stroke-width:.18 !important;
  filter:drop-shadow(0 0 1.4px rgba(31,255,158,.32)) !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core{
  r:.42 !important;
  fill:#eafff6 !important;
  stroke:#2dffa4 !important;
  stroke-width:.16 !important;
  filter:none !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.loss{
  fill:rgba(255,66,96,.05) !important;
  stroke:rgba(255,66,96,.62) !important;
  filter:drop-shadow(0 0 1.4px rgba(255,66,96,.34)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core.loss{
  fill:#fff2f4 !important;
  stroke:#ff4564 !important;
}

/* HTML axis labels: crisp, readable, real sports chart feeling */
.pm-ph-v3-yaxis-html{
  position:absolute;
  z-index:2;
  left:7px;
  top:7px;
  bottom:36px;
  width:22px;
  pointer-events:none;
}
.pm-ph-v3-yaxis-html span{
  position:absolute;
  left:0;
  transform:translateY(-50%);
  font-family:var(--font-display);
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em;
  color:rgba(197,231,245,.44);
  text-shadow:0 0 5px rgba(0,0,0,.65);
  white-space:nowrap;
}
.pm-ph-v3-xaxis-html{
  position:relative;
  z-index:2;
  height:15px;
  margin:3px 3px 0 0;
  pointer-events:none;
}
.pm-ph-v3-xaxis-html span{
  position:absolute;
  top:2px;
  transform:translateX(-50%);
  font-family:var(--font-display);
  font-size:7px;
  line-height:1;
  font-weight:900;
  letter-spacing:.06em;
  color:rgba(197,231,245,.36);
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 0 5px rgba(0,0,0,.7);
}

/* Result row: align under the new axis without feeling cartoonish */
.pm-player-hero-v3 .pm-ph-v3-results-wrap{
  margin-top:2px !important;
  padding:4px 0 0 !important;
  gap:7px !important;
}
.pm-player-hero-v3 .pm-res-label{
  font-size:7.4px !important;
  letter-spacing:.14em !important;
  color:rgba(197,231,245,.50) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results span{
  width:13px !important;
  height:13px !important;
  font-size:5.7px !important;
  border-radius:999px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018) !important;
}
.pm-player-hero-v3 .pm-res-current{
  font-size:6.8px !important;
  letter-spacing:.10em !important;
  color:rgba(197,231,245,.46) !important;
}

/* Slightly sharper FORM container and footer without changing layout */
.pm-player-hero-v3 .pm-ph-v3-form{
  border-color:rgba(0,229,255,.25) !important;
  background:
    radial-gradient(ellipse at 52% 14%, rgba(0,229,255,.07), transparent 41%),
    linear-gradient(180deg, rgba(0,56,76,.34), rgba(0,0,0,.25)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-head h2{
  text-shadow:0 0 10px rgba(0,229,255,.18) !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-foot div{
  border-color:rgba(255,255,255,.075) !important;
  background:
    radial-gradient(circle at 10% 50%, rgba(255,201,77,.070), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.042), rgba(0,0,0,.275)) !important;
}

/* Desktop/mid-width graph should show full axis detail */
@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    padding:12px 16px 12px 38px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-chart::before{ left:38px !important; right:16px !important; bottom:50px !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart::after{ left:38px !important; right:16px !important; bottom:44px !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart svg{ height:128px !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .line-glow{ stroke-width:1.52 !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .line-core{ stroke-width:.60 !important; }
  .pm-ph-v3-yaxis-html{ left:10px; top:13px; bottom:48px; width:28px; }
  .pm-ph-v3-yaxis-html span{ font-size:9px; }
  .pm-ph-v3-xaxis-html{ height:18px; margin-top:5px; }
  .pm-ph-v3-xaxis-html span{ font-size:8px; }
}

@media (max-width:370px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ padding-left:26px !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart::before{ left:26px !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart::after{ left:26px !important; }
  .pm-ph-v3-yaxis-html{ left:5px; width:20px; }
  .pm-ph-v3-yaxis-html span{ font-size:7px; }
  .pm-ph-v3-xaxis-html span{ font-size:6.1px; }
  .pm-player-hero-v3 .pm-ph-v3-chart .dot-halo{ r:.95 !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .dot-core{ r:.36 !important; }
}

/* =========================================================
   PLAYER HERO V10 — AXIS / RESULT LOCK + REFERENCE GRAPH POLISH
   Focus: X-axis says RUNDA, W/L result badges lock exactly under
   the same X positions, chart reads more like premium telemetry.
   ========================================================= */

/* More precise plot layout: chart content and result track share same coordinate space */
.pm-player-hero-v3 .pm-ph-v3-chart{
  --pm-chart-axis-left: 30px;
  --pm-chart-axis-right: 12px;
  --pm-chart-result-width: calc(100% - var(--pm-chart-axis-left) - var(--pm-chart-axis-right));
}

.pm-player-hero-v3 .pm-ph-v3-xaxis-html{
  width: var(--pm-chart-result-width) !important;
  margin-left: var(--pm-chart-axis-left) !important;
  margin-right: var(--pm-chart-axis-right) !important;
  border-top: 1px solid rgba(190,232,255,.055);
}

.pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
  top: 5px !important;
  font-size: 6.7px !important;
  letter-spacing: .075em !important;
  color: rgba(207,239,250,.43) !important;
  text-shadow: 0 0 4px rgba(0,0,0,.78), 0 0 8px rgba(0,229,255,.08) !important;
}

/* lock W/L pills to the exact same x percentage as axis/points */
.pm-player-hero-v3 .pm-ph-v3-results-wrap{
  display:grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items:center !important;
  gap: 8px !important;
  padding: 2px 0 1px !important;
  margin-top: 2px !important;
  overflow: visible !important;
}
.pm-player-hero-v3 .pm-ph-v3-results{
  display:none !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track{
  position:relative;
  height: 18px;
  width: var(--pm-chart-result-width);
  margin-left: calc(var(--pm-chart-axis-left) - 2px);
  margin-right: var(--pm-chart-axis-right);
  min-width: 0;
}
.pm-player-hero-v3 .pm-ph-v3-results-track::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg, transparent, rgba(194,232,255,.10), rgba(31,255,158,.09), transparent);
  opacity:.78;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span{
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  width:13px !important;
  height:13px !important;
  display:grid;
  place-items:center;
  border-radius:999px;
  font-family:var(--font-display);
  font-size:5.7px !important;
  font-weight:1000;
  line-height:1;
  letter-spacing:.02em;
  color:rgba(224,255,244,.95);
  background:rgba(31,255,158,.055);
  border:1px solid rgba(31,255,158,.52);
  box-shadow:0 0 0 1px rgba(31,255,158,.035), inset 0 0 7px rgba(31,255,158,.075), 0 0 5px rgba(31,255,158,.10);
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.loss{
  color:#ff637b;
  background:rgba(255,66,96,.06);
  border-color:rgba(255,66,96,.56);
  box-shadow:0 0 0 1px rgba(255,66,96,.035), inset 0 0 7px rgba(255,66,96,.075), 0 0 5px rgba(255,66,96,.11);
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.neutral{
  color:rgba(205,231,245,.62);
  background:rgba(205,231,245,.04);
  border-color:rgba(205,231,245,.24);
}

/* Reference-style axis/line tuning: clearer X/Y system, less web-chart smoothness */
.pm-player-hero-v3 .pm-ph-v3-chart svg{
  background:
    linear-gradient(180deg, rgba(0,30,42,.12), rgba(0,0,0,.09)),
    repeating-linear-gradient(90deg, rgba(160,225,245,.032) 0 1px, transparent 1px 12.5%),
    repeating-linear-gradient(0deg, rgba(160,225,245,.024) 0 1px, transparent 1px 25%) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .line-glow{
  stroke:rgba(31,255,158,.20) !important;
  stroke-width:1.15 !important;
  filter:drop-shadow(0 0 1.1px rgba(31,255,158,.28)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .line-core{
  stroke:#45ffb2 !important;
  stroke-width:.46 !important;
  filter:drop-shadow(0 0 .42px rgba(255,255,255,.18)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .fill{
  opacity:.20 !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo{
  r:.88 !important;
  stroke-width:.14 !important;
  filter:drop-shadow(0 0 .9px rgba(31,255,158,.25)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core{
  r:.34 !important;
  stroke-width:.12 !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.loss{
  filter:drop-shadow(0 0 .9px rgba(255,66,96,.25)) !important;
}

/* Text labels */
.pm-player-hero-v3 .pm-res-label{
  padding-left:1px;
  font-size:7px !important;
  letter-spacing:.16em !important;
  color:rgba(207,239,250,.56) !important;
}
.pm-player-hero-v3 .pm-res-current{
  padding-right:1px;
  font-size:6.6px !important;
  color:rgba(207,239,250,.50) !important;
}

/* subtle bottom panel polish like the reference */
.pm-player-hero-v3 .pm-ph-v3-form-foot{
  gap:8px !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-foot div{
  min-height:38px !important;
  padding:7px 10px !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-foot i{
  filter:drop-shadow(0 0 7px rgba(255,201,77,.22));
}

@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    --pm-chart-axis-left: 38px;
    --pm-chart-axis-right: 16px;
  }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
    font-size:7.7px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track span{
    width:15px !important;
    height:15px !important;
    font-size:6.2px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-chart .line-glow{ stroke-width:1.30 !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .line-core{ stroke-width:.52 !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .dot-halo{ r:.95 !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .dot-core{ r:.37 !important; }
}

@media (max-width:370px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    --pm-chart-axis-left: 26px;
    --pm-chart-axis-right: 10px;
  }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
    font-size:5.8px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track span{
    width:10px !important;
    height:10px !important;
    font-size:4.7px !important;
  }
}

/* =========================================================
   PLAYER HERO V11 — ROUND-CLUSTERED GAME POINTS
   X-axis stays by RUNDA, but every discipline/game inside a round
   receives its own point + result/game marker locked to that point.
   ========================================================= */
.pm-player-hero-v3 .pm-ph-v3-form-head p{
  letter-spacing:.115em !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid line{
  vector-effect:non-scaling-stroke;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.neutral{
  fill:rgba(130,210,230,.13) !important;
  stroke:rgba(130,210,230,.58) !important;
  filter:drop-shadow(0 0 .95px rgba(130,210,230,.24)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core.neutral{
  fill:#9edbec !important;
  stroke:rgba(1,12,16,.95) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.disc-8{
  stroke-width:.18 !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.disc-10{
  stroke:rgba(78,162,255,.62) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core.disc-10{
  fill:#6fc7ff !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.disc-9{
  stroke:rgba(255,211,77,.62) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core.disc-9{
  fill:#ffd24a !important;
}

.pm-player-hero-v3 .pm-ph-v3-results-wrap{
  margin-top:8px !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track{
  height:28px !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track::before{
  top:8px !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span{
  top:8px !important;
  width:17px !important;
  height:22px !important;
  display:grid !important;
  grid-template-rows:12px 8px;
  align-content:center;
  justify-items:center;
  gap:0;
  padding:1px 0 2px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:8px !important;
  background:linear-gradient(180deg, rgba(31,255,158,.11), rgba(31,255,158,.035)) !important;
  border:1px solid rgba(31,255,158,.45) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -7px 14px rgba(0,0,0,.20),
    0 0 8px rgba(31,255,158,.08) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span b{
  display:block;
  font:1000 6.4px/1 var(--font-display);
  letter-spacing:.025em;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span i{
  display:grid;
  place-items:center;
  min-width:9px;
  height:8px;
  padding:0 2px;
  border-radius:999px;
  font:1000 4.8px/1 var(--font-display);
  letter-spacing:-.02em;
  font-style:normal;
  color:rgba(210,255,245,.84);
  background:rgba(2,12,20,.62);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 0 5px rgba(255,255,255,.035);
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.loss{
  background:linear-gradient(180deg, rgba(255,66,96,.12), rgba(255,66,96,.035)) !important;
  border-color:rgba(255,66,96,.46) !important;
  color:#ff667f !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -7px 14px rgba(0,0,0,.20),
    0 0 8px rgba(255,66,96,.09) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.neutral{
  background:linear-gradient(180deg, rgba(130,210,230,.10), rgba(130,210,230,.030)) !important;
  border-color:rgba(130,210,230,.30) !important;
  color:rgba(205,236,245,.84) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.game-8 i{
  color:#f6fbff;
  background:radial-gradient(circle at 35% 32%, rgba(255,255,255,.20), rgba(3,7,11,.86) 62%);
  border-color:rgba(255,255,255,.24);
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.game-10 i{
  color:#d8ecff;
  background:linear-gradient(180deg, rgba(45,95,255,.72), rgba(5,16,46,.80));
  border-color:rgba(104,170,255,.48);
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.game-9 i{
  color:#fff3b7;
  background:linear-gradient(180deg, rgba(230,173,21,.75), rgba(48,32,2,.82));
  border-color:rgba(255,214,91,.52);
}
.pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
  bottom:30px !important;
  opacity:.82 !important;
}
.pm-player-hero-v3 .pm-res-label,
.pm-player-hero-v3 .pm-res-current{
  transform:translateY(-3px);
}

@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-results-track{ height:31px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span{
    width:19px !important;
    height:24px !important;
    grid-template-rows:13px 9px;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track span b{ font-size:6.9px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span i{ height:9px; min-width:10px; font-size:5.2px; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{ bottom:34px !important; }
}

@media (max-width:370px){
  .pm-player-hero-v3 .pm-ph-v3-results-track{ height:25px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span{
    width:15px !important;
    height:20px !important;
    grid-template-rows:10px 7px;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track span b{ font-size:5.4px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span i{ height:7px; min-width:8px; font-size:4.3px; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{ bottom:27px !important; }
}

/* =========================================================
   PLAYER HERO V12 — CHART POINTS + RESULT BADGES FIX
   Goal: make every game point visible, keep X axis by RUNDA,
   lock W/L/N + 8/10/9 badges under their exact point, and
   restore premium focal dots like the reference render.
   ========================================================= */
.pm-player-hero-v3 .pm-ph-v3-chart{
  --pm-chart-axis-left: 34px;
  --pm-chart-axis-right: 14px;
  --pm-chart-plot-width: calc(100% - var(--pm-chart-axis-left) - var(--pm-chart-axis-right));
  padding: 8px var(--pm-chart-axis-right) 10px var(--pm-chart-axis-left) !important;
  overflow: visible !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart svg{
  height: 90px !important;
  overflow: visible !important;
  shape-rendering: geometricPrecision !important;
  filter: saturate(1.12) contrast(1.04) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid line{
  stroke: rgba(151, 221, 242, .085) !important;
  stroke-width: .20 !important;
  vector-effect: non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid .axis,
.pm-player-hero-v3 .pm-ph-v3-chart .grid line.axis{
  stroke: rgba(31,255,158,.20) !important;
  stroke-width: .24 !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .line-glow{
  stroke: rgba(31,255,158,.34) !important;
  stroke-width: 1.85 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter:
    drop-shadow(0 0 1.5px rgba(31,255,158,.42))
    drop-shadow(0 0 5px rgba(31,255,158,.16)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .line-core{
  stroke: #43ffb0 !important;
  stroke-width: .82 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  filter: drop-shadow(0 0 .55px rgba(255,255,255,.38)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .fill{
  opacity: .30 !important;
  filter: drop-shadow(0 0 9px rgba(31,255,158,.09)) !important;
}
/* Restore reference-like visible nodes: halo + sharp core */
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo{
  r: 2.05 !important;
  fill: rgba(31,255,158,.18) !important;
  stroke: rgba(89,255,190,.82) !important;
  stroke-width: .18 !important;
  filter:
    drop-shadow(0 0 2px rgba(31,255,158,.62))
    drop-shadow(0 0 8px rgba(31,255,158,.25)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core{
  r: .82 !important;
  fill: #66ffd0 !important;
  stroke: rgba(0,12,16,.98) !important;
  stroke-width: .18 !important;
  filter: drop-shadow(0 0 1.8px rgba(255,255,255,.32)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.loss{
  fill: rgba(255,66,96,.18) !important;
  stroke: rgba(255,83,111,.86) !important;
  filter:
    drop-shadow(0 0 2px rgba(255,66,96,.60))
    drop-shadow(0 0 8px rgba(255,66,96,.24)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core.loss{
  fill: #ff5671 !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.neutral{
  fill: rgba(158,219,236,.16) !important;
  stroke: rgba(158,219,236,.72) !important;
  filter:
    drop-shadow(0 0 2px rgba(158,219,236,.42))
    drop-shadow(0 0 7px rgba(158,219,236,.16)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core.neutral{
  fill: #b3eafa !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.disc-10{
  stroke: rgba(94,174,255,.90) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core.disc-10{
  fill:#79d0ff !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.disc-9{
  stroke: rgba(255,213,88,.90) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core.disc-9{
  fill:#ffe071 !important;
}
/* Shared axis and result coordinate system */
.pm-player-hero-v3 .pm-ph-v3-xaxis-html{
  position: relative !important;
  height: 18px !important;
  width: var(--pm-chart-plot-width) !important;
  margin: 0 var(--pm-chart-axis-right) 0 var(--pm-chart-axis-left) !important;
  border-top: 1px solid rgba(190,232,255,.07) !important;
}
.pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
  position:absolute !important;
  top: 5px !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  font-size: 7.1px !important;
  line-height: 1 !important;
  letter-spacing: .105em !important;
  color: rgba(214,244,255,.58) !important;
  white-space: nowrap !important;
  text-shadow: 0 0 7px rgba(0,0,0,.85), 0 0 9px rgba(0,229,255,.12) !important;
}
.pm-player-hero-v3 .pm-ph-v3-yaxis-html span{
  color: rgba(214,244,255,.58) !important;
  text-shadow: 0 0 6px rgba(0,0,0,.85) !important;
}
/* Result strip: no grid column math, full-width absolute lock under plot */
.pm-player-hero-v3 .pm-ph-v3-results-wrap{
  position: relative !important;
  display: block !important;
  height: 38px !important;
  margin-top: 4px !important;
  padding: 0 !important;
  overflow: visible !important;
}
.pm-player-hero-v3 .pm-res-label{
  position: absolute !important;
  left: 0 !important;
  top: 8px !important;
  transform: none !important;
  font-size: 7.2px !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  color: rgba(214,244,255,.60) !important;
}
.pm-player-hero-v3 .pm-res-current{
  position: absolute !important;
  right: 0 !important;
  top: 8px !important;
  transform: none !important;
  font-size: 6.8px !important;
  line-height: 1 !important;
  letter-spacing: .13em !important;
  color: rgba(214,244,255,.58) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track{
  position: absolute !important;
  left: var(--pm-chart-axis-left) !important;
  right: var(--pm-chart-axis-right) !important;
  top: 0 !important;
  width: auto !important;
  height: 33px !important;
  margin: 0 !important;
  overflow: visible !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track::before{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top: 10px !important;
  height:1px !important;
  transform:none !important;
  background: linear-gradient(90deg, transparent, rgba(194,232,255,.10), rgba(31,255,158,.12), transparent) !important;
  opacity:.92 !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span{
  position:absolute !important;
  top: 10px !important;
  transform: translate(-50%, -50%) !important;
  width: 21px !important;
  height: 25px !important;
  display: grid !important;
  grid-template-rows: 14px 9px !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 0 !important;
  padding: 1px 0 2px !important;
  border-radius: 9px !important;
  color: rgba(222,255,245,.98) !important;
  background: linear-gradient(180deg, rgba(31,255,158,.15), rgba(31,255,158,.045)) !important;
  border: 1px solid rgba(31,255,158,.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -8px 16px rgba(0,0,0,.26),
    0 0 0 1px rgba(31,255,158,.035),
    0 0 10px rgba(31,255,158,.16) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span b{
  display: block !important;
  font: 1000 7.2px/1 var(--font-display) !important;
  letter-spacing: .03em !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span i{
  display: grid !important;
  place-items: center !important;
  min-width: 11px !important;
  height: 9px !important;
  padding: 0 2px !important;
  border-radius: 999px !important;
  font: 1000 5.2px/1 var(--font-display) !important;
  font-style: normal !important;
  color: rgba(224,255,246,.92) !important;
  background: rgba(2,12,20,.76) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow: inset 0 0 5px rgba(255,255,255,.045) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.loss{
  color:#ff7088 !important;
  background: linear-gradient(180deg, rgba(255,66,96,.16), rgba(255,66,96,.045)) !important;
  border-color: rgba(255,66,96,.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -8px 16px rgba(0,0,0,.26),
    0 0 0 1px rgba(255,66,96,.035),
    0 0 10px rgba(255,66,96,.17) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.neutral{
  color: rgba(222,245,255,.92) !important;
  background: linear-gradient(180deg, rgba(158,219,236,.14), rgba(158,219,236,.040)) !important;
  border-color: rgba(158,219,236,.45) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.game-8 i{
  color:#f8fbff !important;
  background: radial-gradient(circle at 35% 32%, rgba(255,255,255,.24), rgba(3,7,11,.92) 62%) !important;
  border-color: rgba(255,255,255,.30) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.game-10 i{
  color:#e1f1ff !important;
  background: linear-gradient(180deg, rgba(55,105,255,.82), rgba(4,14,48,.88)) !important;
  border-color: rgba(118,182,255,.62) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.game-9 i{
  color:#fff4bf !important;
  background: linear-gradient(180deg, rgba(236,183,27,.86), rgba(48,32,2,.88)) !important;
  border-color: rgba(255,218,97,.62) !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-foot{
  margin-top: 7px !important;
}

@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    --pm-chart-axis-left: 40px;
    --pm-chart-axis-right: 18px;
  }
  .pm-player-hero-v3 .pm-ph-v3-chart svg{ height: 104px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span{
    width: 23px !important;
    height: 27px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track span b{ font-size: 7.8px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span i{ height: 10px !important; min-width: 12px !important; font-size: 5.6px !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .dot-halo{ r: 2.25 !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .dot-core{ r: .90 !important; }
}

@media (max-width:370px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    --pm-chart-axis-left: 28px;
    --pm-chart-axis-right: 10px;
  }
  .pm-player-hero-v3 .pm-ph-v3-chart svg{ height: 84px !important; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{ font-size: 5.7px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{ height: 32px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track{ height: 29px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span{
    width: 17px !important;
    height: 22px !important;
    grid-template-rows: 12px 8px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track span b{ font-size: 6px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span i{ height: 8px !important; min-width: 9px !important; font-size: 4.7px !important; }
  .pm-player-hero-v3 .pm-res-label,
  .pm-player-hero-v3 .pm-res-current{ display:none !important; }
}

/* =========================================================
   PLAYER HERO V13 — REAL BALL RESULT MARKERS + SHARP CHART DOTS
   Fixes:
   - result row uses real ball assets from assets/img/ui/*-small.png
   - result markers are locked to exact chart point positions
   - chart points are visible circular nodes, not flat ellipses
   - consecutive lost games render red segments between points
   ========================================================= */

.pm-player-hero-v3 .pm-ph-v3-chart{
  --pm-chart-axis-left: 30px;
  --pm-chart-axis-right: 12px;
  --pm-chart-plot-width: calc(100% - var(--pm-chart-axis-left) - var(--pm-chart-axis-right));
  padding: 8px var(--pm-chart-axis-right) 10px var(--pm-chart-axis-left) !important;
}

/* Hide old continuous polyline rules if a previous patch left them present. */
.pm-player-hero-v3 .pm-ph-v3-chart .line-glow,
.pm-player-hero-v3 .pm-ph-v3-chart .line-core{
  display:none !important;
}

/* Segmented line: green as default, red only when two losses are consecutive. */
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments line{
  vector-effect: non-scaling-stroke !important;
  shape-rendering: geometricPrecision !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .seg-glow{
  stroke: rgba(35,255,166,.34) !important;
  stroke-width: 1.85 !important;
  filter:
    drop-shadow(0 0 1.6px rgba(31,255,158,.58))
    drop-shadow(0 0 7px rgba(31,255,158,.20)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .seg-core{
  stroke: #52ffb8 !important;
  stroke-width: .74 !important;
  filter: drop-shadow(0 0 .55px rgba(255,255,255,.34)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .loss-streak.seg-glow{
  stroke: rgba(255,66,96,.48) !important;
  filter:
    drop-shadow(0 0 1.6px rgba(255,66,96,.62))
    drop-shadow(0 0 8px rgba(255,66,96,.24)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .loss-streak.seg-core{
  stroke: #ff4668 !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .neutral.seg-glow{
  stroke: rgba(180,225,238,.34) !important;
  filter: drop-shadow(0 0 4px rgba(180,225,238,.14)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .neutral.seg-core{
  stroke: rgba(205,240,250,.78) !important;
}

/* Premium visible nodes: aura + hard ring + bright core. */
.pm-player-hero-v3 .pm-ph-v3-chart .dot-aura,
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo,
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core{
  vector-effect: non-scaling-stroke !important;
  transform-box: fill-box !important;
  transform-origin: center !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-aura{
  fill: rgba(31,255,158,.15) !important;
  stroke: none !important;
  filter: drop-shadow(0 0 8px rgba(31,255,158,.34)) !important;
  opacity: .95 !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo{
  fill: rgba(0,16,20,.90) !important;
  stroke: rgba(101,255,199,.92) !important;
  stroke-width: .24 !important;
  filter:
    drop-shadow(0 0 2px rgba(31,255,158,.70))
    drop-shadow(0 0 7px rgba(31,255,158,.30)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core{
  fill: #74ffd2 !important;
  stroke: rgba(255,255,255,.82) !important;
  stroke-width: .10 !important;
  filter: drop-shadow(0 0 2.2px rgba(116,255,210,.68)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .dot-aura.loss{ fill: rgba(255,66,96,.16) !important; filter: drop-shadow(0 0 8px rgba(255,66,96,.34)) !important; }
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.loss{ stroke: rgba(255,88,116,.94) !important; filter: drop-shadow(0 0 2px rgba(255,66,96,.72)) drop-shadow(0 0 7px rgba(255,66,96,.30)) !important; }
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core.loss{ fill:#ff5d78 !important; }
.pm-player-hero-v3 .pm-ph-v3-chart .dot-aura.neutral{ fill: rgba(174,225,238,.14) !important; filter: drop-shadow(0 0 7px rgba(174,225,238,.22)) !important; }
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.neutral{ stroke: rgba(174,225,238,.72) !important; }
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core.neutral{ fill:#c4eef8 !important; }
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.disc-10{ stroke: rgba(100,178,255,.96) !important; }
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core.disc-10{ fill:#8ed8ff !important; }
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo.disc-9{ stroke: rgba(255,218,95,.96) !important; }
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core.disc-9{ fill:#ffe47a !important; }

/* Result strip: real ball icon row + W/L/N row + score row, aligned to chart x values. */
.pm-player-hero-v3 .pm-ph-v3-results-wrap{
  position: relative !important;
  display: block !important;
  height: 62px !important;
  margin-top: 4px !important;
  padding: 0 !important;
  overflow: visible !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track{
  position: absolute !important;
  left: var(--pm-chart-axis-left) !important;
  right: var(--pm-chart-axis-right) !important;
  top: 0 !important;
  height: 58px !important;
  width: auto !important;
  margin: 0 !important;
  overflow: visible !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track::before{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top: 22px !important;
  height:1px !important;
  background: linear-gradient(90deg, transparent, rgba(194,232,255,.10), rgba(31,255,158,.12), transparent) !important;
  opacity:.9 !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span{
  position:absolute !important;
  top: 4px !important;
  transform: translateX(-50%) !important;
  width: 24px !important;
  height: 52px !important;
  display: grid !important;
  grid-template-rows: 17px 18px 12px !important;
  justify-items:center !important;
  align-items:center !important;
  gap: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span .pm-game-ball{
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display:block !important;
  filter:
    drop-shadow(0 0 4px rgba(0,229,255,.30))
    drop-shadow(0 3px 5px rgba(0,0,0,.60)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.game-8 .pm-game-ball{
  filter:
    drop-shadow(0 0 4px rgba(255,80,96,.25))
    drop-shadow(0 3px 5px rgba(0,0,0,.64)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.game-10 .pm-game-ball{
  filter:
    drop-shadow(0 0 5px rgba(82,162,255,.36))
    drop-shadow(0 3px 5px rgba(0,0,0,.64)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span b{
  width: 17px !important;
  height: 17px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  font: 1000 7px/1 var(--font-display) !important;
  letter-spacing:.02em !important;
  color: rgba(224,255,246,.98) !important;
  background: radial-gradient(circle at 50% 42%, rgba(31,255,158,.20), rgba(3,20,18,.92) 72%) !important;
  border: 1px solid rgba(31,255,158,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 1px rgba(31,255,158,.055),
    0 0 9px rgba(31,255,158,.20) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.loss b{
  color:#ff7088 !important;
  background: radial-gradient(circle at 50% 42%, rgba(255,66,96,.20), rgba(24,5,12,.92) 72%) !important;
  border-color: rgba(255,66,96,.72) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 0 1px rgba(255,66,96,.055), 0 0 9px rgba(255,66,96,.20) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.neutral b{
  color:#d8f4ff !important;
  background: radial-gradient(circle at 50% 42%, rgba(174,225,238,.18), rgba(8,20,26,.92) 72%) !important;
  border-color: rgba(174,225,238,.54) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 8px rgba(174,225,238,.12) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span small{
  display:block !important;
  font: 900 7px/1 var(--font-display) !important;
  letter-spacing:.02em !important;
  color: rgba(214,244,255,.64) !important;
  text-shadow: 0 0 4px rgba(0,0,0,.78) !important;
  white-space: nowrap !important;
}
.pm-player-hero-v3 .pm-res-label{
  position:absolute !important;
  left:0 !important;
  top: 21px !important;
  font-size: 7px !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  color:rgba(214,244,255,.58) !important;
}
.pm-player-hero-v3 .pm-res-current{
  position:absolute !important;
  right:0 !important;
  top: 21px !important;
  font-size:6.7px !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  color:rgba(214,244,255,.58) !important;
}

/* Slightly taller chart footer area so the real ball markers do not collide. */
.pm-player-hero-v3 .pm-ph-v3-form-foot{
  margin-top: 6px !important;
}

@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    --pm-chart-axis-left: 40px;
    --pm-chart-axis-right: 18px;
  }
  .pm-player-hero-v3 .pm-ph-v3-chart .dot-aura{ r:3.15 !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .dot-halo{ r:1.95 !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart .dot-core{ r:.86 !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{ height:66px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track{ height:62px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span{ width:28px !important; height:56px !important; grid-template-rows:20px 19px 13px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span .pm-game-ball{ width:18px !important; height:18px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span b{ width:18px !important; height:18px !important; font-size:7.5px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span small{ font-size:7.4px !important; }
}

@media (max-width:370px){
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{ height:56px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track{ height:52px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span{ width:20px !important; height:48px !important; grid-template-rows:15px 16px 11px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span .pm-game-ball{ width:14px !important; height:14px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span b{ width:15px !important; height:15px !important; font-size:6.2px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span small{ font-size:6.1px !important; }
  .pm-player-hero-v3 .pm-res-label,
  .pm-player-hero-v3 .pm-res-current{ display:none !important; }
}

/* =========================================================
   PLAYER HERO V14 — LAYERED CHART SYSTEM
   Goal: reference-quality chart proportions, real round HTML dots,
   real ball icons row, and no ellipse distortion on wider screens.
   ========================================================= */

.pm-player-hero-v3 .pm-ph-v3-form{
  overflow: hidden !important;
}

.pm-player-hero-v3 .pm-ph-v3-chart{
  position: relative !important;
  isolation: isolate !important;
  --pm-chart-axis-left: 34px;
  --pm-chart-axis-right: 14px;
  --pm-chart-result-width: calc(100% - var(--pm-chart-axis-left) - var(--pm-chart-axis-right));
  padding: 13px var(--pm-chart-axis-right) 12px var(--pm-chart-axis-left) !important;
  min-height: 286px !important;
  background:
    radial-gradient(ellipse at 50% 34%, rgba(31,255,158,.075), transparent 55%),
    linear-gradient(180deg, rgba(0,38,52,.30), rgba(0,0,0,.18)) !important;
}

.pm-player-hero-v3 .pm-ph-v3-chart::before{
  content:'';
  position:absolute;
  z-index:0;
  left:var(--pm-chart-axis-left) !important;
  right:var(--pm-chart-axis-right) !important;
  top:52px !important;
  bottom:104px !important;
  border-radius: 10px;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(31,255,158,.05), transparent 58%),
    radial-gradient(ellipse at 50% 48%, rgba(31,255,158,.075), transparent 58%),
    repeating-linear-gradient(90deg, rgba(180,230,245,.04) 0 1px, transparent 1px 12.5%),
    repeating-linear-gradient(0deg, rgba(180,230,245,.032) 0 1px, transparent 1px 25%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,229,255,.05);
}

.pm-player-hero-v3 .pm-ph-v3-chart::after{
  content:'';
  position:absolute;
  z-index:0;
  left:var(--pm-chart-axis-left) !important;
  right:var(--pm-chart-axis-right) !important;
  bottom:103px !important;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(190,232,255,.18), rgba(31,255,158,.18), transparent);
  opacity:.75;
}

.pm-player-hero-v3 .pm-ph-v3-chart svg{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:168px !important;
  display:block !important;
  overflow:visible !important;
  border-radius:10px !important;
  background:transparent !important;
  shape-rendering:geometricPrecision !important;
}

/* Keep SVG circles out of view; HTML dots below are perfectly round. */
.pm-player-hero-v3 .pm-ph-v3-chart .dot-aura,
.pm-player-hero-v3 .pm-ph-v3-chart .dot-halo,
.pm-player-hero-v3 .pm-ph-v3-chart .dot-core{
  display:none !important;
}

.pm-player-hero-v3 .pm-ph-v3-chart .grid line{
  stroke:rgba(155,210,230,.085) !important;
  stroke-width:.22 !important;
  stroke-dasharray:none !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid .axis,
.pm-player-hero-v3 .pm-ph-v3-chart .axis{
  stroke:rgba(31,255,158,.22) !important;
  stroke-width:.30 !important;
  stroke-dasharray:3 6 !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .fill{
  opacity:.28 !important;
  filter:none !important;
}

.pm-player-hero-v3 .pm-ph-v3-chart .line-glow,
.pm-player-hero-v3 .pm-ph-v3-chart .seg-glow{
  stroke:rgba(31,255,158,.30) !important;
  stroke-width:2.05 !important;
  stroke-linecap:butt !important;
  stroke-linejoin:miter !important;
  filter:drop-shadow(0 0 3px rgba(31,255,158,.40)) !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .line-core,
.pm-player-hero-v3 .pm-ph-v3-chart .seg-core{
  stroke:#47ffb7 !important;
  stroke-width:.84 !important;
  stroke-linecap:square !important;
  stroke-linejoin:miter !important;
  filter:drop-shadow(0 0 .8px rgba(255,255,255,.18)) !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .seg-glow.loss-streak,
.pm-player-hero-v3 .pm-ph-v3-chart .seg-core.loss-streak{
  stroke:#ff3556 !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .seg-glow.neutral,
.pm-player-hero-v3 .pm-ph-v3-chart .seg-core.neutral{
  stroke:rgba(205,231,245,.72) !important;
}

/* Absolute HTML dot layer shares the SVG coordinate space: round dots forever. */
.pm-player-hero-v3 .pm-ph-v3-dot-layer{
  position:absolute;
  z-index:4;
  left:var(--pm-chart-axis-left);
  right:var(--pm-chart-axis-right);
  top:13px;
  height:168px;
  pointer-events:none;
  overflow:visible;
}
.pm-player-hero-v3 .pm-chart-html-dot{
  position:absolute;
  width:14px;
  height:14px;
  border-radius:999px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(240,255,250,.98) 0 19%, rgba(31,255,158,.88) 20% 39%, rgba(31,255,158,.24) 40% 63%, rgba(31,255,158,0) 64%);
  box-shadow:
    0 0 0 1px rgba(31,255,158,.42),
    0 0 9px rgba(31,255,158,.55),
    0 0 20px rgba(31,255,158,.19);
}
.pm-player-hero-v3 .pm-chart-html-dot::before{
  content:'';
  position:absolute;
  inset:-6px;
  border-radius:inherit;
  background:radial-gradient(circle, rgba(31,255,158,.22), rgba(31,255,158,0) 63%);
}
.pm-player-hero-v3 .pm-chart-html-dot::after{
  content:'';
  position:absolute;
  inset:3px;
  border-radius:inherit;
  background:#eafff6;
  box-shadow:0 0 0 1px rgba(2,14,18,.88), 0 0 5px rgba(255,255,255,.38);
}
.pm-player-hero-v3 .pm-chart-html-dot i{
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(31,255,158,.72);
}
.pm-player-hero-v3 .pm-chart-html-dot.loss{
  background:radial-gradient(circle, rgba(255,246,248,.98) 0 19%, rgba(255,66,96,.92) 20% 39%, rgba(255,66,96,.24) 40% 63%, rgba(255,66,96,0) 64%);
  box-shadow:0 0 0 1px rgba(255,66,96,.44), 0 0 10px rgba(255,66,96,.54), 0 0 20px rgba(255,66,96,.18);
}
.pm-player-hero-v3 .pm-chart-html-dot.loss::before{
  background:radial-gradient(circle, rgba(255,66,96,.25), rgba(255,66,96,0) 63%);
}
.pm-player-hero-v3 .pm-chart-html-dot.loss i{ border-color:rgba(255,66,96,.76); }
.pm-player-hero-v3 .pm-chart-html-dot.neutral{
  background:radial-gradient(circle, rgba(245,252,255,.98) 0 19%, rgba(204,226,236,.80) 20% 39%, rgba(204,226,236,.19) 40% 63%, rgba(204,226,236,0) 64%);
  box-shadow:0 0 0 1px rgba(204,226,236,.32), 0 0 9px rgba(204,226,236,.28);
}
.pm-player-hero-v3 .pm-chart-html-dot.neutral::before{
  background:radial-gradient(circle, rgba(204,226,236,.18), rgba(204,226,236,0) 63%);
}
.pm-player-hero-v3 .pm-chart-html-dot.neutral i{ border-color:rgba(204,226,236,.48); }

/* Y/X axes: stronger and aligned to taller plot. */
.pm-player-hero-v3 .pm-ph-v3-yaxis-html{
  left:7px !important;
  top:13px !important;
  height:168px !important;
  bottom:auto !important;
  width:24px !important;
}
.pm-player-hero-v3 .pm-ph-v3-yaxis-html span{
  font-size:8.2px !important;
  color:rgba(205,237,248,.62) !important;
  letter-spacing:.05em !important;
}
.pm-player-hero-v3 .pm-ph-v3-xaxis-html{
  position:relative !important;
  z-index:3 !important;
  width:var(--pm-chart-result-width) !important;
  margin-left:var(--pm-chart-axis-left) !important;
  margin-right:var(--pm-chart-axis-right) !important;
  height:20px !important;
  margin-top:7px !important;
  border-top:1px solid rgba(190,232,255,.07) !important;
}
.pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
  top:7px !important;
  font-size:7.4px !important;
  color:rgba(207,239,250,.56) !important;
  letter-spacing:.09em !important;
}

/* Result row: ball image + W/L/N + score, locked under every dot. */
.pm-player-hero-v3 .pm-ph-v3-results-wrap{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:start !important;
  gap:9px !important;
  padding:4px 0 0 !important;
  margin-top:0 !important;
  overflow:visible !important;
  min-height:54px !important;
}
.pm-player-hero-v3 .pm-res-label{
  padding-top:15px !important;
  font-size:7.6px !important;
  letter-spacing:.16em !important;
  color:rgba(197,231,245,.62) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track{
  position:relative !important;
  width:var(--pm-chart-result-width) !important;
  height:52px !important;
  margin-left:calc(var(--pm-chart-axis-left) - 2px) !important;
  margin-right:var(--pm-chart-axis-right) !important;
  overflow:visible !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track::before{
  top:24px !important;
  background:linear-gradient(90deg, transparent, rgba(194,232,255,.10), rgba(31,255,158,.10), transparent) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span{
  position:absolute !important;
  top:0 !important;
  left:50%;
  transform:translateX(-50%) !important;
  width:26px !important;
  height:50px !important;
  display:grid !important;
  grid-template-rows:18px 18px 12px !important;
  place-items:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track span .pm-game-ball{
  width:17px !important;
  height:17px !important;
  object-fit:contain !important;
  display:block !important;
  filter:drop-shadow(0 0 4px rgba(0,0,0,.70)) drop-shadow(0 0 5px rgba(255,255,255,.10));
}
.pm-player-hero-v3 .pm-ph-v3-results-track span b{
  width:17px;
  height:17px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-family:var(--font-display);
  font-size:8px;
  font-weight:1000;
  line-height:1;
  color:#21ff9b;
  background:rgba(31,255,158,.075);
  border:1px solid rgba(31,255,158,.62);
  box-shadow:0 0 0 1px rgba(31,255,158,.04), inset 0 0 7px rgba(31,255,158,.11), 0 0 8px rgba(31,255,158,.22);
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.loss b{
  color:#ff5b73;
  background:rgba(255,66,96,.075);
  border-color:rgba(255,66,96,.68);
  box-shadow:0 0 0 1px rgba(255,66,96,.04), inset 0 0 7px rgba(255,66,96,.12), 0 0 8px rgba(255,66,96,.22);
}
.pm-player-hero-v3 .pm-ph-v3-results-track span.neutral b{
  color:rgba(215,235,245,.78);
  background:rgba(215,235,245,.055);
  border-color:rgba(215,235,245,.40);
}
.pm-player-hero-v3 .pm-ph-v3-results-track span small{
  display:block !important;
  font-family:var(--font-display);
  font-size:8px !important;
  font-weight:900;
  line-height:1;
  color:rgba(216,240,248,.72);
  text-shadow:0 0 6px rgba(0,0,0,.85);
}
.pm-player-hero-v3 .pm-res-current{
  padding-top:16px !important;
  font-size:6.9px !important;
  color:rgba(197,231,245,.52) !important;
}

@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    --pm-chart-axis-left:42px;
    --pm-chart-axis-right:18px;
    min-height:330px !important;
    padding:18px var(--pm-chart-axis-right) 16px var(--pm-chart-axis-left) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-chart::before{ top:62px !important; bottom:112px !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart::after{ bottom:111px !important; }
  .pm-player-hero-v3 .pm-ph-v3-chart svg,
  .pm-player-hero-v3 .pm-ph-v3-dot-layer{ height:205px !important; top:18px !important; }
  .pm-player-hero-v3 .pm-ph-v3-yaxis-html{ top:18px !important; height:205px !important; left:10px !important; }
  .pm-player-hero-v3 .pm-ph-v3-yaxis-html span{ font-size:9px !important; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html{ height:24px !important; margin-top:9px !important; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{ font-size:8px !important; top:8px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{ min-height:62px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track{ height:60px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span{ height:58px !important; grid-template-rows:22px 20px 14px !important; width:32px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span .pm-game-ball{ width:21px !important; height:21px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span b{ width:19px; height:19px; font-size:8.8px; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span small{ font-size:8.7px !important; }
  .pm-player-hero-v3 .pm-chart-html-dot{ width:16px; height:16px; }
}

@media (max-width:370px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    --pm-chart-axis-left:28px;
    --pm-chart-axis-right:10px;
    min-height:266px !important;
    padding-left:var(--pm-chart-axis-left) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-chart svg,
  .pm-player-hero-v3 .pm-ph-v3-dot-layer{ height:150px !important; }
  .pm-player-hero-v3 .pm-ph-v3-yaxis-html{ height:150px !important; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{ font-size:6.3px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span{ width:23px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span .pm-game-ball{ width:15px !important; height:15px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span b{ width:15px; height:15px; font-size:7px; }
  .pm-player-hero-v3 .pm-ph-v3-results-track span small{ font-size:7px !important; }
  .pm-player-hero-v3 .pm-chart-html-dot{ width:12px; height:12px; }
}

/* =========================================================
   PLAYER HERO V15 — CHART PRECISION FINISH
   - Keeps V14 layered chart dots (round HTML nodes)
   - Restores result row quality using ROUND clusters like reference
   - One column per RUNDA, 8/10/9 ball + W/L/N + score per game
   - Removes drifting/one-round-only badge bug from absolute per-game row
   ========================================================= */

.pm-player-hero-v3 .pm-ph-v3-chart{
  --pm-chart-axis-left: 34px;
  --pm-chart-axis-right: 14px;
  --pm-chart-result-width: calc(100% - var(--pm-chart-axis-left) - var(--pm-chart-axis-right));
}

/* Slightly tighter than V14, but keep the layered proportions that fixed the ellipse dots. */
.pm-player-hero-v3 .pm-ph-v3-chart svg,
.pm-player-hero-v3 .pm-ph-v3-dot-layer{
  height: 154px !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart::before{
  top: 48px !important;
  bottom: 106px !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart::after{
  bottom: 105px !important;
}
.pm-player-hero-v3 .pm-ph-v3-yaxis-html{
  top: 13px !important;
  height: 154px !important;
}

/* Make line/dots sharper while preserving the new layered-dot system. */
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .seg-glow{
  stroke-width: 1.68 !important;
  filter: drop-shadow(0 0 2.2px rgba(31,255,158,.36)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .seg-core{
  stroke-width: .68 !important;
  filter: drop-shadow(0 0 .5px rgba(255,255,255,.24)) !important;
}
.pm-player-hero-v3 .pm-chart-html-dot{
  width: 13px !important;
  height: 13px !important;
  will-change: transform;
}
.pm-player-hero-v3 .pm-chart-html-dot::before{
  inset: -5px !important;
}
.pm-player-hero-v3 .pm-chart-html-dot::after{
  inset: 3px !important;
}

/* Result row is now a fixed round-based coordinate system. */
.pm-player-hero-v3 .pm-ph-v3-results-wrap{
  position: relative !important;
  display: block !important;
  height: 78px !important;
  min-height: 78px !important;
  margin-top: 6px !important;
  padding: 0 !important;
  overflow: visible !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track{
  position: absolute !important;
  left: var(--pm-chart-axis-left) !important;
  right: var(--pm-chart-axis-right) !important;
  top: 0 !important;
  width: auto !important;
  height: 72px !important;
  margin: 0 !important;
  overflow: visible !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track::before{
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 31px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(194,232,255,.12), rgba(31,255,158,.12), transparent) !important;
  opacity: .82 !important;
}

.pm-player-hero-v3 .pm-round-result-cluster{
  position: absolute !important;
  top: 0 !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 44px;
  padding: 0 3px;
  overflow: visible !important;
}
.pm-player-hero-v3 .pm-round-result-cluster::before{
  content: '';
  position: absolute;
  left: 50%;
  top: 28px;
  width: 1px;
  height: 34px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(0,229,255,.16), rgba(0,229,255,.035), transparent);
  opacity: .55;
  pointer-events: none;
}

/* Override all older .results-track span rules from previous patches. */
.pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: 24px !important;
  height: 64px !important;
  display: grid !important;
  grid-template-rows: 19px 20px 13px !important;
  align-content: start !important;
  justify-items: center !important;
  gap: 2px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  overflow: visible !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
  width: 17px !important;
  height: 17px !important;
  object-fit: contain !important;
  display: block !important;
  filter:
    drop-shadow(0 0 4px rgba(0,229,255,.18))
    drop-shadow(0 3px 5px rgba(0,0,0,.72)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result.game-8 .pm-game-ball{
  filter: drop-shadow(0 0 4px rgba(255,72,96,.20)) drop-shadow(0 3px 5px rgba(0,0,0,.72)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result.game-10 .pm-game-ball{
  filter: drop-shadow(0 0 5px rgba(82,162,255,.38)) drop-shadow(0 3px 5px rgba(0,0,0,.72)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result.game-9 .pm-game-ball{
  filter: drop-shadow(0 0 5px rgba(255,213,88,.34)) drop-shadow(0 3px 5px rgba(0,0,0,.72)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
  width: 17px !important;
  height: 17px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  font: 1000 7.4px/1 var(--font-display) !important;
  letter-spacing: .02em !important;
  color: #28ff9e !important;
  background: radial-gradient(circle at 50% 42%, rgba(31,255,158,.20), rgba(3,20,18,.95) 72%) !important;
  border: 1px solid rgba(31,255,158,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 1px rgba(31,255,158,.055),
    0 0 9px rgba(31,255,158,.20) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result.loss b{
  color: #ff637c !important;
  background: radial-gradient(circle at 50% 42%, rgba(255,66,96,.22), rgba(24,5,12,.95) 72%) !important;
  border-color: rgba(255,66,96,.76) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 1px rgba(255,66,96,.055),
    0 0 9px rgba(255,66,96,.22) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result.neutral b{
  color: rgba(220,242,250,.90) !important;
  background: radial-gradient(circle at 50% 42%, rgba(174,225,238,.18), rgba(8,20,26,.95) 72%) !important;
  border-color: rgba(174,225,238,.54) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 8px rgba(174,225,238,.13) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
  display: block !important;
  font: 900 7.1px/1 var(--font-display) !important;
  letter-spacing: .02em !important;
  color: rgba(216,240,248,.72) !important;
  text-shadow: 0 0 5px rgba(0,0,0,.85) !important;
  white-space: nowrap !important;
}

.pm-player-hero-v3 .pm-res-label{
  position: absolute !important;
  left: 0 !important;
  top: 29px !important;
  transform: none !important;
  font-size: 7.1px !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  color: rgba(214,244,255,.60) !important;
}
.pm-player-hero-v3 .pm-res-current{
  position: absolute !important;
  right: 0 !important;
  top: 29px !important;
  transform: none !important;
  font-size: 6.7px !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  color: rgba(214,244,255,.56) !important;
}

@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    --pm-chart-axis-left: 42px;
    --pm-chart-axis-right: 18px;
    min-height: 316px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-chart svg,
  .pm-player-hero-v3 .pm-ph-v3-dot-layer{
    height: 186px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-chart::before{
    top: 58px !important;
    bottom: 113px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-chart::after{
    bottom: 112px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-yaxis-html{
    top: 18px !important;
    height: 186px !important;
  }
  .pm-player-hero-v3 .pm-chart-html-dot{
    width: 14px !important;
    height: 14px !important;
  }
  .pm-player-hero-v3 .pm-round-result-cluster{
    gap: 8px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    width: 28px !important;
    height: 68px !important;
    grid-template-rows: 22px 20px 14px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    width: 20px !important;
    height: 20px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    width: 18px !important;
    height: 18px !important;
    font-size: 8px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    font-size: 7.7px !important;
  }
}

@media (max-width:370px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    --pm-chart-axis-left: 28px;
    --pm-chart-axis-right: 10px;
    min-height: 270px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-chart svg,
  .pm-player-hero-v3 .pm-ph-v3-dot-layer{
    height: 146px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-yaxis-html{
    height: 146px !important;
  }
  .pm-player-hero-v3 .pm-round-result-cluster{
    gap: 4px !important;
    min-width: 35px;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    width: 20px !important;
    height: 56px !important;
    grid-template-rows: 16px 17px 11px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    width: 14px !important;
    height: 14px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    width: 15px !important;
    height: 15px !important;
    font-size: 6.4px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    font-size: 6.1px !important;
  }
  .pm-player-hero-v3 .pm-res-label,
  .pm-player-hero-v3 .pm-res-current{
    display: none !important;
  }
}

/* =========================================================
   PLAYER HERO V16 — CHART COORDINATE SYNC / FINAL DOT LOCK
   - Keeps the V15 visual direction that finally worked
   - Locks HTML dots to the same visual plot box used by the SVG line
   - Fixes wide-screen dot drift without making dots elliptical again
   - Adds tighter HUD chart polish and keeps result clusters intact
   ========================================================= */

.pm-player-hero-v3 .pm-ph-v3-chart{
  --pm-chart-svg-top: 13px;
  --pm-chart-svg-height: 154px;
  --pm-dot-y-correction: 0px;
  --pm-dot-size: 13px;
  --pm-dot-core-inset: 3px;
}

/* The SVG line and HTML dot layer now share the same explicit plot box. */
.pm-player-hero-v3 .pm-ph-v3-chart svg{
  height: var(--pm-chart-svg-height) !important;
}
.pm-player-hero-v3 .pm-ph-v3-dot-layer{
  top: var(--pm-chart-svg-top) !important;
  height: var(--pm-chart-svg-height) !important;
  left: var(--pm-chart-axis-left) !important;
  right: var(--pm-chart-axis-right) !important;
  transform: translateZ(0);
  contain: layout style;
}
.pm-player-hero-v3 .pm-chart-html-dot{
  width: var(--pm-dot-size) !important;
  height: var(--pm-dot-size) !important;
  transform: translate3d(-50%, calc(-50% + var(--pm-dot-y-correction)), 0) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.98) 0 15%, rgba(162,255,218,.96) 16% 27%, rgba(31,255,158,.62) 28% 43%, rgba(31,255,158,.16) 44% 61%, rgba(31,255,158,0) 62%) !important;
  box-shadow:
    0 0 0 1px rgba(31,255,158,.55),
    0 0 8px rgba(31,255,158,.66),
    0 0 19px rgba(31,255,158,.24) !important;
}
.pm-player-hero-v3 .pm-chart-html-dot::before{
  inset: calc(var(--pm-dot-size) * -0.44) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(31,255,158,.24), rgba(31,255,158,0) 62%) !important;
}
.pm-player-hero-v3 .pm-chart-html-dot::after{
  inset: var(--pm-dot-core-inset) !important;
  border-radius: 50% !important;
  background: #f3fff9 !important;
  box-shadow:
    0 0 0 1px rgba(2,14,18,.92),
    0 0 7px rgba(255,255,255,.46) !important;
}
.pm-player-hero-v3 .pm-chart-html-dot i{
  inset: 0 !important;
  border-radius: 50% !important;
  border: 1px solid rgba(31,255,158,.82) !important;
  box-shadow: inset 0 0 4px rgba(31,255,158,.26) !important;
}
.pm-player-hero-v3 .pm-chart-html-dot.loss{
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.98) 0 15%, rgba(255,205,213,.96) 16% 27%, rgba(255,66,96,.66) 28% 43%, rgba(255,66,96,.17) 44% 61%, rgba(255,66,96,0) 62%) !important;
  box-shadow:
    0 0 0 1px rgba(255,66,96,.58),
    0 0 9px rgba(255,66,96,.66),
    0 0 20px rgba(255,66,96,.23) !important;
}
.pm-player-hero-v3 .pm-chart-html-dot.loss::before{
  background: radial-gradient(circle, rgba(255,66,96,.27), rgba(255,66,96,0) 62%) !important;
}
.pm-player-hero-v3 .pm-chart-html-dot.loss i{
  border-color: rgba(255,66,96,.86) !important;
  box-shadow: inset 0 0 4px rgba(255,66,96,.28) !important;
}
.pm-player-hero-v3 .pm-chart-html-dot.neutral{
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.96) 0 15%, rgba(220,238,246,.88) 16% 30%, rgba(190,220,232,.36) 31% 53%, rgba(190,220,232,0) 62%) !important;
  box-shadow:
    0 0 0 1px rgba(210,234,244,.42),
    0 0 8px rgba(210,234,244,.25) !important;
}
.pm-player-hero-v3 .pm-chart-html-dot.neutral::before{
  background: radial-gradient(circle, rgba(210,234,244,.18), rgba(210,234,244,0) 62%) !important;
}
.pm-player-hero-v3 .pm-chart-html-dot.neutral i{
  border-color: rgba(210,234,244,.58) !important;
}

/* SVG line remains the source of truth for geometry; make it crisp enough to visually meet the dot center. */
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .seg-glow{
  stroke-width: 1.82 !important;
  filter: drop-shadow(0 0 2.8px rgba(31,255,158,.38)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .seg-core{
  stroke-width: .78 !important;
  stroke-linecap: square !important;
  stroke-linejoin: miter !important;
  filter: drop-shadow(0 0 .6px rgba(255,255,255,.25)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .seg-glow.loss-streak,
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .seg-core.loss-streak{
  stroke: #ff3859 !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .seg-glow.neutral,
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .seg-core.neutral{
  stroke: rgba(220,239,248,.72) !important;
}

/* Plot box visual layer follows the exact same vertical box as the SVG/dots. */
.pm-player-hero-v3 .pm-ph-v3-chart::before{
  top: calc(var(--pm-chart-svg-top) + 35px) !important;
  bottom: 106px !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart::after{
  bottom: 105px !important;
}
.pm-player-hero-v3 .pm-ph-v3-yaxis-html{
  top: var(--pm-chart-svg-top) !important;
  height: var(--pm-chart-svg-height) !important;
}

/* Wide viewports previously showed a subpixel vertical drift; nudge only the dot layer, not the line. */
@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    --pm-chart-svg-top: 18px;
    --pm-chart-svg-height: 186px;
    /* P27: dot/line alignment is correct up to 700px; keep the same zero-y correction on desktop. */
    --pm-dot-y-correction: 0px;
    --pm-dot-size: 14px;
    --pm-dot-core-inset: 3px;
  }
  .pm-player-hero-v3 .pm-ph-v3-chart::before{
    top: calc(var(--pm-chart-svg-top) + 40px) !important;
    bottom: 113px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-chart::after{
    bottom: 112px !important;
  }
}

@media (max-width:370px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    --pm-chart-svg-top: 13px;
    --pm-chart-svg-height: 146px;
    --pm-dot-y-correction: 0px;
    --pm-dot-size: 12px;
    --pm-dot-core-inset: 3px;
  }
}

/* =========================================================
   PLAYER HERO V19 — CHART AXIS / RESULTS COORDINATE LOCK
   Safe fix on top of V16 baseline:
   - Do NOT change the working dot/line renderer.
   - X axis labels and result clusters now use the SAME content-box
     coordinate system as SVG line + HTML dots.
   - This removes the extra horizontal offset/compression caused by
     adding --pm-chart-axis-left twice on the label/result rows.
   ========================================================= */

.pm-player-hero-v3 .pm-ph-v3-xaxis-html{
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.pm-player-hero-v3 .pm-ph-v3-results-wrap{
  position: relative !important;
  box-sizing: border-box !important;
}

.pm-player-hero-v3 .pm-ph-v3-results-track{
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.pm-player-hero-v3 .pm-round-result-cluster{
  transform: translateX(-50%) !important;
}

/* Keep the side labels outside the real coordinate lane so they do not
   force the row to visually start late. */
.pm-player-hero-v3 .pm-res-label{
  left: calc(var(--pm-chart-axis-left) * -1 + 2px) !important;
}
.pm-player-hero-v3 .pm-res-current{
  right: calc(var(--pm-chart-axis-right) * -1 + 1px) !important;
}

@media (max-width:370px){
  .pm-player-hero-v3 .pm-res-label,
  .pm-player-hero-v3 .pm-res-current{
    display:none !important;
  }
}

/* =========================================================
   PLAYER HERO V20 — CHART ROUND SEPARATORS + COLORED CORES
   Safe patch on top of V19:
   - keeps the working V16/V19 chart geometry and result alignment
   - adds subtle vertical separators between RUNDA columns
   - changes inner dot cores from white to green/red by result
   ========================================================= */

/* Keep round separators in the exact same coordinate lane as x-axis/results. */
.pm-player-hero-v3 .pm-ph-v3-round-separators{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  top:calc(var(--pm-chart-svg-top) + var(--pm-chart-svg-height) + 2px);
  bottom:74px;
  pointer-events:none;
  overflow:visible;
}
.pm-player-hero-v3 .pm-ph-v3-round-separators span{
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(0,229,255,.16) 16%,
    rgba(31,255,158,.10) 48%,
    rgba(0,229,255,.11) 76%,
    transparent 100%);
  box-shadow:0 0 8px rgba(0,229,255,.045);
  opacity:.78;
}

/* Add a very subtle separator feeling inside the result lane, without moving clusters. */
.pm-player-hero-v3 .pm-ph-v3-results-track{
  background:
    linear-gradient(180deg, rgba(0,229,255,.018), transparent 50%, rgba(0,0,0,.05)) !important;
  border-radius:8px;
}
.pm-player-hero-v3 .pm-round-result-cluster::before{
  display:none !important;
}

/* Dot core colors: no more white center; W=green, L=red. */
.pm-player-hero-v3 .pm-chart-html-dot::after{
  background:radial-gradient(circle at 42% 35%, #efffff 0 9%, #6dffd0 10% 42%, #20f894 43% 100%) !important;
  box-shadow:
    0 0 0 1px rgba(2,14,18,.92),
    0 0 5px rgba(31,255,158,.58),
    inset 0 0 4px rgba(255,255,255,.28) !important;
}
.pm-player-hero-v3 .pm-chart-html-dot.loss::after{
  background:radial-gradient(circle at 42% 35%, #fff0f4 0 9%, #ff7890 10% 42%, #ff3859 43% 100%) !important;
  box-shadow:
    0 0 0 1px rgba(20,3,7,.92),
    0 0 5px rgba(255,66,96,.58),
    inset 0 0 4px rgba(255,255,255,.22) !important;
}
.pm-player-hero-v3 .pm-chart-html-dot.neutral::after{
  background:radial-gradient(circle at 42% 35%, #f4fbff 0 10%, #b9dcea 11% 52%, #789eac 53% 100%) !important;
  box-shadow:
    0 0 0 1px rgba(2,14,18,.88),
    0 0 4px rgba(200,230,242,.25),
    inset 0 0 3px rgba(255,255,255,.20) !important;
}
.pm-player-hero-v3 .pm-chart-html-dot i{
  border-color:rgba(99,255,198,.88) !important;
}
.pm-player-hero-v3 .pm-chart-html-dot.loss i{
  border-color:rgba(255,91,119,.90) !important;
}

/* Make x-axis labels and result clusters read as one locked modular system. */
.pm-player-hero-v3 .pm-ph-v3-xaxis-html{
  border-top-color:rgba(190,232,255,.09) !important;
}
.pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
  color:rgba(207,239,250,.64) !important;
  text-shadow:0 0 6px rgba(0,0,0,.82), 0 0 9px rgba(0,229,255,.10) !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track::before{
  opacity:.65 !important;
}

@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-round-separators{
    top:calc(var(--pm-chart-svg-top) + var(--pm-chart-svg-height) + 4px);
    bottom:82px;
  }
  .pm-player-hero-v3 .pm-ph-v3-round-separators span{
    opacity:.72;
  }
}

@media (max-width:370px){
  .pm-player-hero-v3 .pm-ph-v3-round-separators{
    bottom:68px;
  }
}

/* =========================================================
   PLAYER PAGE RESPONSIVE V23 — FINAL SCROLLER + WIDTH STANDARD
   Baseline: V20/V22 restored chart direction
   - Graph stays static on mobile.
   - Only RUNDA + REZULTAT lane scrolls horizontally.
   - Removes blank vertical area created by oversized scroll reserve.
   - Player page desktop width follows standings/index standard.
   ========================================================= */

/* Desktop/tablet page width: match the wider index/standings standard,
   but keep content centered and controlled. */
.pm-wrap.pm-player-wrap{
  width:100%;
}
@media (min-width:900px){
  .pm-wrap.pm-player-wrap{
    /* Same desktop width standard as index/standings page.
       Do not cap hero/bottom-grid separately, because that made player.php
       visibly narrower than index.php on large screens. */
    max-width:1760px !important;
    padding-left:clamp(18px, 2.4vw, 46px) !important;
    padding-right:clamp(18px, 2.4vw, 46px) !important;
  }
  .pm-wrap.pm-player-wrap > .pm-player-hero-v3,
  .pm-wrap.pm-player-wrap > .pm-bottom-grid{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* Axis/result wrapper is inert on larger screens; old absolute coordinate
   layout remains the source of truth there. */
.pm-player-hero-v3 .pm-ph-v3-axis-scroll{
  position:relative;
  overflow:visible;
  max-width:100%;
}

/* Mobile: graph remains static. Only the textual/detail lane underneath
   becomes a professional horizontal scroller. */
@media (max-width:700px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    --pm-round-col-mobile: 58px;
    --pm-round-lane-width: max(100%, calc(var(--pm-round-count, 1) * var(--pm-round-col-mobile)));
    min-height: auto !important;
    padding-bottom: 12px !important;
  }

  /* Keep plot proportions from the good V20/V16 direction. */
  .pm-player-hero-v3 .pm-ph-v3-chart svg,
  .pm-player-hero-v3 .pm-ph-v3-dot-layer{
    height: var(--pm-chart-svg-height) !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-axis-scroll{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    padding:0 0 4px !important;
    margin:4px 0 0 !important;
    scrollbar-width:thin;
    scrollbar-color:rgba(0,229,255,.55) rgba(0,25,36,.18);
  }
  .pm-player-hero-v3 .pm-ph-v3-axis-scroll::-webkit-scrollbar{ height:4px; }
  .pm-player-hero-v3 .pm-ph-v3-axis-scroll::-webkit-scrollbar-track{ background:rgba(0,25,36,.22); border-radius:999px; }
  .pm-player-hero-v3 .pm-ph-v3-axis-scroll::-webkit-scrollbar-thumb{ background:linear-gradient(90deg, rgba(0,229,255,.65), rgba(31,255,158,.65)); border-radius:999px; }

  /* RUNDA row: same column width as result row; no absolute left% on mobile. */
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html{
    position:relative !important;
    display:flex !important;
    width:var(--pm-round-lane-width) !important;
    min-width:var(--pm-round-lane-width) !important;
    height:20px !important;
    margin:0 !important;
    padding:0 !important;
    border-top:1px solid rgba(190,232,255,.08) !important;
    box-sizing:border-box !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    flex:0 0 var(--pm-round-col-mobile) !important;
    width:var(--pm-round-col-mobile) !important;
    height:20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:6.9px !important;
    line-height:1 !important;
    letter-spacing:.08em !important;
    white-space:nowrap !important;
  }

  /* Result row: only this lane scrolls. No extra empty reserve below it. */
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{
    display:block !important;
    padding:0 !important;
    margin:0 !important;
    min-height:66px !important;
    height:66px !important;
    overflow:visible !important;
  }
  .pm-player-hero-v3 .pm-res-label,
  .pm-player-hero-v3 .pm-res-current{
    display:none !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track{
    position:relative !important;
    display:flex !important;
    align-items:flex-start !important;
    width:var(--pm-round-lane-width) !important;
    min-width:var(--pm-round-lane-width) !important;
    height:64px !important;
    margin:0 !important;
    padding:0 !important;
    left:auto !important;
    right:auto !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    background:linear-gradient(180deg, rgba(0,229,255,.018), transparent 50%, rgba(0,0,0,.045)) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track::before{
    top:23px !important;
    left:0 !important;
    right:0 !important;
    opacity:.62 !important;
  }

  .pm-player-hero-v3 .pm-round-result-cluster{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    flex:0 0 var(--pm-round-col-mobile) !important;
    width:var(--pm-round-col-mobile) !important;
    min-width:var(--pm-round-col-mobile) !important;
    height:64px !important;
    padding:0 4px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
    gap:5px !important;
    border-left:1px solid rgba(0,229,255,.08);
    box-sizing:border-box !important;
  }
  .pm-player-hero-v3 .pm-round-result-cluster:first-child{ border-left:0; }
  .pm-player-hero-v3 .pm-round-result-cluster::after{
    content:'';
    position:absolute;
    right:0;
    top:-20px;
    bottom:3px;
    width:1px;
    background:linear-gradient(180deg, transparent, rgba(0,229,255,.14), rgba(31,255,158,.08), transparent);
    opacity:.72;
    pointer-events:none;
  }
  .pm-player-hero-v3 .pm-round-result-cluster:last-child::after{ display:none; }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    width:22px !important;
    height:58px !important;
    grid-template-rows:17px 18px 12px !important;
    gap:1px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    width:16px !important;
    height:16px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    width:16px !important;
    height:16px !important;
    font-size:7px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    font-size:6.8px !important;
  }

  /* Static round separator layer belongs to the plot, not the scroller, on mobile.
     Hide it to avoid duplicate verticals; scroller has its own column dividers. */
  .pm-player-hero-v3 .pm-ph-v3-round-separators{
    display:none !important;
  }

  /* Remove the empty block feeling under the result lane. */
  .pm-player-hero-v3 .pm-ph-v3-form-foot{
    margin-top:8px !important;
  }
}

@media (max-width:370px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    --pm-round-col-mobile: 54px;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{
    min-height:62px !important;
    height:62px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track{
    height:60px !important;
  }
  .pm-player-hero-v3 .pm-round-result-cluster{
    height:60px !important;
    gap:4px !important;
  }
}

/* =========================================================
   PATCH 28 — PLAYER TRUE INDEX WIDTH + DESKTOP SVG TOP LOCK
   Baseline: server ZIP after P27
   - Index/standings uses 1900px; player wrapper now uses the same hard max.
   - Critical dot fix: desktop SVG had inherited relative top offset, while the
     HTML dot layer was already positioned by --pm-chart-svg-top. That double
     shifted only the SVG line after the 701px breakpoint. Mobile stayed correct.
   ========================================================= */
@media (min-width:900px){
  .pm-wrap.pm-player-wrap{
    max-width:1900px !important;
  }
}

.pm-player-hero-v3 .pm-ph-v3-chart svg{
  top:0 !important;
}

/* =========================================================
   PATCH 30 — RESTORE RUNDA STRIP + SAFE DESKTOP LANE CENTER
   - Fixes PATCH 29 regression: never override inline left/width with
     left:auto on desktop, because PHP writes the exact lane_left/lane_width.
   - RUNDA labels and result clusters keep the same lane box and only center
     their internal content.
   - Dot/line chart and mobile scroller remain untouched.
   ========================================================= */
@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
    position:absolute !important;
    /* IMPORTANT: left + width come from inline PHP lane_left/lane_width. */
    transform:none !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }

  .pm-player-hero-v3 .pm-round-result-cluster{
    position:absolute !important;
    /* IMPORTANT: left + width come from inline PHP lane_left/lane_width. */
    transform:none !important;
    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    padding-left:2px !important;
    padding-right:2px !important;
  }

  .pm-player-hero-v3 .pm-round-result-cluster::after{
    content:'';
    position:absolute;
    right:0;
    top:-23px;
    bottom:7px;
    width:1px;
    transform:translateX(50%);
    background:linear-gradient(180deg,
      transparent 0%,
      rgba(0,229,255,.15) 17%,
      rgba(31,255,158,.08) 50%,
      rgba(0,229,255,.10) 78%,
      transparent 100%);
    opacity:.58;
    pointer-events:none;
  }
  .pm-player-hero-v3 .pm-round-result-cluster:last-child::after{
    display:none !important;
  }
}

/* =========================================================
   PATCH 31 — MID VIEWPORT ROUND/RESULT SCROLLER
   - Keeps the graph itself static and untouched.
   - From 701px to 1500px, only RUNDA + REZULTAT lane scrolls horizontally,
     same proven concept as mobile, so 15 rounds are not squeezed.
   - Above 1500px the desktop lane remains full-width.
   ========================================================= */
@media (min-width:701px) and (max-width:1500px){
  .pm-player-hero-v3 .pm-ph-v3-chart{
    --pm-round-col-mid: 86px;
    --pm-round-lane-width: max(100%, calc(var(--pm-round-count, 1) * var(--pm-round-col-mid)));
  }

  .pm-player-hero-v3 .pm-ph-v3-axis-scroll{
    position:relative !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    padding:0 0 5px !important;
    margin:5px 0 0 !important;
    max-width:100% !important;
    scrollbar-width:thin;
    scrollbar-color:rgba(0,229,255,.55) rgba(0,25,36,.18);
  }
  .pm-player-hero-v3 .pm-ph-v3-axis-scroll::-webkit-scrollbar{ height:5px; }
  .pm-player-hero-v3 .pm-ph-v3-axis-scroll::-webkit-scrollbar-track{ background:rgba(0,25,36,.22); border-radius:999px; }
  .pm-player-hero-v3 .pm-ph-v3-axis-scroll::-webkit-scrollbar-thumb{ background:linear-gradient(90deg, rgba(0,229,255,.70), rgba(31,255,158,.65)); border-radius:999px; }

  .pm-player-hero-v3 .pm-ph-v3-xaxis-html{
    position:relative !important;
    display:flex !important;
    width:var(--pm-round-lane-width) !important;
    min-width:var(--pm-round-lane-width) !important;
    height:21px !important;
    margin:0 !important;
    padding:0 !important;
    border-top:1px solid rgba(190,232,255,.08) !important;
    box-sizing:border-box !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    flex:0 0 var(--pm-round-col-mid) !important;
    width:var(--pm-round-col-mid) !important;
    height:21px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.08em !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-wrap{
    display:block !important;
    padding:0 !important;
    margin:0 !important;
    min-height:68px !important;
    height:68px !important;
    overflow:visible !important;
  }
  .pm-player-hero-v3 .pm-res-label,
  .pm-player-hero-v3 .pm-res-current{
    display:none !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track{
    position:relative !important;
    display:flex !important;
    align-items:flex-start !important;
    width:var(--pm-round-lane-width) !important;
    min-width:var(--pm-round-lane-width) !important;
    height:66px !important;
    margin:0 !important;
    padding:0 !important;
    left:auto !important;
    right:auto !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    background:linear-gradient(180deg, rgba(0,229,255,.018), transparent 50%, rgba(0,0,0,.045)) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track::before{
    top:24px !important;
    left:0 !important;
    right:0 !important;
    opacity:.62 !important;
  }
  .pm-player-hero-v3 .pm-round-result-cluster{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    flex:0 0 var(--pm-round-col-mid) !important;
    width:var(--pm-round-col-mid) !important;
    min-width:var(--pm-round-col-mid) !important;
    height:66px !important;
    padding:0 7px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:flex-start !important;
    gap:6px !important;
    border-left:1px solid rgba(0,229,255,.08);
    box-sizing:border-box !important;
  }
  .pm-player-hero-v3 .pm-round-result-cluster:first-child{ border-left:0; }
  .pm-player-hero-v3 .pm-round-result-cluster::after{
    content:'';
    position:absolute;
    right:0;
    top:-21px;
    bottom:4px;
    width:1px;
    transform:none !important;
    background:linear-gradient(180deg, transparent, rgba(0,229,255,.14), rgba(31,255,158,.08), transparent);
    opacity:.72;
    pointer-events:none;
  }
  .pm-player-hero-v3 .pm-round-result-cluster:last-child::after{ display:none !important; }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    width:24px !important;
    height:60px !important;
    grid-template-rows:18px 18px 13px !important;
    gap:1px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    width:17px !important;
    height:17px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    width:17px !important;
    height:17px !important;
    font-size:7.2px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    font-size:7px !important;
  }

  /* Static separator layer belongs to the non-scrolling plot. The lane now has
     its own synced dividers, so hiding this prevents duplicate/misaligned lines. */
  .pm-player-hero-v3 .pm-ph-v3-round-separators{
    display:none !important;
  }
}

@media (min-width:701px) and (max-width:980px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ --pm-round-col-mid: 74px; }
}
@media (min-width:1201px) and (max-width:1500px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ --pm-round-col-mid: 92px; }
}

/* =========================================================
   PATCH 32 — DESKTOP 1500+ SEPARATOR LOCK
   - Keeps PATCH 31 behaviour for 701–1500px untouched.
   - On large desktop, removes the older center-line separator from each
     result cluster and uses the same RIGHT-BORDER lane divider concept that
     looks correct below 1500px.
   - Dot/line chart geometry is untouched.
   ========================================================= */
@media (min-width:1501px){
  .pm-player-hero-v3 .pm-ph-v3-axis-scroll{
    overflow:visible !important;
    padding-bottom:0 !important;
  }

  /* The old cluster ::before draws a vertical line through the MIDDLE of the
     round lane. That is why separators look wrong on wide screens. */
  .pm-player-hero-v3 .pm-round-result-cluster::before{
    display:none !important;
    content:none !important;
  }

  /* Same visual logic as the good 701–1500px state: divider belongs to the
     RIGHT EDGE of the round lane, not to the center of the lane. */
  .pm-player-hero-v3 .pm-round-result-cluster::after{
    content:'' !important;
    display:block !important;
    position:absolute !important;
    right:0 !important;
    top:-23px !important;
    bottom:5px !important;
    width:1px !important;
    transform:translateX(50%) !important;
    background:linear-gradient(180deg,
      transparent 0%,
      rgba(0,229,255,.15) 17%,
      rgba(31,255,158,.08) 50%,
      rgba(0,229,255,.10) 78%,
      transparent 100%) !important;
    opacity:.62 !important;
    pointer-events:none !important;
  }
  .pm-player-hero-v3 .pm-round-result-cluster:last-child::after{
    display:none !important;
  }

  /* Avoid duplicate/misaligned separator systems on the large desktop lane. */
  .pm-player-hero-v3 .pm-ph-v3-round-separators{
    display:none !important;
  }
}

/* =========================================================
   PATCH 33 — PLAYER HERO IDENTITY / STATUS / STATS PREMIUM POLISH
   - Category is now only the avatar shield; identity cards show Ranking + Group.
   - Avatar category shield is reshaped closer to the reference badge.
   - Status cards and stats cards get stronger premium HUD hierarchy.
   - Chart/round/result geometry is untouched.
   ========================================================= */
.pm-player-hero-v3 .pm-ph-v3-shield{
  clip-path:polygon(10% 0, 90% 0, 100% 14%, 100% 70%, 50% 100%, 0 70%, 0 14%) !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 50% 16%, rgba(31,255,202,.28), transparent 42%),
    linear-gradient(180deg, rgba(0,229,255,.28), rgba(0,50,58,.82) 58%, rgba(0,14,20,.98)) !important;
  border:0 !important;
  box-shadow:
    0 15px 28px rgba(0,0,0,.58),
    0 0 0 1px rgba(0,229,255,.70),
    0 0 22px rgba(0,229,255,.42),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  text-shadow:0 0 14px rgba(31,255,202,.58) !important;
}
.pm-player-hero-v3 .pm-ph-v3-shield::before{
  content:'';
  position:absolute;
  inset:1px;
  clip-path:inherit;
  background:linear-gradient(180deg, rgba(255,255,255,.13), transparent 38%, rgba(0,0,0,.22));
  pointer-events:none;
}
.pm-player-hero-v3 .pm-ph-v3-meta-rank{
  border-color:rgba(31,255,158,.34) !important;
  background:
    radial-gradient(circle at 88% 14%, rgba(31,255,158,.18), transparent 36%),
    linear-gradient(180deg, rgba(0,145,255,.13), rgba(0,0,0,.20)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-meta-rank strong{
  color:var(--neon2) !important;
}
.pm-player-hero-v3 .pm-ph-v3-status{
  position:relative !important;
  overflow:hidden !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 10px 24px rgba(0,0,0,.22) !important;
}
.pm-player-hero-v3 .pm-ph-v3-status::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,.08), transparent 38%, rgba(0,229,255,.05));
  opacity:.55;
  pointer-events:none;
}
.pm-player-hero-v3 .pm-ph-v3-status span{
  color:rgba(200,232,245,.62) !important;
  font-weight:950 !important;
}
.pm-player-hero-v3 .pm-ph-v3-status.is-live{
  border-color:rgba(255,43,73,.62) !important;
  background:linear-gradient(135deg, rgba(255,43,73,.20), rgba(0,0,0,.22) 58%, rgba(0,145,255,.06)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-status.is-muted{
  border-color:rgba(0,229,255,.20) !important;
  opacity:1 !important;
}
.pm-player-hero-v3 .pm-ph-v3-status.is-playoff{
  border-color:rgba(31,255,126,.50) !important;
  background:linear-gradient(135deg, rgba(31,255,126,.16), rgba(0,0,0,.22) 58%, rgba(0,229,255,.06)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-status.is-streak{
  border-color:rgba(255,201,77,.50) !important;
  background:linear-gradient(135deg, rgba(255,201,77,.16), rgba(0,0,0,.22) 58%, rgba(0,145,255,.06)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat{
  border-color:rgba(0,229,255,.18) !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(0,229,255,.12), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(0,0,0,.24)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-main{
  border-color:rgba(0,229,255,.30) !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff{
  border-color:rgba(255,43,73,.26) !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,43,73,.11), transparent 35%),
    radial-gradient(circle at 86% 18%, rgba(0,229,255,.10), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.050), rgba(0,0,0,.24)) !important;
}

@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-shield{
    min-width:76px !important;
    height:68px !important;
    bottom:-26px !important;
    font-size:34px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta span{
    width:112px !important;
    min-height:78px !important;
    border-radius:18px !important;
    padding:13px 15px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta small{
    font-size:10px !important;
    letter-spacing:.14em !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta strong{
    margin-top:4px !important;
    font-size:30px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height:82px !important;
    padding:17px 20px !important;
    border-radius:18px !important;
    grid-template-columns:38px 1fr !important;
    column-gap:15px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status i{
    font-size:28px !important;
    filter:drop-shadow(0 0 10px currentColor) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status span{
    font-size:10px !important;
    letter-spacing:.14em !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status strong{
    margin-top:4px !important;
    font-size:17px !important;
    letter-spacing:.04em !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stats{
    gap:16px !important;
    margin-top:18px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat{
    min-height:96px !important;
    padding:16px 18px !important;
    border-radius:18px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    min-height:116px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat span{
    font-size:9.6px !important;
    letter-spacing:.15em !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat strong{
    margin-top:10px !important;
    font-size:30px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{
    font-size:50px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat em{
    margin-top:9px !important;
    font-size:12px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat i{
    right:17px !important;
    bottom:16px !important;
    font-size:23px !important;
    opacity:.74 !important;
    filter:drop-shadow(0 0 10px rgba(0,229,255,.35)) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-diff svg{
    height:30px !important;
    bottom:16px !important;
    left:50% !important;
    width:45% !important;
  }
}

@media (max-width:700px){
  .pm-player-hero-v3 .pm-ph-v3-meta span{
    width:min(86px, 48%) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-shield{
    min-width:50px !important;
    height:46px !important;
    bottom:-16px !important;
  }
}

/* =========================================================
   PATCH 34 — PLAYER HERO CINEMATIC POLISH OVER 33
   Focus only: identity/status/stats visual polish. Chart geometry untouched.
   ========================================================= */
.pm-player-hero-v3{
  position:relative !important;
  isolation:isolate !important;
  background:
    radial-gradient(circle at 18% 15%, rgba(255,54,88,.115), transparent 30%),
    radial-gradient(circle at 82% 18%, rgba(0,156,255,.18), transparent 36%),
    radial-gradient(circle at 48% 45%, rgba(31,255,190,.075), transparent 45%),
    linear-gradient(135deg, rgba(8,24,31,.94), rgba(0,11,18,.94) 58%, rgba(0,38,65,.82)) !important;
  box-shadow:
    0 26px 70px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 0 0 1px rgba(0,229,255,.20),
    0 0 42px rgba(0,229,255,.08) !important;
}
.pm-player-hero-v3::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:
    linear-gradient(90deg, rgba(255,43,73,.10), transparent 32%, transparent 66%, rgba(0,145,255,.13)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 92px);
  opacity:.78;
  pointer-events:none;
}
.pm-player-hero-v3 .pm-ph-v3-photo-wrap{
  filter:drop-shadow(0 0 18px rgba(0,229,255,.18)) drop-shadow(0 22px 28px rgba(0,0,0,.42)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-photo{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(0,229,255,.78) !important;
  box-shadow:
    0 0 0 1px rgba(31,255,202,.16),
    0 0 28px rgba(0,229,255,.48),
    0 0 42px rgba(31,255,202,.18),
    inset 0 0 24px rgba(0,229,255,.12),
    0 20px 36px rgba(0,0,0,.50) !important;
}
.pm-player-hero-v3 .pm-ph-v3-photo::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), transparent 24%, transparent 72%, rgba(0,229,255,.12)),
    radial-gradient(circle at 50% 92%, rgba(31,255,202,.28), transparent 30%);
  mix-blend-mode:screen;
  opacity:.55;
  pointer-events:none;
}
.pm-player-hero-v3 .pm-ph-v3-shield{
  width:72px !important;
  min-width:72px !important;
  height:66px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  clip-path:polygon(14% 0, 86% 0, 100% 20%, 100% 67%, 50% 100%, 0 67%, 0 20%) !important;
  background:
    linear-gradient(180deg, rgba(31,255,202,.34), rgba(0,110,104,.72) 46%, rgba(0,24,28,.98) 100%) !important;
  box-shadow:
    0 18px 30px rgba(0,0,0,.58),
    0 0 0 1px rgba(31,255,202,.74),
    0 0 26px rgba(0,229,255,.48),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -16px 22px rgba(0,0,0,.24) !important;
}
.pm-player-hero-v3 .pm-ph-v3-nameblock h1{
  color:#24d989 !important;
  text-shadow:
    0 0 18px rgba(31,255,158,.24),
    0 2px 0 rgba(0,0,0,.45) !important;
  letter-spacing:-.035em !important;
}
.pm-player-hero-v3 .pm-ph-v3-nick{
  color:#ffc94d !important;
  text-shadow:0 0 12px rgba(255,201,77,.24) !important;
}
.pm-player-hero-v3 .pm-ph-v3-season{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.045) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.pm-player-hero-v3 .pm-ph-v3-meta span{
  background:
    radial-gradient(circle at 85% 16%, rgba(0,229,255,.13), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(0,18,28,.34)) !important;
  border-color:rgba(0,229,255,.25) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 12px 25px rgba(0,0,0,.22) !important;
}
.pm-player-hero-v3 .pm-ph-v3-meta span strong{
  color:#24e6ff !important;
  text-shadow:0 0 16px rgba(0,229,255,.34) !important;
}
.pm-player-hero-v3 .pm-ph-v3-meta-rank strong{
  color:#2bff9f !important;
  text-shadow:0 0 16px rgba(31,255,158,.36) !important;
}
.pm-player-hero-v3 .pm-ph-v3-status{
  backdrop-filter:blur(10px) saturate(1.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 16px 34px rgba(0,0,0,.30) !important;
}
.pm-player-hero-v3 .pm-ph-v3-status strong{
  text-transform:uppercase !important;
  font-weight:1000 !important;
}
.pm-player-hero-v3 .pm-ph-v3-status.is-muted i{ color:#00e5ff !important; }
.pm-player-hero-v3 .pm-ph-v3-status.is-playoff i{ color:#58ff75 !important; }
.pm-player-hero-v3 .pm-ph-v3-status.is-streak i{ color:#ffc94d !important; }
.pm-player-hero-v3 .pm-ph-v3-status.is-live i{ color:#ff2b49 !important; }
.pm-player-hero-v3 .pm-ph-v3-stat{
  position:relative !important;
  overflow:hidden !important;
  backdrop-filter:blur(8px) saturate(1.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 15px 32px rgba(0,0,0,.24) !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(255,255,255,.075), transparent 33%, rgba(0,229,255,.04));
  opacity:.55;
  pointer-events:none;
}
.pm-player-hero-v3 .pm-ph-v3-stat span{
  color:rgba(210,235,246,.66) !important;
  font-weight:1000 !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat strong{
  color:#f4fbff !important;
  text-shadow:0 0 13px rgba(255,255,255,.12), 0 2px 0 rgba(0,0,0,.38) !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-main em{
  color:#2bff9f !important;
  text-shadow:0 0 10px rgba(31,255,158,.36) !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff strong{
  color:#ff4f70 !important;
  text-shadow:0 0 16px rgba(255,66,96,.28) !important;
}

@media (min-width:701px){
  .pm-player-hero-v3{
    padding:34px 38px 34px !important;
    grid-template-columns:minmax(0,1fr) 336px !important;
    gap:22px 34px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-identity{
    grid-template-columns:210px minmax(0,1fr) !important;
    gap:38px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo-wrap,
  .pm-player-hero-v3 .pm-ph-v3-photo{
    width:210px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo{
    height:210px !important;
    border-radius:34px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-shield{
    width:78px !important;
    min-width:78px !important;
    height:72px !important;
    bottom:-31px !important;
    font-size:37px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-nameblock h1{
    font-size:clamp(46px, 3.35vw, 64px) !important;
    line-height:.88 !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-nick{
    margin-top:14px !important;
    font-size:16px !important;
    letter-spacing:.29em !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta{
    margin-top:30px !important;
    gap:18px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta span{
    width:132px !important;
    min-height:86px !important;
    padding:16px 18px !important;
    border-radius:20px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta small{
    font-size:10px !important;
    letter-spacing:.18em !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta strong{
    margin-top:8px !important;
    font-size:34px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-season{
    margin-top:26px !important;
    padding:9px 16px !important;
    border-radius:14px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-statuses{
    gap:15px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height:92px !important;
    padding:19px 22px !important;
    border-radius:20px !important;
    grid-template-columns:44px 1fr !important;
    column-gap:17px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status i{
    font-size:31px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status span{
    font-size:10.5px !important;
    letter-spacing:.17em !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status strong{
    font-size:18px !important;
    margin-top:7px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stats{
    grid-template-columns:1.05fr 1.05fr repeat(4,.76fr) !important;
    gap:16px !important;
    margin-top:22px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat{
    min-height:104px !important;
    padding:18px 20px !important;
    border-radius:20px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    min-height:124px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat strong{
    font-size:33px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{
    font-size:56px !important;
  }
}

@media (min-width:1500px){
  .pm-player-hero-v3{
    grid-template-columns:minmax(0,1fr) 380px !important;
    padding:38px 46px 38px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height:96px !important;
  }
}

@media (max-width:700px){
  .pm-player-hero-v3{
    background:
      radial-gradient(circle at 20% 9%, rgba(255,54,88,.11), transparent 32%),
      radial-gradient(circle at 82% 10%, rgba(0,156,255,.18), transparent 38%),
      linear-gradient(135deg, rgba(8,24,31,.94), rgba(0,11,18,.94) 62%, rgba(0,38,65,.82)) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo{
    box-shadow:
      0 0 0 1px rgba(31,255,202,.14),
      0 0 24px rgba(0,229,255,.46),
      0 16px 28px rgba(0,0,0,.46) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-shield{
    width:52px !important;
    min-width:52px !important;
    height:48px !important;
    font-size:24px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-nameblock h1{
    font-size:clamp(28px, 7.4vw, 36px) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta span{
    border-radius:15px !important;
  }
}

/* =========================================================
   PATCH 35 — HERO REFERENCE LOCK: avatar frame, shield plate,
   compact tablet layout. Chart geometry untouched.
   ========================================================= */
.pm-player-hero-v3 .pm-ph-v3-photo{
  border:2px solid rgba(0,245,255,.88) !important;
  background:linear-gradient(145deg, rgba(0,229,255,.20), rgba(0,17,24,.92)) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.18),
    0 0 0 4px rgba(0,229,255,.055),
    0 0 32px rgba(0,229,255,.54),
    0 0 58px rgba(31,255,202,.18),
    inset 0 0 0 1px rgba(0,12,18,.74),
    inset 0 0 28px rgba(0,229,255,.10),
    0 22px 42px rgba(0,0,0,.58) !important;
}
.pm-player-hero-v3 .pm-ph-v3-photo::before{
  content:'' !important;
  position:absolute !important;
  inset:5px !important;
  border-radius:calc(34px - 5px) !important;
  box-shadow:inset 0 0 18px rgba(0,229,255,.12) !important;
  pointer-events:none !important;
  z-index:2 !important;
}
.pm-player-hero-v3 .pm-ph-v3-photo img{
  filter:contrast(1.06) saturate(1.06) brightness(.95) !important;
  padding-bottom: 2px;
}
.pm-player-hero-v3 .pm-ph-v3-shield{
  width:66px !important;
  min-width:66px !important;
  height:62px !important;
  bottom:-28px !important;
  padding:0 !important;
  color:#22ffd4 !important;
  clip-path:polygon(15% 0,85% 0,100% 18%,100% 65%,50% 100%,0 65%,0 18%) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(0,229,255,.20), transparent 38%),
    linear-gradient(180deg, rgba(0,68,76,.94), rgba(0,32,39,.98) 46%, rgba(0,11,17,.99) 100%) !important;
  box-shadow:
    0 18px 30px rgba(0,0,0,.66),
    0 0 0 1px rgba(0,245,255,.88),
    0 0 0 4px rgba(0,229,255,.055),
    0 0 28px rgba(0,229,255,.50),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -18px 24px rgba(0,0,0,.34) !important;
  text-shadow:0 0 14px rgba(31,255,202,.62), 0 2px 0 rgba(0,0,0,.50) !important;
}
.pm-player-hero-v3 .pm-ph-v3-shield::before{
  content:'' !important;
  position:absolute !important;
  inset:5px 6px 7px !important;
  clip-path:inherit !important;
  background:linear-gradient(180deg, rgba(255,255,255,.08), transparent 44%, rgba(0,0,0,.18)) !important;
  pointer-events:none !important;
}
.pm-player-hero-v3 .pm-ph-v3-shield.pm-cat-a,
.pm-player-hero-v3 .pm-ph-v3-shield.pm-cat-А,
.pm-player-hero-v3 .pm-ph-v3-shield.pm-cat-b{
  background:
    radial-gradient(circle at 50% 18%, rgba(0,229,255,.18), transparent 38%),
    linear-gradient(180deg, rgba(0,68,76,.94), rgba(0,32,39,.98) 46%, rgba(0,11,17,.99) 100%) !important;
  color:#22ffd4 !important;
  box-shadow:
    0 18px 30px rgba(0,0,0,.66),
    0 0 0 1px rgba(0,245,255,.88),
    0 0 0 4px rgba(0,229,255,.055),
    0 0 28px rgba(0,229,255,.50),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -18px 24px rgba(0,0,0,.34) !important;
}

/* Tablet / small desktop: avoid the 900-1100px hero squeeze. */
@media (min-width:701px) and (max-width:1100px){
  .pm-player-hero-v3{
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding:28px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-identity{
    grid-column:1 !important;
    grid-template-columns:170px minmax(0,1fr) !important;
    gap:24px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo-wrap,
  .pm-player-hero-v3 .pm-ph-v3-photo{
    width:170px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo{
    height:170px !important;
    border-radius:71px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo::before{
    border-radius:24px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-shield{
    width:62px !important;
    min-width:62px !important;
    height:58px !important;
    bottom:-25px !important;
    font-size:30px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-nameblock h1{
    font-size:clamp(34px, 5.1vw, 48px) !important;
    line-height:.94 !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-nick{
    margin-top:10px !important;
    font-size:13px !important;
    letter-spacing:.23em !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta{
    margin-top:20px !important;
    gap:10px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta span{
    width:96px !important;
    min-width:96px !important;
    min-height:64px !important;
    padding:10px 12px !important;
    border-radius:16px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta strong{
    font-size:25px !important;
    margin-top:5px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-season{
    margin-top:14px !important;
    max-width:100% !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-statuses{
    grid-column:1 !important;
    grid-row:auto !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
    margin-top:2px !important;
    width:100% !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height:66px !important;
    padding:12px 13px !important;
    border-radius:17px !important;
    grid-template-columns:28px 1fr !important;
    column-gap:10px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status i{
    font-size:22px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status span{
    font-size:8.5px !important;
    letter-spacing:.12em !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status strong{
    font-size:13px !important;
    margin-top:4px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stats{
    grid-column:1 !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:10px !important;
    margin-top:0 !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat{
    min-height:78px !important;
    padding:12px 13px !important;
    border-radius:16px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    min-height:92px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat strong{
    font-size:24px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{
    font-size:39px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-form{
    grid-column:1 !important;
  }
}

@media (min-width:1101px) and (max-width:1499px){
  .pm-player-hero-v3{
    grid-template-columns:minmax(0,1fr) 300px !important;
    gap:20px 28px !important;
    padding:32px 36px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-identity{
    grid-template-columns:188px minmax(0,1fr) !important;
    gap:30px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo-wrap,
  .pm-player-hero-v3 .pm-ph-v3-photo{
    width:188px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo{
    height:188px !important;
    border-radius:31px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-nameblock h1{
    font-size:clamp(42px, 3vw, 54px) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height:78px !important;
    padding:15px 18px !important;
    grid-template-columns:36px 1fr !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status strong{
    font-size:15px !important;
  }
}

@media (min-width:1500px){
  .pm-player-hero-v3 .pm-ph-v3-statuses{
    max-width:360px !important;
    justify-self:end !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height:88px !important;
    padding:17px 20px !important;
  }
}

/* =========================================================
   PATCH 36 — AVATAR SHIELD STROKE + RESPONSIVE POSITION LOCK
   User adjusted shield position is preserved with a stable
   proportional anchor so it no longer drifts under 700px.
   Chart and layout geometry untouched.
   ========================================================= */
.pm-player-hero-v3 .pm-ph-v3-photo{
  border:2px solid rgba(0,245,255,.88) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.16),
    0 0 0 4px rgba(0,229,255,.055),
    0 0 34px rgba(0,229,255,.55),
    0 0 62px rgba(31,255,202,.18),
    inset 0 0 0 1px rgba(0,18,26,.84),
    inset 0 0 26px rgba(0,229,255,.12),
    0 22px 42px rgba(0,0,0,.58) !important;
}
.pm-player-hero-v3 .pm-ph-v3-photo::before{
  content:'' !important;
  position:absolute !important;
  inset:5px !important;
  border:1px solid rgba(80,255,238,.22) !important;
  border-radius:calc(34px - 5px) !important;
  box-shadow:inset 0 0 18px rgba(0,229,255,.13) !important;
  pointer-events:none !important;
  z-index:2 !important;
}
.pm-player-hero-v3 .pm-ph-v3-shield,
.pm-player-hero-v3 .pm-ph-v3-shield.pm-cat-a,
.pm-player-hero-v3 .pm-ph-v3-shield.pm-cat-А,
.pm-player-hero-v3 .pm-ph-v3-shield.pm-cat-b{
  left:8% !important;
  transform:none !important;
  bottom:-27px !important;
  width:66px !important;
  min-width:66px !important;
  height:62px !important;
  padding:0 !important;
  position:absolute !important;
  overflow:visible !important;
  isolation:isolate !important;
  clip-path:polygon(15% 0,85% 0,100% 18%,100% 64%,50% 100%,0 64%,0 18%) !important;
  background:
    linear-gradient(180deg, rgba(86,255,240,.94), rgba(0,191,205,.86) 36%, rgba(0,78,91,.98) 66%, rgba(0,22,31,1) 100%) !important;
  color:#25ffd6 !important;
  text-shadow:
    0 0 11px rgba(37,255,214,.88),
    0 2px 0 rgba(0,0,0,.62) !important;
  box-shadow:
    0 16px 28px rgba(0,0,0,.66),
    0 0 16px rgba(0,229,255,.38),
    0 0 34px rgba(31,255,202,.20) !important;
}
.pm-player-hero-v3 .pm-ph-v3-shield::before{
  content:'' !important;
  position:absolute !important;
  inset:2px !important;
  clip-path:inherit !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(40,255,230,.18), transparent 36%),
    linear-gradient(180deg, rgba(0,63,72,.97), rgba(0,34,43,.99) 48%, rgba(0,9,17,1) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 0 0 1px rgba(92,255,239,.18),
    inset 0 -16px 22px rgba(0,0,0,.42) !important;
  pointer-events:none !important;
  z-index:-1 !important;
}
.pm-player-hero-v3 .pm-ph-v3-shield::after{
  content:'' !important;
  position:absolute !important;
  inset:-3px !important;
  clip-path:inherit !important;
  background:transparent !important;
  box-shadow:0 0 18px rgba(0,229,255,.32) !important;
  pointer-events:none !important;
  z-index:-2 !important;
}

@media (max-width:700px){
  .pm-player-hero-v3 .pm-ph-v3-shield,
  .pm-player-hero-v3 .pm-ph-v3-shield.pm-cat-a,
  .pm-player-hero-v3 .pm-ph-v3-shield.pm-cat-А,
  .pm-player-hero-v3 .pm-ph-v3-shield.pm-cat-b{
    left:-5% !important;
    transform:none !important;
    bottom:-20px !important;
    width:44px !important;
    min-width:44px !important;
    height:40px !important;
    font-size:25px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo::before{
    inset:4px !important;
    border-radius:calc(26px - 4px) !important;
  }
}

@media (min-width:701px) and (max-width:1100px){
  .pm-player-hero-v3 .pm-ph-v3-shield,
  .pm-player-hero-v3 .pm-ph-v3-shield.pm-cat-a,
  .pm-player-hero-v3 .pm-ph-v3-shield.pm-cat-А,
  .pm-player-hero-v3 .pm-ph-v3-shield.pm-cat-b{
    left:8% !important;
    transform:none !important;
    bottom:-25px !important;
    width:62px !important;
    min-width:62px !important;
    height:58px !important;
  }
}


/* PATCH 44 — public matches round calendar binding */
.pm-round-head {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.pm-round-window {
  font-family: var(--font-display);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .9px;
  color: rgba(226, 241, 255, .64);
  text-transform: uppercase;
  white-space: nowrap;
}

.pm-mc-round-window {
  color: rgba(0, 220, 255, .78) !important;
  font-weight: 600;
}

@media (max-width: 520px) {
  .pm-round-sep { align-items: flex-start; }
  .pm-round-head { max-width: calc(100vw - 56px); }
  .pm-round-text { white-space: normal; line-height: 1.25; }
  .pm-round-window { white-space: normal; line-height: 1.25; }
}

/* PATCH 45A — Matches mobile premium cards + score HUD */
.pm-matches-wrap{
  position:relative;
}

.pm-mobile-match-feed{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-bottom:88px;
}

.pm-mobile-round-block{
  position:relative;
  overflow:hidden;
  margin:18px 0 2px;
  padding:12px 14px 10px;
  border:1px solid rgba(0,229,255,.22);
  border-radius:18px;
  background:
    radial-gradient(circle at 8% 0%, rgba(0,229,255,.16), transparent 34%),
    linear-gradient(135deg, rgba(0,229,255,.075), rgba(5,18,32,.76) 48%, rgba(255,42,85,.035));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -24px 48px rgba(0,0,0,.18),
    0 10px 34px rgba(0,0,0,.24);
}
.pm-mobile-round-block::before{
  content:"";
  position:absolute;
  left:0; top:12px; bottom:12px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg, #26f5ff, rgba(0,229,255,.22));
  box-shadow:0 0 18px rgba(0,229,255,.58);
}
.pm-mobile-round-titleline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-left:10px;
}
.pm-mobile-round-kicker{
  font-family:var(--font-display);
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:2.1px;
  color:#23eaff;
  text-transform:uppercase;
  text-shadow:0 0 14px rgba(0,229,255,.24);
}
.pm-mobile-round-window{
  margin-top:5px;
  font-family:var(--font-display);
  font-size:10px;
  font-weight:700;
  letter-spacing:.9px;
  color:rgba(210,235,255,.72);
  text-transform:uppercase;
}
.pm-mobile-round-count{
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid rgba(0,229,255,.25);
  border-radius:999px;
  background:rgba(0,229,255,.06);
  color:#b8efff;
  font-family:var(--font-display);
  font-size:10px;
  font-weight:800;
  letter-spacing:.8px;
  white-space:nowrap;
}
.pm-mobile-round-stats{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
  padding-left:10px;
}
.pm-mobile-round-stats span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 8px;
  border:1px solid rgba(120,180,210,.14);
  border-radius:999px;
  background:rgba(3,18,31,.55);
  color:rgba(176,211,231,.78);
  font-size:10px;
  font-weight:700;
}
.pm-mobile-round-stats b{ color:#31ffd0; font-weight:900; }

.pm-match-card-v45{
  position:relative;
  overflow:hidden;
  padding:13px 14px 11px !important;
  border-radius:18px !important;
  border:1px solid rgba(0,229,255,.20) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(0,229,255,.13), transparent 30%),
    linear-gradient(135deg, rgba(8,31,49,.90), rgba(4,16,28,.92) 58%, rgba(3,10,18,.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -26px 50px rgba(0,0,0,.18),
    0 12px 34px rgba(0,0,0,.28);
  margin-bottom:10px !important;
}
.pm-match-card-v45::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(0,229,255,.10), transparent 22%, transparent 78%, rgba(0,229,255,.07)),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 38%);
  opacity:.9;
}
.pm-match-card-v45 .pm-match-card-glow{
  position:absolute;
  inset:auto 8% -28px 8%;
  height:46px;
  background:radial-gradient(ellipse at center, rgba(0,229,255,.16), transparent 68%);
  pointer-events:none;
}
.pm-match-card-v45.is-live{
  border-color:rgba(255,65,95,.55) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(255,65,95,.18), transparent 34%),
    linear-gradient(135deg, rgba(42,13,26,.94), rgba(8,17,29,.94) 60%, rgba(4,11,18,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(255,65,95,.12),
    0 0 36px rgba(255,32,75,.12),
    0 12px 34px rgba(0,0,0,.32);
}
.pm-match-card-v45.is-done{
  border-color:rgba(30,255,178,.24) !important;
}

.pm-mc-header-v45{
  position:relative;
  z-index:1;
  margin-bottom:11px !important;
}
.pm-mc-round-v45{
  color:rgba(112,187,223,.86) !important;
  font-size:10px !important;
  letter-spacing:1.85px !important;
}
.pm-status-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(116,170,205,.18);
  background:rgba(10,24,38,.78);
  color:rgba(139,190,220,.82);
  font-family:var(--font-display);
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  white-space:nowrap;
}
.pm-status-pill.done{
  color:#2cffb3;
  border-color:rgba(44,255,179,.25);
  background:linear-gradient(135deg, rgba(44,255,179,.12), rgba(4,22,28,.62));
  box-shadow:0 0 20px rgba(44,255,179,.10);
}
.pm-status-pill.live{
  color:#ff4b62;
  border-color:rgba(255,65,95,.42);
  background:linear-gradient(135deg, rgba(255,65,95,.16), rgba(24,7,16,.70));
  box-shadow:0 0 24px rgba(255,65,95,.16);
}
.pm-live-pulse-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff4058;
  box-shadow:0 0 16px rgba(255,64,88,.75);
}

.pm-match-main-v45{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:10px;
  align-items:center;
}
.pm-side-player{
  min-width:0;
  display:flex;
  align-items:center;
}
.pm-side-player.right{ justify-content:flex-end; text-align:right; }
.pm-side-name{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  font-family:var(--font-display);
  font-size:15px;
  line-height:1.1;
  font-weight:850;
  color:#f5fbff;
  text-shadow:0 0 14px rgba(0,0,0,.45);
}
.pm-score-center-v45{
  min-width:90px;
  max-width:154px;
}
.pm-score-hud{
  position:relative;
  overflow:hidden;
  min-width:112px;
  border:1px solid rgba(0,229,255,.32);
  border-radius:12px;
  background:
    radial-gradient(circle at 15% 0%, rgba(0,229,255,.16), transparent 45%),
    linear-gradient(180deg, rgba(2,28,45,.86), rgba(2,12,22,.94));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -12px 22px rgba(0,0,0,.22),
    0 0 22px rgba(0,229,255,.10);
}
.pm-score-hud.is-live{
  border-color:rgba(255,65,95,.62);
  background:
    radial-gradient(circle at 50% 0%, rgba(255,65,95,.22), transparent 48%),
    linear-gradient(180deg, rgba(42,9,20,.92), rgba(7,12,22,.96));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 28px rgba(255,65,95,.22);
}
.pm-score-row{
  display:grid;
  grid-template-columns:22px minmax(34px,1fr) auto;
  align-items:center;
  column-gap:7px;
  min-height:32px;
  padding:5px 9px;
  border-bottom:1px solid rgba(0,229,255,.13);
}
.pm-score-row:last-child{ border-bottom:0; }
.pm-score-ball{
  width:22px;
  height:22px;
  object-fit:contain;
  filter:drop-shadow(0 0 7px rgba(0,229,255,.25));
}
.pm-score-game{
  font-family:var(--font-display);
  font-size:10px;
  line-height:1;
  font-weight:800;
  color:rgba(198,235,247,.86);
  white-space:nowrap;
}
.pm-score-value{
  font-family:var(--font-display);
  font-size:20px;
  line-height:1;
  font-weight:950;
  color:#fff;
  letter-spacing:.4px;
  text-shadow:0 0 14px rgba(0,229,255,.18);
  white-space:nowrap;
}
.pm-score-effective{
  grid-column:2 / 4;
  justify-self:end;
  margin-top:-2px;
  font-family:var(--font-display);
  font-size:9px;
  font-weight:800;
  color:rgba(255,201,77,.86);
  letter-spacing:.5px;
}
.pm-score-hud.is-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  min-width:72px;
  border-color:rgba(0,229,255,.22);
}
.pm-score-empty{
  font-family:var(--font-display);
  font-size:20px;
  font-weight:900;
  color:#dff8ff;
}
.pm-match-foot-v45{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:11px;
  padding-top:9px;
  border-top:1px solid rgba(0,229,255,.11);
}
.pm-foot-item{
  font-size:11px;
  color:rgba(143,194,224,.84);
  font-weight:650;
  letter-spacing:.25px;
}
.pm-foot-item.strong{ color:rgba(234,245,252,.88); }
.pm-hc-strip-v45{
  position:relative;
  z-index:1;
  margin-top:9px;
  padding:7px 9px;
  border-radius:10px;
  border:1px solid rgba(255,201,77,.16);
  background:linear-gradient(135deg, rgba(255,201,77,.065), rgba(0,0,0,.18));
  color:rgba(255,201,77,.92);
  font-family:var(--font-display);
  font-size:10px;
  line-height:1.35;
  font-weight:700;
}

@media (max-width:520px){
  .pm-mobile-match-feed{ gap:9px; }
  .pm-mobile-round-block{ margin-top:16px; padding:11px 12px 10px; border-radius:16px; }
  .pm-mobile-round-kicker{ font-size:10px; letter-spacing:1.75px; }
  .pm-mobile-round-window{ font-size:9px; }
  .pm-mobile-round-count{ padding:5px 7px; font-size:9px; }
  .pm-mobile-round-stats{ gap:6px; }
  .pm-mobile-round-stats span{ font-size:9px; padding:4px 7px; }
  .pm-match-card-v45{ padding:12px 12px 10px !important; border-radius:16px !important; }
  .pm-match-main-v45{ grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:7px; }
  .pm-side-name{ font-size:13px; }
  .pm-score-center-v45{ max-width:128px; }
  .pm-score-hud{ min-width:94px; border-radius:11px; }
  .pm-score-row{ grid-template-columns:19px minmax(27px,1fr) auto; column-gap:5px; min-height:29px; padding:5px 7px; }
  .pm-score-ball{ width:19px; height:19px; }
  .pm-score-game{ font-size:9px; }
  .pm-score-value{ font-size:17px; }
  .pm-status-pill{ font-size:9px; padding:5px 8px; }
  .pm-foot-item{ font-size:10px; }
  .pm-hc-strip-v45{ font-size:9px; }
}

@media (min-width:900px){
  .pm-mobile-match-feed{ display:none; }
}


/* PATCH 45B — mobile match avatars + regular HC cleanup support */
.pm-match-avatar-v45{
  position:relative;
  flex:0 0 auto;
  width:38px;
  height:38px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  margin-right:8px;
  border:1px solid rgba(0,229,255,.62);
  background:
    radial-gradient(circle at 35% 20%, rgba(0,229,255,.22), transparent 44%),
    linear-gradient(145deg, rgba(6,31,48,.92), rgba(3,10,18,.98));
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.035),
    inset 0 -12px 20px rgba(0,0,0,.35),
    0 0 18px rgba(0,229,255,.26);
}
.pm-match-avatar-v45::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  border:1px solid rgba(0,229,255,.20);
  pointer-events:none;
}
.pm-match-avatar-v45 img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.pm-match-avatar-v45 span{
  font-family:var(--font-display);
  font-size:11px;
  line-height:1;
  font-weight:950;
  color:#23eaff;
  letter-spacing:.5px;
  text-shadow:0 0 10px rgba(0,229,255,.35);
}
.pm-side-player.right .pm-match-avatar-v45{
  margin-right:0;
  margin-left:8px;
  border-color:rgba(0,160,255,.62);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.035),
    inset 0 -12px 20px rgba(0,0,0,.35),
    0 0 18px rgba(0,160,255,.24);
}
.pm-match-card-v45.is-live .pm-match-avatar-v45{
  border-color:rgba(255,65,95,.72);
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.035),
    inset 0 -12px 20px rgba(0,0,0,.35),
    0 0 20px rgba(255,65,95,.28);
}
.pm-side-player.left{ justify-content:flex-start; }
.pm-side-player.right{ justify-content:flex-end; }
.pm-side-player.left .pm-side-name,
.pm-side-player.right .pm-side-name{
  max-width:calc(100% - 46px);
}
@media (max-width:520px){
  .pm-match-avatar-v45{
    width:30px;
    height:30px;
    margin-right:6px;
  }
  .pm-side-player.right .pm-match-avatar-v45{
    margin-left:6px;
  }
  .pm-match-avatar-v45 span{ font-size:9px; }
  .pm-side-player.left .pm-side-name,
  .pm-side-player.right .pm-side-name{
    max-width:calc(100% - 36px);
  }
}

/* PATCH 45C — richer mobile player blocks + compact HC output */
.pm-match-card-v45 .pm-match-main-v45{
  align-items:start;
  gap:12px;
}
.pm-match-card-v45 .pm-side-player{
  align-self:stretch;
  justify-content:center;
  text-align:center;
}
.pm-mobile-player-block{
  min-width:0;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
}
.pm-mobile-player-block.right{
  text-align:center;
}
.pm-mobile-player-block .pm-match-avatar-v45{
  width:52px;
  height:52px;
  margin:0 !important;
  border-width:1px;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.035),
    inset 0 -16px 22px rgba(0,0,0,.38),
    0 0 22px rgba(0,229,255,.28);
}
.pm-mobile-player-block .pm-match-avatar-v45 span{
  font-size:13px;
}
.pm-mobile-player-name{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  font-family:var(--font-display);
  font-size:14px;
  line-height:1.05;
  font-weight:900;
  color:#f5fbff;
  text-shadow:0 0 14px rgba(0,0,0,.50);
}
.pm-mobile-player-nick{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  font-family:var(--font-display);
  font-size:9px;
  line-height:1;
  font-weight:850;
  letter-spacing:1.2px;
  color:rgba(255,201,77,.88);
  text-transform:uppercase;
  white-space:nowrap;
}
.pm-hc-strip-v45{
  text-align:left;
}

@media (max-width:520px){
  .pm-match-card-v45 .pm-match-main-v45{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    gap:9px;
  }
  .pm-mobile-player-block .pm-match-avatar-v45{
    width:44px;
    height:44px;
  }
  .pm-mobile-player-block .pm-match-avatar-v45 span{
    font-size:11px;
  }
  .pm-mobile-player-name{
    font-size:12px;
    line-height:1.05;
  }
  .pm-mobile-player-nick{
    font-size:8px;
    letter-spacing:.9px;
  }
  .pm-score-center-v45{
    max-width:122px;
    align-self:center;
  }
}

/* PATCH 46A — matches mobile polish: clearer date, partial/live/finished state refinement */
.pm-match-card-v45.is-partial{
  border-color:rgba(255,201,77,.34) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(255,201,77,.12), transparent 32%),
    linear-gradient(135deg, rgba(30,27,14,.92), rgba(5,18,30,.94) 58%, rgba(3,10,18,.97)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(255,201,77,.08),
    0 12px 34px rgba(0,0,0,.30);
}
.pm-status-pill.partial{
  color:#ffd66b;
  border-color:rgba(255,201,77,.34);
  background:linear-gradient(135deg, rgba(255,201,77,.15), rgba(20,16,5,.70));
  box-shadow:0 0 22px rgba(255,201,77,.11);
}
.pm-match-card-v45.is-partial .pm-score-hud{
  border-color:rgba(255,201,77,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -12px 22px rgba(0,0,0,.24),
    0 0 22px rgba(255,201,77,.10);
}
.pm-match-foot-v46a{
  display:grid !important;
  grid-template-columns:1.25fr .8fr .9fr;
  gap:8px !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  margin-top:12px !important;
  padding-top:10px !important;
}
.pm-foot-cell{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 8px;
  border:1px solid rgba(0,229,255,.13);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(5,28,44,.62), rgba(2,10,18,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.pm-foot-date-v46a{
  justify-content:flex-start;
  border-color:rgba(0,229,255,.24);
  background:
    radial-gradient(circle at 0% 0%, rgba(0,229,255,.16), transparent 42%),
    linear-gradient(180deg, rgba(5,31,49,.75), rgba(2,10,18,.70));
}
.pm-foot-icon-v46a{
  position:relative;
  flex:0 0 auto;
  width:30px;
  height:30px;
  border-radius:10px;
  border:1px solid rgba(0,229,255,.45);
  background:
    linear-gradient(180deg, rgba(0,229,255,.17), rgba(0,0,0,.16)),
    rgba(3,18,30,.88);
  box-shadow:0 0 16px rgba(0,229,255,.22), inset 0 1px 0 rgba(255,255,255,.06);
}
.pm-foot-icon-v46a::before{
  content:"";
  position:absolute;
  left:6px; right:6px; top:8px;
  height:3px;
  border-radius:999px;
  background:#22eaff;
  box-shadow:0 0 10px rgba(0,229,255,.55);
}
.pm-foot-icon-v46a::after{
  content:"";
  position:absolute;
  left:7px; right:7px; top:14px; bottom:6px;
  border-top:1px solid rgba(180,244,255,.34);
  border-bottom:1px solid rgba(180,244,255,.20);
  box-shadow:0 -5px 0 -4px rgba(180,244,255,.22);
}
.pm-foot-copy-v46a{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
}
.pm-foot-copy-v46a b,
.pm-foot-points-v46a b,
.pm-foot-duration-v46a b{
  font-family:var(--font-display);
  font-size:13px;
  line-height:1;
  font-weight:950;
  color:#eefcff;
  letter-spacing:.35px;
  white-space:nowrap;
}
.pm-foot-copy-v46a small,
.pm-foot-points-v46a span,
.pm-foot-duration-v46a span{
  font-family:var(--font-display);
  font-size:8px;
  line-height:1;
  font-weight:850;
  letter-spacing:1.05px;
  color:rgba(151,203,231,.78);
  text-transform:uppercase;
  white-space:nowrap;
}
.pm-foot-points-v46a,
.pm-foot-duration-v46a{
  flex-direction:column;
  gap:4px;
}
.pm-foot-points-v46a b{ color:#31ffd0; }
.pm-foot-duration-v46a b{ color:#ffd66b; font-size:12px; }
.pm-match-card-v45.is-live .pm-foot-date-v46a,
.pm-match-card-v45.is-live .pm-foot-cell{
  border-color:rgba(255,65,95,.20);
}
.pm-match-card-v45.is-live .pm-foot-icon-v46a{
  border-color:rgba(255,65,95,.52);
  box-shadow:0 0 18px rgba(255,65,95,.23), inset 0 1px 0 rgba(255,255,255,.06);
}
.pm-match-card-v45.is-live .pm-foot-icon-v46a::before{ background:#ff4058; box-shadow:0 0 10px rgba(255,64,88,.65); }
.pm-match-card-v45.is-partial .pm-foot-date-v46a,
.pm-match-card-v45.is-partial .pm-foot-cell{
  border-color:rgba(255,201,77,.18);
}

@media (max-width:520px){
  .pm-match-foot-v46a{
    grid-template-columns:1fr 1fr;
    gap:7px !important;
  }
  .pm-foot-date-v46a{
    grid-column:1 / -1;
  }
  .pm-foot-cell{ padding:7px 8px; border-radius:11px; }
  .pm-foot-icon-v46a{ width:28px; height:28px; border-radius:9px; }
  .pm-foot-copy-v46a b,
  .pm-foot-points-v46a b,
  .pm-foot-duration-v46a b{ font-size:12px; }
  .pm-foot-copy-v46a small,
  .pm-foot-points-v46a span,
  .pm-foot-duration-v46a span{ font-size:7.5px; letter-spacing:.9px; }
}

/* PATCH 46B: compact premium mobile match info strip */
.pm-match-info-strip-v46b{
  display:grid !important;
  grid-template-columns:1.15fr .85fr .85fr !important;
  gap:7px !important;
  margin-top:12px !important;
  padding-top:11px !important;
  border-top:1px solid rgba(0,229,255,.12) !important;
}
.pm-info-chip-v46b{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 9px;
  border:1px solid rgba(0,229,255,.18);
  border-radius:13px;
  background:
    radial-gradient(circle at 10% 0%, rgba(0,229,255,.10), transparent 45%),
    linear-gradient(180deg, rgba(5,30,47,.66), rgba(2,9,17,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 18px rgba(0,0,0,.16);
}
.pm-info-chip-v46b > span:not(.pm-info-ico-v46b){
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
  line-height:1;
}
.pm-info-chip-v46b b{
  font-family:var(--font-display);
  font-size:12px;
  line-height:1;
  font-weight:950;
  color:#eefcff;
  letter-spacing:.25px;
  white-space:nowrap;
}
.pm-info-chip-v46b small{
  font-family:var(--font-display);
  font-size:7.5px;
  line-height:1;
  font-weight:850;
  color:rgba(151,203,231,.74);
  text-transform:uppercase;
  letter-spacing:.8px;
  white-space:nowrap;
}
.pm-date-chip-v46b{
  justify-content:flex-start;
  border-color:rgba(0,229,255,.26);
  background:
    radial-gradient(circle at 0% 0%, rgba(0,229,255,.16), transparent 45%),
    linear-gradient(180deg, rgba(5,34,54,.78), rgba(2,10,18,.72));
}
.pm-points-chip-v46b b{ color:#31ffd0; }
.pm-duration-chip-v46b b{ color:#ffd66b; }
.pm-info-ico-v46b{
  position:relative;
  flex:0 0 auto;
  width:24px;
  height:24px;
  border-radius:9px;
  border:1px solid rgba(0,229,255,.36);
  background:rgba(0,229,255,.08);
  box-shadow:0 0 12px rgba(0,229,255,.16), inset 0 1px 0 rgba(255,255,255,.06);
}
.pm-ico-calendar-v46b::before{
  content:"";
  position:absolute;
  left:5px; right:5px; top:7px;
  height:3px;
  border-radius:999px;
  background:#22eaff;
  box-shadow:0 0 8px rgba(0,229,255,.56);
}
.pm-ico-calendar-v46b::after{
  content:"";
  position:absolute;
  left:6px; right:6px; top:13px; bottom:6px;
  border-top:1px solid rgba(206,250,255,.38);
  border-bottom:1px solid rgba(206,250,255,.22);
}
.pm-ico-points-v46b::before{
  content:"★";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-size:13px;
  color:#ffd66b;
  text-shadow:0 0 10px rgba(255,214,107,.55);
}
.pm-ico-duration-v46b::before{
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  left:6px;
  top:6px;
  border:2px solid #7ee7ff;
  border-radius:50%;
  box-shadow:0 0 9px rgba(126,231,255,.35);
}
.pm-ico-duration-v46b::after{
  content:"";
  position:absolute;
  width:6px;
  height:2px;
  left:12px;
  top:12px;
  background:#7ee7ff;
  transform-origin:left center;
  transform:rotate(-45deg);
  border-radius:999px;
}
.pm-match-card-v45.is-partial .pm-info-chip-v46b{
  border-color:rgba(255,201,77,.24);
  background:linear-gradient(180deg, rgba(35,30,13,.34), rgba(2,9,17,.72));
}
.pm-match-card-v45.is-live .pm-info-chip-v46b{
  border-color:rgba(255,65,95,.24);
}
.pm-match-card-v45.is-live .pm-ico-calendar-v46b::before{ background:#ff4058; box-shadow:0 0 10px rgba(255,64,88,.65); }

@media (max-width:520px){
  .pm-match-info-strip-v46b{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }
  .pm-date-chip-v46b{ grid-column:1 / -1; }
  .pm-info-chip-v46b{ padding:8px 9px; border-radius:12px; }
  .pm-info-ico-v46b{ width:24px; height:24px; }
  .pm-info-chip-v46b b{ font-size:12px; }
  .pm-info-chip-v46b small{ font-size:7px; letter-spacing:.75px; }
}

/* PATCH 46C — službeni rezultat visual markers */
.pm-score-row.is-forfeit{
  position:relative;
  background:linear-gradient(90deg, rgba(255,201,77,.10), rgba(255,78,98,.06), transparent 72%);
}
.pm-score-row.is-forfeit .pm-score-value{
  color:#ffd56a;
  text-shadow:0 0 15px rgba(255,201,77,.22);
}
.pm-score-forfeit{
  grid-column:2 / 4;
  justify-self:end;
  margin-top:-2px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  padding:2px 6px;
  border-radius:999px;
  border:1px solid rgba(255,201,77,.52);
  background:linear-gradient(180deg, rgba(255,201,77,.16), rgba(18,11,0,.40));
  color:#ffd56a;
  font-family:var(--font-display);
  font-size:8px;
  line-height:1;
  font-weight:950;
  letter-spacing:.9px;
  box-shadow:0 0 12px rgba(255,201,77,.16), inset 0 1px 0 rgba(255,255,255,.08);
}
.pm-forfeit-strip-v46c{
  position:relative;
  z-index:1;
  margin-top:8px;
  padding:7px 9px;
  border-radius:10px;
  border:1px solid rgba(255,77,96,.24);
  background:linear-gradient(135deg, rgba(255,77,96,.09), rgba(255,201,77,.055), rgba(0,0,0,.18));
  color:#ffd56a;
  font-family:var(--font-display);
  font-size:10px;
  line-height:1.35;
  font-weight:850;
  letter-spacing:.15px;
}
.pm-desk-forfeit-v46c{
  display:inline-block;
  margin-top:3px;
  color:#ffd56a;
  font-size:11px;
  font-weight:850;
}
@media (max-width:520px){
  .pm-score-forfeit{font-size:7px;min-width:21px;padding:2px 5px;}
  .pm-forfeit-strip-v46c{font-size:9px;}
}

/* PATCH 47A — mobile match card foundation rebuild: date rail + compact premium layout */
@media (max-width:899px){
  .pm-match-card-v47{
    padding:0 !important;
    border-radius:20px !important;
  }
  .pm-match-card-v47::before{
    background:
      linear-gradient(90deg, rgba(0,229,255,.10), transparent 18%, transparent 78%, rgba(0,229,255,.06)),
      linear-gradient(180deg, rgba(255,255,255,.035), transparent 36%);
  }
  .pm-match-shell-v47{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:76px minmax(0,1fr);
    gap:13px;
    padding:12px 13px 12px 12px;
    align-items:stretch;
  }
  .pm-match-date-rail-v47{
    position:relative;
    min-height:150px;
    border-radius:17px;
    border:1px solid rgba(0,229,255,.34);
    background:
      radial-gradient(circle at 50% 0%, rgba(0,229,255,.18), transparent 38%),
      linear-gradient(180deg, rgba(5,43,61,.82), rgba(2,14,24,.92));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      inset 0 -22px 34px rgba(0,0,0,.20),
      0 0 20px rgba(0,229,255,.10);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:12px 8px;
    overflow:hidden;
  }
  .pm-match-date-rail-v47::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.035), transparent 46%, rgba(0,229,255,.045));
    pointer-events:none;
  }
  .pm-date-icon-v47{
    position:relative;
    width:25px;
    height:25px;
    border-radius:8px;
    margin-bottom:8px;
    border:1px solid rgba(0,229,255,.48);
    background:rgba(0,229,255,.10);
    box-shadow:0 0 12px rgba(0,229,255,.22), inset 0 1px 0 rgba(255,255,255,.08);
  }
  .pm-date-icon-v47::before{
    content:"";
    position:absolute;
    left:5px; right:5px; top:7px;
    height:3px;
    border-radius:999px;
    background:#24edff;
    box-shadow:0 0 8px rgba(0,229,255,.55);
  }
  .pm-date-icon-v47::after{
    content:"";
    position:absolute;
    left:6px; right:6px; top:13px; bottom:6px;
    border-top:1px solid rgba(216,252,255,.38);
    border-bottom:1px solid rgba(216,252,255,.18);
  }
  .pm-match-date-rail-v47 strong{
    position:relative;
    z-index:1;
    font-family:var(--font-display);
    font-size:30px;
    line-height:.9;
    font-weight:950;
    color:#f3fbff;
    letter-spacing:.5px;
    text-shadow:0 0 18px rgba(0,229,255,.20);
  }
  .pm-match-date-rail-v47 em{
    position:relative;
    z-index:1;
    margin-top:5px;
    font-style:normal;
    font-family:var(--font-display);
    font-size:12px;
    line-height:1;
    font-weight:950;
    letter-spacing:1.5px;
    color:#26efff;
    text-transform:uppercase;
  }
  .pm-date-line-v47{
    position:relative;
    z-index:1;
    width:42px;
    height:1px;
    margin:10px 0 8px;
    background:linear-gradient(90deg, transparent, rgba(188,245,255,.30), transparent);
  }
  .pm-match-date-rail-v47 small{
    position:relative;
    z-index:1;
    font-family:var(--font-display);
    font-size:11px;
    line-height:1;
    font-weight:850;
    color:rgba(203,236,248,.74);
    letter-spacing:.8px;
  }
  .pm-match-body-v47{
    min-width:0;
    display:flex;
    flex-direction:column;
  }
  .pm-mc-header-v47{
    margin-bottom:9px !important;
  }
  .pm-match-main-v47{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
    gap:9px !important;
    align-items:center !important;
  }
  .pm-match-main-v47 .pm-mobile-player-block{
    gap:5px;
  }
  .pm-match-main-v47 .pm-match-avatar-v45{
    width:48px;
    height:48px;
  }
  .pm-match-main-v47 .pm-mobile-player-name{
    font-size:14px;
    line-height:1.05;
    max-width:94px;
  }
  .pm-match-main-v47 .pm-mobile-player-nick{
    font-size:8px;
    letter-spacing:1px;
  }
  .pm-score-center-v47{
    max-width:128px !important;
  }
  .pm-score-center-v47 .pm-score-hud{
    min-width:122px;
    border-radius:14px;
  }
  .pm-score-center-v47 .pm-score-row{
    min-height:31px;
    grid-template-columns:21px minmax(34px,1fr) auto;
    padding:5px 8px;
  }
  .pm-score-center-v47 .pm-score-value{
    font-size:19px;
  }
  .pm-match-meta-v47{
    margin-top:10px;
    padding-top:8px;
    border-top:1px solid rgba(0,229,255,.11);
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .pm-meta-chip-v47{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:34px;
    padding:6px 8px;
    border-radius:12px;
    border:1px solid rgba(0,229,255,.15);
    background:linear-gradient(180deg, rgba(5,29,45,.58), rgba(2,10,18,.64));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    font-family:var(--font-display);
  }
  .pm-meta-chip-v47 i{
    font-style:normal;
    color:#ffd66b;
    text-shadow:0 0 9px rgba(255,214,107,.45);
    font-size:13px;
  }
  .pm-meta-chip-v47 b{
    font-size:14px;
    line-height:1;
    font-weight:950;
    color:#31ffd0;
    letter-spacing:.3px;
  }
  .pm-meta-chip-v47 small{
    font-size:9px;
    color:rgba(190,222,236,.72);
    font-weight:850;
    letter-spacing:.7px;
  }
  .pm-meta-duration-v47 b{
    color:#ffd66b;
    font-size:13px;
  }
  .pm-forfeit-strip-v47{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:8px;
    padding:7px 9px;
  }
  .pm-forfeit-strip-v47 span{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    height:18px;
    border-radius:999px;
    border:1px solid rgba(255,201,77,.44);
    background:rgba(255,201,77,.10);
    color:#ffd56a;
    font-size:8px;
    font-weight:950;
    letter-spacing:.8px;
  }
  .pm-hc-strip-v47{
    margin-top:7px;
    padding:6px 9px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .pm-match-card-v47.is-live .pm-match-date-rail-v47{
    border-color:rgba(255,65,95,.55);
    background:
      radial-gradient(circle at 50% 0%, rgba(255,65,95,.18), transparent 38%),
      linear-gradient(180deg, rgba(48,15,29,.86), rgba(2,14,24,.92));
    box-shadow:0 0 22px rgba(255,65,95,.18), inset 0 1px 0 rgba(255,255,255,.06);
  }
  .pm-match-card-v47.is-live .pm-date-icon-v47{ border-color:rgba(255,65,95,.55); }
  .pm-match-card-v47.is-live .pm-date-icon-v47::before{ background:#ff4058; box-shadow:0 0 10px rgba(255,64,88,.65); }
  .pm-match-card-v47.is-live .pm-match-date-rail-v47 em{ color:#ff556b; }
  .pm-match-card-v47.is-partial .pm-match-date-rail-v47{
    border-color:rgba(255,201,77,.46);
    background:
      radial-gradient(circle at 50% 0%, rgba(255,201,77,.18), transparent 38%),
      linear-gradient(180deg, rgba(43,34,13,.82), rgba(2,14,24,.92));
  }
  .pm-match-card-v47.is-partial .pm-date-icon-v47{ border-color:rgba(255,201,77,.50); }
  .pm-match-card-v47.is-partial .pm-date-icon-v47::before{ background:#ffd66b; box-shadow:0 0 10px rgba(255,214,107,.52); }
  .pm-match-card-v47.is-partial .pm-match-date-rail-v47 em{ color:#ffd66b; }
  .pm-match-card-v47.is-pending .pm-match-date-rail-v47{
    border-color:rgba(148,121,255,.30);
    background:
      radial-gradient(circle at 50% 0%, rgba(148,121,255,.11), transparent 38%),
      linear-gradient(180deg, rgba(17,25,46,.78), rgba(2,14,24,.92));
  }
  .pm-match-card-v47.is-pending .pm-match-date-rail-v47 em{ color:#b28cff; }
  .pm-match-card-v47.is-pending .pm-score-hud{
    border-color:rgba(148,121,255,.20);
  }
}

@media (max-width:520px){
  .pm-match-shell-v47{
    grid-template-columns:68px minmax(0,1fr);
    gap:10px;
    padding:11px 11px 11px 10px;
  }
  .pm-match-date-rail-v47{
    min-height:140px;
    border-radius:15px;
    padding:10px 6px;
  }
  .pm-date-icon-v47{
    width:22px;
    height:22px;
    margin-bottom:7px;
  }
  .pm-match-date-rail-v47 strong{font-size:26px;}
  .pm-match-date-rail-v47 em{font-size:10px;letter-spacing:1.25px;}
  .pm-match-date-rail-v47 small{font-size:10px;letter-spacing:.6px;}
  .pm-date-line-v47{width:36px;margin:8px 0 7px;}
  .pm-match-main-v47{gap:7px !important;}
  .pm-match-main-v47 .pm-match-avatar-v45{width:42px;height:42px;}
  .pm-match-main-v47 .pm-mobile-player-name{font-size:12px;max-width:74px;}
  .pm-match-main-v47 .pm-mobile-player-nick{font-size:7px;letter-spacing:.8px;}
  .pm-score-center-v47{max-width:116px !important;}
  .pm-score-center-v47 .pm-score-hud{min-width:108px;}
  .pm-score-center-v47 .pm-score-row{grid-template-columns:19px minmax(29px,1fr) auto;column-gap:5px;min-height:29px;padding:5px 7px;}
  .pm-score-center-v47 .pm-score-game{font-size:8px;}
  .pm-score-center-v47 .pm-score-value{font-size:17px;}
  .pm-match-meta-v47{gap:7px;margin-top:9px;}
  .pm-meta-chip-v47{min-height:31px;padding:6px 7px;border-radius:10px;}
  .pm-meta-chip-v47 b{font-size:12px;}
  .pm-meta-duration-v47 b{font-size:11px;}
  .pm-meta-chip-v47 small{font-size:8px;}
  .pm-forfeit-strip-v47{font-size:8.5px;}
}

/* PATCH 47B — premium balance polish: compact floating date rail + lower card density */
@media (max-width:899px){
  .pm-match-card-v47{
    border-radius:18px !important;
  }
  .pm-match-shell-v47{
    grid-template-columns:58px minmax(0,1fr) !important;
    gap:10px !important;
    padding:10px 11px 10px 10px !important;
    align-items:center !important;
  }
  .pm-match-date-rail-v47{
    align-self:center !important;
    width:58px !important;
    min-height:112px !important;
    max-height:126px !important;
    border-radius:15px !important;
    padding:8px 5px !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      inset 0 -14px 22px rgba(0,0,0,.18),
      0 0 14px rgba(0,229,255,.08) !important;
  }
  .pm-date-icon-v47{
    width:21px !important;
    height:21px !important;
    border-radius:7px !important;
    margin-bottom:6px !important;
  }
  .pm-date-icon-v47::before{ left:4px !important; right:4px !important; top:6px !important; height:2px !important; }
  .pm-date-icon-v47::after{ left:5px !important; right:5px !important; top:11px !important; bottom:5px !important; }
  .pm-match-date-rail-v47 strong{
    font-size:24px !important;
    line-height:.88 !important;
    letter-spacing:.25px !important;
  }
  .pm-match-date-rail-v47 em{
    margin-top:4px !important;
    font-size:9px !important;
    letter-spacing:1.15px !important;
  }
  .pm-date-line-v47{
    width:30px !important;
    margin:7px 0 6px !important;
  }
  .pm-match-date-rail-v47 small{
    max-width:48px !important;
    font-size:9px !important;
    line-height:1.05 !important;
    letter-spacing:.45px !important;
  }
  .pm-match-card-v47.is-pending .pm-match-date-rail-v47 strong{
    font-size:22px !important;
    color:rgba(225,238,255,.88) !important;
  }
  .pm-match-card-v47.is-pending .pm-match-date-rail-v47 em{
    font-size:8.5px !important;
    letter-spacing:.85px !important;
  }
  .pm-match-card-v47.is-pending .pm-match-date-rail-v47 small{
    font-size:8px !important;
    line-height:1.05 !important;
    color:rgba(191,216,240,.62) !important;
  }
  .pm-mc-header-v47{
    margin-bottom:7px !important;
  }
  .pm-mc-header-v47 .pm-status-pill{
    padding:5px 10px !important;
    border-radius:999px !important;
    font-size:9px !important;
    letter-spacing:1px !important;
    line-height:1 !important;
  }
  .pm-match-main-v47{
    gap:8px !important;
  }
  .pm-match-main-v47 .pm-match-avatar-v45{
    width:50px !important;
    height:50px !important;
  }
  .pm-match-main-v47 .pm-mobile-player-name{
    font-size:14px !important;
    line-height:1 !important;
    max-width:100px !important;
  }
  .pm-match-main-v47 .pm-mobile-player-nick{
    margin-top:1px !important;
    font-size:7.8px !important;
    letter-spacing:.95px !important;
  }
  .pm-score-center-v47{
    max-width:124px !important;
  }
  .pm-score-center-v47 .pm-score-hud{
    min-width:116px !important;
    border-radius:13px !important;
  }
  .pm-score-center-v47 .pm-score-row{
    min-height:28px !important;
    padding:4px 7px !important;
    grid-template-columns:20px minmax(32px,1fr) auto !important;
  }
  .pm-score-center-v47 .pm-score-ball-img{
    width:18px !important;
    height:18px !important;
  }
  .pm-score-center-v47 .pm-score-game{ font-size:8px !important; }
  .pm-score-center-v47 .pm-score-value{ font-size:18px !important; }
  .pm-score-forfeit{
    min-width:22px !important;
    padding:2px 5px !important;
    font-size:7px !important;
  }
  .pm-match-meta-v47{
    margin-top:8px !important;
    padding-top:7px !important;
    gap:7px !important;
  }
  .pm-meta-chip-v47{
    min-height:30px !important;
    padding:5px 7px !important;
    border-radius:10px !important;
    gap:5px !important;
    background:linear-gradient(180deg, rgba(5,29,45,.48), rgba(2,10,18,.58)) !important;
  }
  .pm-meta-chip-v47 i{ font-size:12px !important; }
  .pm-meta-chip-v47 b{ font-size:12.5px !important; }
  .pm-meta-duration-v47 b{ font-size:11.5px !important; }
  .pm-meta-chip-v47 small{ font-size:7.8px !important; letter-spacing:.55px !important; }
  .pm-forfeit-strip-v47{
    margin-top:7px !important;
    padding:6px 8px !important;
    border-radius:9px !important;
    font-size:9px !important;
    line-height:1.25 !important;
  }
  .pm-hc-strip-v47{
    margin-top:6px !important;
    padding:6px 8px !important;
    border-radius:9px !important;
    font-size:9px !important;
  }
}

@media (max-width:520px){
  .pm-match-shell-v47{
    grid-template-columns:54px minmax(0,1fr) !important;
    gap:9px !important;
    padding:10px 10px 10px 9px !important;
  }
  .pm-match-date-rail-v47{
    width:54px !important;
    min-height:104px !important;
    max-height:116px !important;
    border-radius:14px !important;
    padding:7px 4px !important;
  }
  .pm-date-icon-v47{
    width:19px !important;
    height:19px !important;
    margin-bottom:5px !important;
  }
  .pm-match-date-rail-v47 strong{ font-size:22px !important; }
  .pm-match-date-rail-v47 em{ font-size:8.5px !important; letter-spacing:1px !important; }
  .pm-date-line-v47{ width:27px !important; margin:6px 0 5px !important; }
  .pm-match-date-rail-v47 small{ font-size:8.5px !important; max-width:44px !important; }
  .pm-match-card-v47.is-pending .pm-match-date-rail-v47 em{ font-size:7.6px !important; letter-spacing:.55px !important; }
  .pm-match-card-v47.is-pending .pm-match-date-rail-v47 small{ font-size:7.4px !important; }
  .pm-match-main-v47{ gap:6px !important; }
  .pm-match-main-v47 .pm-match-avatar-v45{ width:44px !important; height:44px !important; }
  .pm-match-main-v47 .pm-mobile-player-name{ font-size:12.6px !important; max-width:78px !important; }
  .pm-match-main-v47 .pm-mobile-player-nick{ font-size:7px !important; letter-spacing:.75px !important; }
  .pm-score-center-v47{ max-width:112px !important; }
  .pm-score-center-v47 .pm-score-hud{ min-width:104px !important; }
  .pm-score-center-v47 .pm-score-row{ min-height:27px !important; padding:4px 6px !important; grid-template-columns:18px minmax(27px,1fr) auto !important; column-gap:5px !important; }
  .pm-score-center-v47 .pm-score-ball-img{ width:17px !important; height:17px !important; }
  .pm-score-center-v47 .pm-score-game{ font-size:7.3px !important; }
  .pm-score-center-v47 .pm-score-value{ font-size:16.5px !important; }
  .pm-match-meta-v47{ margin-top:7px !important; gap:6px !important; }
  .pm-meta-chip-v47{ min-height:28px !important; padding:5px 6px !important; }
  .pm-meta-chip-v47 b{ font-size:11.5px !important; }
  .pm-meta-duration-v47 b{ font-size:10.5px !important; }
  .pm-forfeit-strip-v47{ font-size:8px !important; padding:6px 7px !important; }
  .pm-hc-strip-v47{ font-size:8px !important; padding:6px 7px !important; }
}

/* PATCH 48A — mobile expandable match details */
@media (max-width:899px){
  .pm-match-card-v48.has-details-v48{
    cursor:default;
  }
  .pm-match-expand-toggle-v48{
    position:relative;
    z-index:2;
    width:100%;
    margin:9px 0 0;
    padding:8px 10px;
    border:1px solid rgba(0,229,255,.16);
    border-radius:13px;
    background:
      linear-gradient(90deg, transparent, rgba(0,229,255,.065), transparent),
      linear-gradient(180deg, rgba(4,25,39,.72), rgba(2,9,17,.72));
    color:rgba(200,245,255,.84);
    font-family:var(--font-display);
    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:1.45px;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    -webkit-tap-highlight-color:transparent;
  }
  .pm-match-expand-toggle-v48::before,
  .pm-match-expand-toggle-v48::after{
    content:"";
    flex:1 1 auto;
    max-width:52px;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(0,229,255,.26));
  }
  .pm-match-expand-toggle-v48::after{
    background:linear-gradient(90deg, rgba(0,229,255,.26), transparent);
  }
  .pm-match-expand-toggle-v48 i{
    width:8px;
    height:8px;
    border-right:2px solid rgba(0,229,255,.72);
    border-bottom:2px solid rgba(0,229,255,.72);
    transform:rotate(45deg) translateY(-2px);
    transition:transform .22s ease, border-color .22s ease;
    filter:drop-shadow(0 0 6px rgba(0,229,255,.30));
  }
  .pm-match-card-v48.is-expanded-v48 .pm-match-expand-toggle-v48{
    border-color:rgba(0,229,255,.28);
    color:#eaffff;
    background:
      radial-gradient(circle at 50% 0%, rgba(0,229,255,.10), transparent 55%),
      linear-gradient(180deg, rgba(5,31,48,.84), rgba(2,9,17,.72));
  }
  .pm-match-card-v48.is-expanded-v48 .pm-match-expand-toggle-v48 i{
    transform:rotate(225deg) translate(-2px,-1px);
    border-color:#24edff;
  }
  .pm-match-card-v48.is-live .pm-match-expand-toggle-v48{
    border-color:rgba(255,65,95,.18);
  }
  .pm-match-card-v48.is-live .pm-match-expand-toggle-v48 i{
    border-color:rgba(255,95,115,.80);
    filter:drop-shadow(0 0 6px rgba(255,65,95,.35));
  }
  .pm-match-card-v48.is-partial .pm-match-expand-toggle-v48{
    border-color:rgba(255,201,77,.20);
  }
  .pm-match-card-v48.is-partial .pm-match-expand-toggle-v48 i{
    border-color:rgba(255,214,107,.82);
    filter:drop-shadow(0 0 6px rgba(255,201,77,.32));
  }
  .pm-match-details-v48{
    position:relative;
    z-index:2;
    max-height:0;
    overflow:hidden;
    opacity:0;
    transform:translateY(-4px);
    transition:max-height .32s ease, opacity .22s ease, transform .22s ease, margin-top .22s ease;
    margin-top:0;
    border-radius:16px;
  }
  .pm-match-card-v48.is-expanded-v48 .pm-match-details-v48{
    max-height:620px;
    opacity:1;
    transform:translateY(0);
    margin-top:9px;
  }
  .pm-match-details-v48::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:16px;
    border:1px solid rgba(0,229,255,.14);
    background:
      radial-gradient(circle at 0% 0%, rgba(0,229,255,.105), transparent 40%),
      linear-gradient(180deg, rgba(4,24,39,.76), rgba(2,9,17,.82));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 10px 22px rgba(0,0,0,.16);
    pointer-events:none;
  }
  .pm-detail-grid-v48,
  .pm-detail-score-list-v48,
  .pm-detail-note-v48{
    position:relative;
    z-index:1;
  }
  .pm-detail-grid-v48{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:10px 10px 8px;
  }
  .pm-detail-item-v48{
    min-width:0;
    padding:8px 9px;
    border:1px solid rgba(0,229,255,.105);
    border-radius:12px;
    background:linear-gradient(180deg, rgba(6,29,45,.50), rgba(1,8,15,.42));
  }
  .pm-detail-item-v48 span{
    display:block;
    margin-bottom:4px;
    font-family:var(--font-display);
    font-size:7.5px;
    line-height:1;
    font-weight:900;
    letter-spacing:1.05px;
    color:rgba(156,207,231,.72);
    text-transform:uppercase;
  }
  .pm-detail-item-v48 b{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-family:var(--font-display);
    font-size:11px;
    line-height:1.15;
    font-weight:900;
    letter-spacing:.15px;
    color:#ecfbff;
  }
  .pm-detail-score-list-v48{
    margin:0 10px 8px;
    display:flex;
    flex-direction:column;
    gap:6px;
  }
  .pm-detail-score-row-v48{
    min-height:34px;
    display:grid;
    grid-template-columns:24px minmax(0,1fr) auto auto auto;
    gap:7px;
    align-items:center;
    padding:6px 8px;
    border:1px solid rgba(0,229,255,.12);
    border-radius:12px;
    background:linear-gradient(90deg, rgba(0,229,255,.055), rgba(2,10,18,.42));
    font-family:var(--font-display);
  }
  .pm-detail-score-row-v48 img{
    width:22px;
    height:22px;
    object-fit:contain;
    filter:drop-shadow(0 0 6px rgba(0,229,255,.16));
  }
  .pm-detail-score-row-v48 span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10px;
    font-weight:900;
    color:rgba(211,239,249,.84);
    text-transform:uppercase;
    letter-spacing:.45px;
  }
  .pm-detail-score-row-v48 b{
    font-size:15px;
    font-weight:950;
    color:#f6fdff;
    letter-spacing:.25px;
  }
  .pm-detail-score-row-v48 em{
    font-style:normal;
    font-size:10px;
    font-weight:850;
    color:#31ffd0;
  }
  .pm-detail-score-row-v48 strong{
    padding:3px 6px;
    border-radius:999px;
    border:1px solid rgba(255,201,77,.42);
    background:rgba(255,201,77,.10);
    color:#ffd56a;
    font-size:8px;
    line-height:1;
    font-weight:950;
    letter-spacing:.8px;
  }
  .pm-detail-score-row-v48.is-forfeit{
    border-color:rgba(255,201,77,.22);
    background:linear-gradient(90deg, rgba(255,201,77,.08), rgba(255,78,98,.045), rgba(2,10,18,.42));
  }
  .pm-detail-note-v48{
    margin:0 10px 8px;
    padding:8px 9px;
    border-radius:12px;
    border:1px solid rgba(0,229,255,.12);
    background:linear-gradient(135deg, rgba(0,229,255,.055), rgba(2,10,18,.48));
    color:rgba(224,246,255,.86);
    font-family:var(--font-display);
    font-size:10px;
    line-height:1.35;
    font-weight:800;
  }
  .pm-detail-note-v48 span{
    display:inline-flex;
    margin-right:7px;
    padding:3px 6px;
    border-radius:999px;
    border:1px solid rgba(0,229,255,.22);
    color:#7eefff;
    background:rgba(0,229,255,.07);
    font-size:7px;
    line-height:1;
    font-weight:950;
    letter-spacing:.75px;
  }
  .pm-detail-note-v48.is-forfeit{
    border-color:rgba(255,77,96,.20);
    background:linear-gradient(135deg, rgba(255,77,96,.075), rgba(255,201,77,.045), rgba(2,10,18,.48));
    color:#ffd56a;
  }
  .pm-detail-note-v48.is-forfeit span{
    border-color:rgba(255,201,77,.36);
    color:#ffd56a;
    background:rgba(255,201,77,.08);
  }
}

@media (max-width:420px){
  .pm-detail-grid-v48{
    grid-template-columns:1fr;
  }
  .pm-detail-item-v48 b{
    white-space:normal;
  }
  .pm-detail-score-row-v48{
    grid-template-columns:22px minmax(0,1fr) auto auto;
  }
  .pm-detail-score-row-v48 strong{
    grid-column:2 / -1;
    justify-self:end;
  }
}

/* PATCH 48B — Expanded details premium polish / lighter dashboard feel */
@media (max-width:899px){
  .pm-match-card-v48 .pm-match-expand-toggle-v48{
    margin-top:8px !important;
    min-height:30px !important;
    padding:6px 10px !important;
    border-radius:999px !important;
    border-color:rgba(0,229,255,.12) !important;
    background:linear-gradient(90deg, transparent, rgba(0,229,255,.045), transparent) !important;
    box-shadow:none !important;
    color:rgba(183,229,242,.78) !important;
    font-size:8px !important;
    letter-spacing:1.35px !important;
  }
  .pm-match-card-v48 .pm-match-expand-toggle-v48::before,
  .pm-match-card-v48 .pm-match-expand-toggle-v48::after{
    max-width:78px !important;
    opacity:.74 !important;
  }
  .pm-match-card-v48 .pm-match-expand-toggle-v48 i{
    width:7px !important;
    height:7px !important;
    border-width:1.5px !important;
  }
  .pm-match-card-v48.is-expanded-v48 .pm-match-expand-toggle-v48{
    border-color:rgba(0,229,255,.18) !important;
    color:rgba(232,253,255,.92) !important;
    background:linear-gradient(90deg, transparent, rgba(0,229,255,.07), transparent) !important;
  }

  .pm-match-card-v48 .pm-match-details-v48{
    border-radius:14px !important;
  }
  .pm-match-card-v48.is-expanded-v48 .pm-match-details-v48{
    margin-top:7px !important;
  }
  .pm-match-details-v48::before{
    border-color:rgba(0,229,255,.095) !important;
    background:
      radial-gradient(circle at 0% 0%, rgba(0,229,255,.060), transparent 34%),
      linear-gradient(180deg, rgba(2,17,29,.42), rgba(1,7,13,.46)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.020),
      inset 0 20px 44px rgba(0,229,255,.018) !important;
  }

  .pm-detail-grid-v48{
    grid-template-columns:1fr 1fr !important;
    gap:6px !important;
    padding:8px 8px 6px !important;
  }
  .pm-detail-item-v48{
    padding:7px 7px !important;
    border:0 !important;
    border-radius:10px !important;
    background:linear-gradient(180deg, rgba(0,229,255,.045), rgba(0,0,0,.12)) !important;
    box-shadow:inset 0 0 0 1px rgba(0,229,255,.055) !important;
  }
  .pm-detail-item-v48 span{
    margin-bottom:3px !important;
    font-size:6.8px !important;
    letter-spacing:.95px !important;
    color:rgba(144,198,226,.62) !important;
  }
  .pm-detail-item-v48 b{
    font-size:10.2px !important;
    line-height:1.18 !important;
    color:rgba(238,252,255,.92) !important;
  }

  .pm-detail-score-list-v48{
    margin:2px 8px 6px !important;
    gap:5px !important;
  }
  .pm-detail-score-row-v48{
    min-height:31px !important;
    grid-template-columns:22px minmax(0,1fr) auto auto auto !important;
    gap:6px !important;
    padding:5px 7px !important;
    border:0 !important;
    border-radius:10px !important;
    background:
      linear-gradient(90deg, rgba(0,229,255,.060), rgba(2,13,22,.18), rgba(0,229,255,.030)) !important;
    box-shadow:inset 0 0 0 1px rgba(0,229,255,.075) !important;
  }
  .pm-detail-score-row-v48 img{
    width:20px !important;
    height:20px !important;
  }
  .pm-detail-score-row-v48 span{
    font-size:9px !important;
    letter-spacing:.50px !important;
    color:rgba(207,236,247,.76) !important;
  }
  .pm-detail-score-row-v48 b{
    font-size:14px !important;
  }
  .pm-detail-score-row-v48 em{
    font-size:8.8px !important;
    color:rgba(49,255,208,.82) !important;
  }
  .pm-detail-score-row-v48 strong{
    padding:2px 5px !important;
    font-size:7px !important;
    opacity:.95 !important;
  }
  .pm-detail-score-row-v48.is-forfeit{
    background:linear-gradient(90deg, rgba(255,201,77,.065), rgba(255,77,96,.026), rgba(2,13,22,.18)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,201,77,.12) !important;
  }

  .pm-detail-note-v48{
    margin:0 8px 6px !important;
    padding:7px 8px !important;
    border:0 !important;
    border-radius:10px !important;
    background:linear-gradient(90deg, rgba(0,229,255,.040), rgba(2,10,18,.28)) !important;
    box-shadow:inset 0 0 0 1px rgba(0,229,255,.075) !important;
    font-size:9px !important;
    line-height:1.28 !important;
    color:rgba(221,244,252,.76) !important;
  }
  .pm-detail-note-v48 span{
    padding:2.5px 5px !important;
    font-size:6.5px !important;
    letter-spacing:.70px !important;
    opacity:.95 !important;
  }
  .pm-detail-note-v48.is-forfeit{
    background:linear-gradient(90deg, rgba(255,77,96,.060), rgba(255,201,77,.032), rgba(2,10,18,.28)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,77,96,.11) !important;
    color:rgba(255,213,106,.86) !important;
  }

  .pm-match-card-v48.is-expanded-v48{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      inset 0 -18px 44px rgba(0,0,0,.14),
      0 14px 36px rgba(0,0,0,.30) !important;
  }
}

@media (max-width:420px){
  .pm-detail-grid-v48{
    grid-template-columns:1fr 1fr !important;
  }
  .pm-detail-item-v48 b{
    white-space:normal !important;
  }
  .pm-detail-score-row-v48{
    grid-template-columns:20px minmax(0,1fr) auto auto !important;
  }
  .pm-detail-score-row-v48 strong{
    grid-column:auto !important;
    justify-self:end !important;
  }
}

/* PATCH 49A — matches live refresh + fine mobile polish */
.pm-live-refresh-indicator{
  display:none;
}
@media (max-width:899px){
  .pm-live-refresh-indicator{
    position:sticky;
    top:0;
    z-index:25;
    width:max-content;
    max-width:calc(100% - 32px);
    margin:0 auto 12px;
    padding:6px 11px;
    border:1px solid rgba(0,229,255,.13);
    border-radius:999px;
    background:linear-gradient(90deg, rgba(2,18,30,.72), rgba(0,229,255,.045), rgba(2,18,30,.72));
    color:rgba(196,230,245,.48);
    font:800 8px/1 var(--font-display);
    letter-spacing:.12em;
    text-transform:uppercase;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), 0 6px 18px rgba(0,0,0,.18);
    opacity:.42;
    transform:translateY(-2px);
    transition:opacity .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease;
    pointer-events:none;
  }
  .pm-live-refresh-indicator span{
    display:inline-block;
    width:6px;
    height:6px;
    margin-right:7px;
    border-radius:999px;
    background:rgba(0,229,255,.5);
    box-shadow:0 0 10px rgba(0,229,255,.35);
    vertical-align:middle;
  }
  .pm-live-refresh-indicator.is-syncing{
    opacity:.88;
    color:rgba(0,229,255,.92);
    border-color:rgba(0,229,255,.28);
  }
  .pm-live-refresh-indicator.is-syncing span{
    animation:pmRefreshPulse .72s ease-in-out infinite alternate;
  }
  .pm-live-refresh-indicator.is-fresh{
    opacity:.78;
    color:rgba(35,255,157,.88);
    border-color:rgba(35,255,157,.20);
  }
  .pm-live-refresh-indicator.is-fresh span{
    background:rgba(35,255,157,.78);
    box-shadow:0 0 12px rgba(35,255,157,.45);
  }
  .pm-live-refresh-indicator.is-error{
    opacity:.78;
    color:rgba(255,77,96,.82);
    border-color:rgba(255,77,96,.18);
  }
  .pm-live-refresh-indicator.is-error span{
    background:rgba(255,77,96,.78);
    box-shadow:0 0 12px rgba(255,77,96,.42);
  }
  @keyframes pmRefreshPulse{
    from{transform:scale(.82);opacity:.42}
    to{transform:scale(1.18);opacity:1}
  }

  .pm-match-card-v48{
    transition:box-shadow .22s ease, border-color .22s ease, transform .22s ease, background .22s ease;
  }
  .pm-match-card-v48.is-live{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      inset 0 -28px 72px rgba(0,0,0,.24),
      0 0 0 1px rgba(255,77,96,.12),
      0 14px 38px rgba(0,0,0,.36),
      0 0 32px rgba(255,77,96,.075) !important;
  }
  .pm-match-card-v48.is-live .pm-status-pill.live{
    animation:pmLiveBadgePulse 1.25s ease-in-out infinite alternate;
  }
  @keyframes pmLiveBadgePulse{
    from{box-shadow:inset 0 0 0 1px rgba(255,77,96,.30), 0 0 12px rgba(255,77,96,.12)}
    to{box-shadow:inset 0 0 0 1px rgba(255,77,96,.55), 0 0 22px rgba(255,77,96,.32)}
  }

  .pm-match-card-v48.is-expanded-v48 .pm-match-details-v48{
    margin-top:10px !important;
  }
  .pm-match-card-v48 .pm-match-expand-toggle-v48{
    min-height:28px !important;
    opacity:.86 !important;
  }
  .pm-match-card-v48 .pm-match-expand-toggle-v48 span{
    font-size:7.5px !important;
    letter-spacing:.18em !important;
  }
  .pm-match-card-v48.is-expanded-v48 .pm-match-expand-toggle-v48{
    opacity:.98 !important;
  }

  .pm-detail-grid-v48{
    gap:7px !important;
  }
  .pm-detail-item-v48{
    min-height:42px !important;
    padding:8px 9px !important;
    background:linear-gradient(180deg, rgba(5,28,43,.38), rgba(2,10,18,.16)) !important;
    border-color:rgba(0,229,255,.07) !important;
  }
  .pm-detail-item-v48 span{
    margin-bottom:4px !important;
    font-size:6.7px !important;
    letter-spacing:.17em !important;
  }
  .pm-detail-item-v48 b{
    font-size:9.4px !important;
    line-height:1.25 !important;
  }

  .pm-detail-score-list-v48{
    gap:6px !important;
    margin-top:8px !important;
  }
  .pm-detail-score-row-v48{
    min-height:34px !important;
    padding:6px 8px !important;
    background:linear-gradient(90deg, rgba(0,229,255,.040), rgba(2,10,18,.18), rgba(2,10,18,.08)) !important;
  }
  .pm-detail-score-row-v48 img{
    width:22px !important;
    height:22px !important;
  }
  .pm-detail-note-v48{
    margin-top:7px !important;
    min-height:30px !important;
    padding:7px 8px !important;
    border-radius:12px !important;
  }
  .pm-hc-strip-v47,
  .pm-forfeit-strip-v47{
    min-height:30px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
  }

  .pm-match-card-v48.is-pending.no-details-v48 .pm-match-date-rail-v47{
    opacity:.82;
    transform:scale(.96);
  }
}


/* PATCH 49C — mobile readability boost + aligned player blocks + clean official-result UI */
@media (max-width:899px){
  /* Player blocks: fixed internal rhythm so both avatars stay aligned even when one name wraps to 2 lines */
  .pm-match-main-v47{
    align-items:start !important;
  }
  .pm-match-main-v47 .pm-side-player{
    align-self:start !important;
  }
  .pm-mobile-player-block{
    display:grid !important;
    grid-template-rows:60px 38px 13px !important;
    justify-items:center !important;
    align-items:start !important;
    align-content:start !important;
    gap:3px !important;
    min-height:112px !important;
  }
  .pm-match-main-v47 .pm-match-avatar-v45{
    width:58px !important;
    height:58px !important;
    align-self:start !important;
  }
  .pm-mobile-player-block .pm-match-avatar-v45 span{
    font-size:14px !important;
  }
  .pm-match-main-v47 .pm-mobile-player-name{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    min-height:36px !important;
    max-height:36px !important;
    max-width:108px !important;
    font-size:16px !important;
    line-height:1.08 !important;
    font-weight:950 !important;
    letter-spacing:.05px !important;
  }
  .pm-match-main-v47 .pm-mobile-player-nick{
    margin-top:0 !important;
    font-size:8.8px !important;
    line-height:1.05 !important;
    letter-spacing:1.05px !important;
    font-weight:900 !important;
    color:rgba(255,204,82,.96) !important;
  }

  /* Central score: no extra SL chip in the HUD. Official game is communicated by gold result + lower SL strip. */
  .pm-score-forfeit{
    display:none !important;
  }
  .pm-score-row.is-forfeit .pm-score-value{
    color:#ffd76d !important;
    text-shadow:0 0 16px rgba(255,201,77,.28), 0 0 3px rgba(0,0,0,.50) !important;
  }
  .pm-score-row.is-forfeit{
    background:linear-gradient(90deg, rgba(255,201,77,.075), rgba(255,201,77,.025), transparent 76%) !important;
  }
  .pm-score-center-v47 .pm-score-game{
    font-size:9.2px !important;
    letter-spacing:.08em !important;
  }
  .pm-score-center-v47 .pm-score-value{
    font-size:19.5px !important;
  }

  /* Main meta chips — clearer values on actual phone screens */
  .pm-meta-chip-v47{
    min-height:34px !important;
  }
  .pm-meta-chip-v47 b{
    font-size:14px !important;
    line-height:1 !important;
  }
  .pm-meta-duration-v47 b{
    font-size:13px !important;
  }
  .pm-meta-chip-v47 small{
    font-size:8.8px !important;
  }

  /* Official and handicap strips: only badge is pill/bordered, text is clean and readable */
  .pm-forfeit-strip-v47,
  .pm-hc-strip-v47,
  .pm-detail-note-v48{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    flex-wrap:wrap !important;
  }
  .pm-forfeit-strip-v47{
    font-size:10.5px !important;
    line-height:1.25 !important;
    color:rgba(255,217,118,.94) !important;
  }
  .pm-forfeit-strip-v47 > span:not(.pm-sl-badge-v49c):not(.pm-sl-text-v49c){
    display:none !important;
  }
  .pm-sl-badge-v49c,
  .pm-hc-label-v49c{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    padding:3px 7px !important;
    border-radius:999px !important;
    font-family:var(--font-display) !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.72px !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }
  .pm-sl-badge-v49c{
    border:1px solid rgba(255,201,77,.40) !important;
    background:rgba(255,201,77,.085) !important;
    color:#ffd76d !important;
    box-shadow:0 0 10px rgba(255,201,77,.10) !important;
  }
  .pm-hc-label-v49c{
    border:1px solid rgba(0,229,255,.22) !important;
    background:rgba(0,229,255,.070) !important;
    color:#7eefff !important;
    box-shadow:0 0 10px rgba(0,229,255,.08) !important;
  }
  .pm-sl-text-v49c,
  .pm-hc-text-v49c{
    display:inline !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-family:var(--font-display) !important;
    font-size:10.5px !important;
    line-height:1.28 !important;
    font-weight:900 !important;
    letter-spacing:.04px !important;
    white-space:normal !important;
  }
  .pm-sl-text-v49c{ color:rgba(255,217,118,.94) !important; }
  .pm-hc-text-v49c{ color:rgba(255,207,85,.92) !important; }

  .pm-hc-strip-v47{
    font-size:10.2px !important;
    line-height:1.25 !important;
  }

  /* Expanded panel readability */
  .pm-detail-item-v48 span{
    font-size:7.4px !important;
  }
  .pm-detail-item-v48 b{
    font-size:10.6px !important;
  }
  .pm-detail-score-row-v48 span{
    font-size:10px !important;
  }
  .pm-detail-score-row-v48 b{
    font-size:15.5px !important;
  }
  .pm-detail-note-v48{
    font-size:10.4px !important;
    line-height:1.28 !important;
  }
  .pm-match-expand-toggle-v48 span{
    font-size:8.4px !important;
  }
}

@media (max-width:520px){
  .pm-mobile-player-block{
    grid-template-rows:56px 36px 12px !important;
    min-height:104px !important;
    gap:3px !important;
  }
  .pm-match-main-v47 .pm-match-avatar-v45{
    width:54px !important;
    height:54px !important;
  }
  .pm-mobile-player-block .pm-match-avatar-v45 span{
    font-size:13px !important;
  }
  .pm-match-main-v47 .pm-mobile-player-name{
    min-height:34px !important;
    max-height:34px !important;
    max-width:88px !important;
    font-size:14.4px !important;
    line-height:1.08 !important;
  }
  .pm-match-main-v47 .pm-mobile-player-nick{
    font-size:8px !important;
    letter-spacing:.82px !important;
  }
  .pm-score-center-v47 .pm-score-game{
    font-size:8px !important;
  }
  .pm-score-center-v47 .pm-score-value{
    font-size:17.8px !important;
  }
  .pm-meta-chip-v47 b{
    font-size:12.6px !important;
  }
  .pm-meta-duration-v47 b{
    font-size:12px !important;
  }
  .pm-sl-text-v49c,
  .pm-hc-text-v49c{
    font-size:9.3px !important;
  }
  .pm-forfeit-strip-v47,
  .pm-hc-strip-v47{
    padding:7px 8px !important;
  }
}

/* PATCH 49D — final mobile readability polish: bigger avatars, nicknames, details and HC/SL copy */
@media (max-width:899px){
  .pm-mobile-player-block{
    grid-template-rows:64px 38px 15px !important;
    min-height:119px !important;
    gap:4px !important;
  }
  .pm-match-main-v47 .pm-match-avatar-v45{
    width:62px !important;
    height:62px !important;
  }
  .pm-mobile-player-block .pm-match-avatar-v45 span{
    font-size:15px !important;
  }
  .pm-match-main-v47 .pm-mobile-player-nick{
    font-size:10px !important;
    line-height:1.08 !important;
    letter-spacing:1.08px !important;
    font-weight:950 !important;
  }

  .pm-hc-strip-v47,
  .pm-forfeit-strip-v47,
  .pm-detail-note-v48{
    gap:9px !important;
    padding:9px 10px !important;
    min-height:36px !important;
  }
  .pm-sl-badge-v49c,
  .pm-hc-label-v49c{
    font-size:9px !important;
    padding:4px 8px !important;
    letter-spacing:.78px !important;
  }
  .pm-sl-text-v49c,
  .pm-hc-text-v49c{
    font-size:12px !important;
    line-height:1.34 !important;
    font-weight:950 !important;
  }
  .pm-hc-strip-v47{
    font-size:11.8px !important;
    line-height:1.34 !important;
  }

  .pm-detail-item-v48{
    min-height:46px !important;
    padding:9px 10px !important;
  }
  .pm-detail-item-v48 span{
    font-size:8.2px !important;
    letter-spacing:.17em !important;
  }
  .pm-detail-item-v48 b{
    font-size:12px !important;
    line-height:1.26 !important;
  }
  .pm-detail-score-row-v48{
    min-height:38px !important;
    padding:7px 9px !important;
  }
  .pm-detail-score-row-v48 span{
    font-size:11.2px !important;
  }
  .pm-detail-score-row-v48 b{
    font-size:17px !important;
  }
  .pm-detail-note-v48{
    font-size:12px !important;
    line-height:1.34 !important;
  }
  .pm-match-expand-toggle-v48 span{
    font-size:9.2px !important;
    letter-spacing:.16em !important;
  }
  .pm-meta-chip-v47 b{
    font-size:15px !important;
  }
  .pm-meta-duration-v47 b{
    font-size:14px !important;
  }
  .pm-meta-chip-v47 small{
    font-size:9.2px !important;
  }
}

@media (max-width:520px){
  .pm-mobile-player-block{
    grid-template-rows:60px 36px 14px !important;
    min-height:111px !important;
  }
  .pm-match-main-v47 .pm-match-avatar-v45{
    width:58px !important;
    height:58px !important;
  }
  .pm-mobile-player-block .pm-match-avatar-v45 span{
    font-size:14px !important;
  }
  .pm-match-main-v47 .pm-mobile-player-nick{
    font-size:9.1px !important;
    letter-spacing:.9px !important;
  }
  .pm-sl-badge-v49c,
  .pm-hc-label-v49c{
    font-size:8.4px !important;
    padding:4px 7px !important;
  }
  .pm-sl-text-v49c,
  .pm-hc-text-v49c{
    font-size:10.8px !important;
    line-height:1.32 !important;
  }
  .pm-hc-strip-v47{
    font-size:10.8px !important;
  }
  .pm-detail-item-v48 span{
    font-size:7.8px !important;
  }
  .pm-detail-item-v48 b{
    font-size:11.2px !important;
  }
  .pm-detail-score-row-v48 span{
    font-size:10.5px !important;
  }
  .pm-detail-score-row-v48 b{
    font-size:16px !important;
  }
  .pm-detail-note-v48{
    font-size:10.9px !important;
  }
}

/* PATCH 50A — details reduction + useful per-discipline points breakdown */
@media (max-width:899px){
  .pm-match-card-v48 .pm-match-details-v48::before{
    background:
      radial-gradient(circle at 0% 0%, rgba(0,229,255,.050), transparent 32%),
      linear-gradient(180deg, rgba(2,17,29,.34), rgba(1,7,13,.38)) !important;
    border-color:rgba(0,229,255,.075) !important;
  }

  .pm-detail-grid-v48{
    display:none !important;
  }

  .pm-detail-meta-strip-v50{
    position:relative;
    z-index:1;
    margin:8px 8px 7px;
    padding:8px 9px;
    border-radius:13px;
    display:grid;
    grid-template-columns:1.08fr 1.02fr .78fr;
    gap:7px;
    background:
      linear-gradient(90deg, rgba(0,229,255,.052), rgba(2,10,18,.20), rgba(255,201,77,.030));
    box-shadow:inset 0 0 0 1px rgba(0,229,255,.085), inset 0 1px 0 rgba(255,255,255,.025);
  }
  .pm-detail-meta-cell-v50{
    min-width:0;
    padding:0 6px;
    border-right:1px solid rgba(0,229,255,.085);
  }
  .pm-detail-meta-cell-v50:last-child{ border-right:0; }
  .pm-detail-meta-cell-v50 span{
    display:block;
    margin-bottom:4px;
    font-family:var(--font-display);
    font-size:8.4px;
    line-height:1;
    font-weight:950;
    letter-spacing:.15em;
    color:rgba(143,205,230,.70);
    text-transform:uppercase;
  }
  .pm-detail-meta-cell-v50 b{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-family:var(--font-display);
    font-size:12.6px;
    line-height:1.16;
    font-weight:950;
    color:rgba(239,253,255,.94);
    letter-spacing:.02em;
  }

  .pm-detail-score-list-v50{
    margin:0 8px 7px !important;
    gap:6px !important;
  }
  .pm-detail-score-row-v50{
    min-height:42px !important;
    grid-template-columns:24px minmax(0,1fr) auto auto minmax(64px,auto) !important;
    gap:7px !important;
    padding:7px 8px !important;
    border-radius:12px !important;
    background:linear-gradient(90deg, rgba(0,229,255,.050), rgba(2,13,22,.16), rgba(0,229,255,.025)) !important;
    box-shadow:inset 0 0 0 1px rgba(0,229,255,.090) !important;
  }
  .pm-detail-score-row-v50 img{
    width:23px !important;
    height:23px !important;
  }
  .pm-detail-game-v50{
    font-size:11.8px !important;
    color:rgba(217,242,250,.84) !important;
  }
  .pm-detail-result-v50{
    font-size:18px !important;
    color:#f6fdff !important;
  }
  .pm-detail-score-row-v50.is-forfeit .pm-detail-result-v50{
    color:#ffd76d !important;
    text-shadow:0 0 12px rgba(255,201,77,.25) !important;
  }
  .pm-detail-effective-v50{
    font-size:11px !important;
    color:rgba(49,255,208,.86) !important;
  }
  .pm-detail-points-v50{
    justify-self:end;
    display:inline-grid;
    gap:2px;
    min-width:62px;
    padding:5px 7px;
    border-radius:10px;
    text-align:center;
    background:linear-gradient(180deg, rgba(255,201,77,.085), rgba(255,201,77,.025));
    box-shadow:inset 0 0 0 1px rgba(255,201,77,.135);
  }
  .pm-detail-points-v50 i{
    font-style:normal;
    font-family:var(--font-display);
    font-size:7.4px;
    line-height:1;
    font-weight:950;
    letter-spacing:.12em;
    color:rgba(255,218,122,.70);
    text-transform:uppercase;
  }
  .pm-detail-points-v50 strong{
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#ffd76d !important;
    font-size:14.2px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.04em !important;
  }

  .pm-detail-note-v48{
    margin:0 8px 7px !important;
    padding:10px 11px !important;
    min-height:38px !important;
    font-size:13px !important;
    line-height:1.36 !important;
    border-radius:12px !important;
    background:linear-gradient(90deg, rgba(0,229,255,.035), rgba(2,10,18,.24)) !important;
    box-shadow:inset 0 0 0 1px rgba(0,229,255,.07) !important;
  }
  .pm-detail-note-v48.is-forfeit{
    background:linear-gradient(90deg, rgba(255,77,96,.052), rgba(255,201,77,.032), rgba(2,10,18,.24)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,201,77,.12) !important;
  }
  .pm-detail-note-v48 .pm-sl-badge-v49c,
  .pm-detail-note-v48 .pm-hc-label-v49c{
    font-size:9.6px !important;
    padding:4px 8px !important;
  }
  .pm-detail-note-v48 .pm-sl-text-v49c,
  .pm-detail-note-v48 .pm-hc-text-v49c{
    font-size:13px !important;
    line-height:1.36 !important;
  }
}

@media (max-width:520px){
  .pm-detail-meta-strip-v50{
    grid-template-columns:1fr;
    gap:7px;
    padding:9px 10px;
  }
  .pm-detail-meta-cell-v50{
    border-right:0;
    border-bottom:1px solid rgba(0,229,255,.075);
    padding:0 0 7px;
  }
  .pm-detail-meta-cell-v50:last-child{
    border-bottom:0;
    padding-bottom:0;
  }
  .pm-detail-meta-cell-v50 span{ font-size:8px; }
  .pm-detail-meta-cell-v50 b{ font-size:12px; white-space:normal; }
  .pm-detail-score-row-v50{
    grid-template-columns:23px minmax(0,1fr) auto minmax(58px,auto) !important;
    min-height:42px !important;
  }
  .pm-detail-effective-v50{
    grid-column:2 / -1;
    justify-self:start;
    margin-top:-3px;
  }
  .pm-detail-points-v50{
    min-width:58px;
    padding:5px 6px;
  }
  .pm-detail-points-v50 strong{ font-size:13.4px !important; }
  .pm-detail-note-v48{ font-size:12px !important; }
  .pm-detail-note-v48 .pm-sl-text-v49c,
  .pm-detail-note-v48 .pm-hc-text-v49c{ font-size:12px !important; }
}

/* PATCH 50B — conditional mobile details + RAW score without handicap */
@media (max-width:899px){
  .pm-detail-meta-strip-v50b.is-scheduled-only{
    grid-template-columns:1fr 1fr !important;
  }
  .pm-detail-meta-strip-v50b.is-scheduled-only .pm-detail-meta-cell-v50 b{
    white-space:normal !important;
  }
  .pm-raw-note-v50b{
    background:linear-gradient(90deg, rgba(49,255,208,.048), rgba(0,229,255,.028), rgba(2,10,18,.24)) !important;
    box-shadow:inset 0 0 0 1px rgba(49,255,208,.115) !important;
  }
  .pm-raw-label-v50b{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 9px;
    border-radius:999px;
    font-family:var(--font-display);
    font-size:9.8px;
    line-height:1;
    font-weight:950;
    letter-spacing:.13em;
    color:#31ffd0;
    text-transform:uppercase;
    background:rgba(49,255,208,.105);
    box-shadow:inset 0 0 0 1px rgba(49,255,208,.24), 0 0 14px rgba(49,255,208,.075);
  }
  .pm-raw-text-v50b{
    min-width:0;
    font-family:var(--font-display);
    font-size:13px;
    line-height:1.36;
    font-weight:900;
    letter-spacing:.01em;
    color:rgba(214,255,245,.92);
  }
}

@media (max-width:520px){
  .pm-detail-meta-strip-v50b.is-scheduled-only{
    grid-template-columns:1fr !important;
  }
  .pm-raw-label-v50b{ font-size:9.2px; padding:4px 8px; }
  .pm-raw-text-v50b{ font-size:12.4px; }
}

/* PATCH 50C — BH result inline inside discipline rows */
@media (max-width:899px){
  .pm-detail-score-row-v50.has-bh{
    grid-template-columns:24px minmax(0,1fr) auto minmax(64px,auto) minmax(50px,auto) !important;
  }
  .pm-detail-bh-v50c{
    justify-self:end;
    display:inline-grid;
    gap:2px;
    min-width:48px;
    padding:5px 7px;
    border-radius:10px;
    text-align:center;
    background:linear-gradient(180deg, rgba(49,255,208,.075), rgba(0,229,255,.024));
    box-shadow:inset 0 0 0 1px rgba(49,255,208,.15), 0 0 12px rgba(49,255,208,.045);
  }
  .pm-detail-bh-v50c i{
    font-style:normal;
    font-family:var(--font-display);
    font-size:7.4px;
    line-height:1;
    font-weight:950;
    letter-spacing:.14em;
    color:rgba(49,255,208,.74);
    text-transform:uppercase;
  }
  .pm-detail-bh-v50c strong{
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#31ffd0 !important;
    font-size:13.8px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.035em !important;
  }
  .pm-raw-note-v50b{ display:none !important; }
}

@media (max-width:520px){
  .pm-detail-score-row-v50.has-bh{
    grid-template-columns:23px minmax(0,1fr) auto minmax(56px,auto) minmax(43px,auto) !important;
    gap:5px !important;
  }
  .pm-detail-bh-v50c{
    min-width:42px;
    padding:5px 5px;
  }
  .pm-detail-bh-v50c i{ font-size:7px; }
  .pm-detail-bh-v50c strong{ font-size:12.8px !important; }
  .pm-detail-score-row-v50.has-bh .pm-detail-points-v50{
    min-width:54px;
    padding:5px 5px;
  }
  .pm-detail-score-row-v50.has-bh .pm-detail-points-v50 i{ font-size:7px; }
  .pm-detail-score-row-v50.has-bh .pm-detail-points-v50 strong{ font-size:12.8px !important; }
  .pm-detail-score-row-v50.has-bh .pm-detail-game-v50{ font-size:11.2px !important; }
}

/* PATCH 51A — Desktop Matches V2 broadcast foundation */
@media (min-width:900px){
  .pm-matches-wrap{
    max-width:1900px !important;
  }

  .pm-desktop-match-feed-v51{
    display:flex;
    flex-direction:column;
    gap:14px;
    padding-bottom:80px;
  }

  .pm-desktop-round-block-v51{
    position:relative;
    overflow:hidden;
    margin:22px 0 2px;
    padding:18px 20px 16px;
    border-radius:24px;
    border:1px solid rgba(0,229,255,.20);
    background:
      radial-gradient(circle at 4% 0%, rgba(0,229,255,.18), transparent 32%),
      radial-gradient(circle at 98% 12%, rgba(255,42,85,.075), transparent 34%),
      linear-gradient(135deg, rgba(6,28,45,.90), rgba(3,13,24,.92) 56%, rgba(2,8,16,.96));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      inset 0 -34px 70px rgba(0,0,0,.22),
      0 18px 46px rgba(0,0,0,.27);
  }
  .pm-desktop-round-block-v51::before{
    content:"";
    position:absolute;
    left:0;
    top:18px;
    bottom:18px;
    width:5px;
    border-radius:999px;
    background:linear-gradient(180deg, #29f3ff, rgba(0,229,255,.18));
    box-shadow:0 0 22px rgba(0,229,255,.48);
  }
  .pm-desktop-round-main-v51{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding-left:12px;
  }
  .pm-desktop-round-kicker-v51{
    font-family:var(--font-display);
    font-size:11px;
    font-weight:900;
    letter-spacing:.22em;
    color:rgba(126,239,255,.86);
    text-transform:uppercase;
  }
  .pm-desktop-round-main-v51 h2{
    margin:4px 0 0;
    font-family:var(--font-display);
    font-size:26px;
    line-height:1;
    font-weight:950;
    letter-spacing:.03em;
    color:#f4fdff;
    text-transform:uppercase;
    text-shadow:0 0 24px rgba(0,229,255,.16);
  }
  .pm-desktop-round-window-v51{
    min-width:230px;
    padding:10px 14px;
    border-radius:16px;
    border:1px solid rgba(0,229,255,.18);
    background:rgba(3,18,31,.58);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    text-align:right;
  }
  .pm-desktop-round-window-v51 span{
    display:block;
    margin-bottom:4px;
    font-family:var(--font-display);
    font-size:9px;
    font-weight:950;
    letter-spacing:.18em;
    color:rgba(143,205,230,.72);
    text-transform:uppercase;
  }
  .pm-desktop-round-window-v51 b{
    display:block;
    font-family:var(--font-display);
    font-size:15px;
    line-height:1.1;
    font-weight:900;
    color:rgba(238,253,255,.94);
  }
  .pm-desktop-round-stats-v51{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:14px;
    padding-left:12px;
  }
  .pm-desktop-round-stats-v51 span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(120,180,210,.14);
    background:rgba(3,18,31,.52);
    color:rgba(176,211,231,.82);
    font-family:var(--font-display);
    font-size:11px;
    font-weight:800;
    letter-spacing:.04em;
  }
  .pm-desktop-round-stats-v51 b{
    color:#31ffd0;
    font-weight:950;
  }

  .pm-desktop-match-card-v51{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    border:1px solid rgba(0,229,255,.18);
    background:
      radial-gradient(circle at 8% 0%, rgba(0,229,255,.11), transparent 30%),
      radial-gradient(circle at 94% 0%, rgba(0,229,255,.065), transparent 32%),
      linear-gradient(135deg, rgba(7,28,45,.88), rgba(3,13,24,.94) 58%, rgba(2,8,16,.98));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.040),
      inset 0 -34px 70px rgba(0,0,0,.20),
      0 18px 42px rgba(0,0,0,.25);
    padding:16px 18px 15px;
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  .pm-desktop-match-card-v51::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      linear-gradient(90deg, rgba(0,229,255,.09), transparent 22%, transparent 78%, rgba(255,42,85,.035)),
      linear-gradient(180deg, rgba(255,255,255,.030), transparent 40%);
    opacity:.82;
  }
  .pm-desktop-match-card-v51:hover{
    transform:translateY(-2px);
    border-color:rgba(0,229,255,.32);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.050),
      inset 0 -34px 70px rgba(0,0,0,.20),
      0 0 0 1px rgba(0,229,255,.04),
      0 22px 52px rgba(0,0,0,.32),
      0 0 34px rgba(0,229,255,.10);
  }
  .pm-desktop-match-card-v51.is-live{
    border-color:rgba(255,65,95,.48);
    background:
      radial-gradient(circle at 8% 0%, rgba(255,65,95,.14), transparent 34%),
      radial-gradient(circle at 93% 0%, rgba(255,65,95,.085), transparent 32%),
      linear-gradient(135deg, rgba(42,12,25,.92), rgba(5,14,26,.94) 60%, rgba(3,8,16,.98));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      0 0 0 1px rgba(255,65,95,.09),
      0 0 34px rgba(255,42,85,.12),
      0 18px 42px rgba(0,0,0,.28);
  }
  .pm-desktop-match-card-v51.is-partial{
    border-color:rgba(255,201,77,.34);
  }
  .pm-desktop-match-card-v51.is-done{
    border-color:rgba(44,255,179,.24);
  }

  .pm-desktop-match-top-v51{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:12px;
  }
  .pm-desktop-round-label-v51{
    font-family:var(--font-display);
    font-size:11px;
    line-height:1;
    font-weight:900;
    letter-spacing:.19em;
    color:rgba(126,211,236,.82);
    text-transform:uppercase;
  }

  .pm-desktop-match-grid-v51{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(240px,1fr) minmax(210px,280px) minmax(240px,1fr);
    align-items:center;
    gap:18px;
  }
  .pm-desktop-player-v51{
    min-width:0;
    display:flex;
    align-items:center;
    gap:14px;
  }
  .pm-desktop-player-v51.right{
    justify-content:flex-end;
    text-align:right;
  }
  .pm-desktop-player-v51 .pm-match-avatar-v45{
    width:62px !important;
    height:62px !important;
    margin:0 !important;
    border-width:1px;
    box-shadow:
      inset 0 0 0 2px rgba(255,255,255,.035),
      inset 0 -14px 22px rgba(0,0,0,.35),
      0 0 22px rgba(0,229,255,.28);
  }
  .pm-desktop-player-v51 .pm-match-avatar-v45 span{
    font-size:16px !important;
    font-weight:950;
  }
  .pm-desktop-player-copy-v51{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
  }
  .pm-desktop-player-copy-v51 strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    font-family:var(--font-display);
    font-size:21px;
    line-height:1.05;
    font-weight:950;
    color:#f6fdff;
    letter-spacing:.01em;
    text-shadow:0 0 18px rgba(0,229,255,.10), 0 0 3px rgba(0,0,0,.45);
  }
  .pm-desktop-player-copy-v51 em{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    font-family:var(--font-display);
    font-size:12px;
    line-height:1;
    font-style:normal;
    font-weight:900;
    letter-spacing:.12em;
    color:rgba(126,239,255,.74);
    text-transform:uppercase;
  }
  .pm-desktop-player-copy-v51 span{
    display:inline-flex;
    width:max-content;
    max-width:100%;
    padding:4px 8px;
    border-radius:999px;
    border:1px solid rgba(0,229,255,.15);
    background:rgba(0,229,255,.052);
    font-family:var(--font-display);
    font-size:10px;
    font-weight:900;
    letter-spacing:.10em;
    color:rgba(198,235,247,.78);
    text-transform:uppercase;
  }
  .pm-desktop-player-v51.right .pm-desktop-player-copy-v51 span{
    margin-left:auto;
  }

  .pm-desktop-score-zone-v51{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    justify-items:center;
  }
  .pm-desktop-score-zone-v51 .pm-score-hud{
    width:100%;
    min-width:210px;
    border-radius:15px;
  }
  .pm-desktop-score-zone-v51 .pm-score-row{
    min-height:38px;
    grid-template-columns:26px minmax(50px,1fr) auto;
    padding:6px 11px;
    column-gap:9px;
  }
  .pm-desktop-score-zone-v51 .pm-score-ball{
    width:25px;
    height:25px;
  }
  .pm-desktop-score-zone-v51 .pm-score-game{
    font-size:11px;
    letter-spacing:.08em;
  }
  .pm-desktop-score-zone-v51 .pm-score-value{
    font-size:24px;
  }
  .pm-desktop-points-v51{
    display:inline-grid;
    grid-template-columns:auto auto;
    align-items:center;
    gap:10px;
    min-width:158px;
    padding:8px 12px;
    border-radius:14px;
    border:1px solid rgba(255,201,77,.18);
    background:linear-gradient(135deg, rgba(255,201,77,.085), rgba(3,18,31,.44));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 0 18px rgba(255,201,77,.055);
  }
  .pm-desktop-points-v51 span{
    font-family:var(--font-display);
    font-size:9px;
    line-height:1;
    font-weight:950;
    letter-spacing:.15em;
    color:rgba(255,218,122,.72);
    text-transform:uppercase;
  }
  .pm-desktop-points-v51 b{
    font-family:var(--font-display);
    font-size:22px;
    line-height:1;
    font-weight:950;
    color:#ffd76d;
    letter-spacing:.04em;
  }

  .pm-desktop-info-strip-v51{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:13px;
    padding-top:12px;
    border-top:1px solid rgba(0,229,255,.10);
  }
  .pm-desktop-info-strip-v51 span{
    min-width:0;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 10px;
    border-radius:999px;
    border:1px solid rgba(0,229,255,.12);
    background:rgba(2,14,24,.46);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.026);
  }
  .pm-desktop-info-strip-v51 i{
    font-style:normal;
    font-family:var(--font-display);
    font-size:8px;
    line-height:1;
    font-weight:950;
    letter-spacing:.14em;
    color:rgba(143,205,230,.66);
    text-transform:uppercase;
  }
  .pm-desktop-info-strip-v51 b{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-family:var(--font-display);
    font-size:12px;
    line-height:1;
    font-weight:900;
    color:rgba(238,253,255,.90);
  }

  .pm-desktop-detail-score-list-v51{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:8px;
    margin-top:10px;
  }
  .pm-desktop-detail-score-row-v51{
    display:grid;
    grid-template-columns:28px minmax(0,1fr) auto auto auto;
    align-items:center;
    gap:9px;
    min-height:42px;
    padding:8px 10px;
    border-radius:14px;
    border:1px solid rgba(0,229,255,.10);
    background:linear-gradient(90deg, rgba(0,229,255,.045), rgba(2,12,22,.24));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  }
  .pm-desktop-detail-score-row-v51 img{
    width:26px;
    height:26px;
    object-fit:contain;
    filter:drop-shadow(0 0 8px rgba(0,229,255,.18));
  }
  .pm-desktop-detail-score-row-v51 span{
    font-family:var(--font-display);
    font-size:13px;
    font-weight:900;
    color:rgba(217,242,250,.86);
  }
  .pm-desktop-detail-score-row-v51 b{
    font-family:var(--font-display);
    font-size:20px;
    line-height:1;
    font-weight:950;
    color:#f6fdff;
  }
  .pm-desktop-detail-score-row-v51 em{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:25px;
    padding:5px 8px;
    border-radius:999px;
    font-family:var(--font-display);
    font-size:10px;
    line-height:1;
    font-style:normal;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#ffd76d;
    background:rgba(255,201,77,.075);
    box-shadow:inset 0 0 0 1px rgba(255,201,77,.13);
  }
  .pm-desktop-detail-score-row-v51 .pm-desktop-bh-v51{
    color:#31ffd0;
    background:rgba(49,255,208,.070);
    box-shadow:inset 0 0 0 1px rgba(49,255,208,.13);
  }
  .pm-desktop-detail-score-row-v51.is-forfeit b{
    color:#ffd76d;
    text-shadow:0 0 14px rgba(255,201,77,.22);
  }

  .pm-desktop-notes-v51{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:8px;
    margin-top:10px;
  }
  .pm-desktop-note-v51{
    display:flex;
    align-items:center;
    gap:9px;
    min-height:38px;
    padding:9px 11px;
    border-radius:14px;
    border:1px solid rgba(0,229,255,.10);
    background:linear-gradient(90deg, rgba(0,229,255,.035), rgba(2,10,18,.24));
  }
  .pm-desktop-note-v51.is-forfeit{
    border-color:rgba(255,201,77,.15);
    background:linear-gradient(90deg, rgba(255,77,96,.052), rgba(255,201,77,.032), rgba(2,10,18,.24));
  }

  @media (max-width:1180px){
    .pm-desktop-match-grid-v51{
      grid-template-columns:minmax(200px,1fr) minmax(190px,240px) minmax(200px,1fr);
      gap:12px;
    }
    .pm-desktop-player-v51 .pm-match-avatar-v45{
      width:54px !important;
      height:54px !important;
    }
    .pm-desktop-player-copy-v51 strong{
      font-size:18px;
    }
    .pm-desktop-score-zone-v51 .pm-score-hud{
      min-width:190px;
    }
  }
}

/* PATCH 51B — Desktop responsive balance + broadcast polish */
@media (min-width:900px){
  .pm-desktop-match-feed-v51{
    gap:16px;
  }

  .pm-desktop-round-block-v51{
    padding:20px 24px 18px !important;
    border-radius:26px !important;
  }
  .pm-desktop-round-main-v51 h2{
    font-size:30px !important;
  }
  .pm-desktop-round-kicker-v51{
    font-size:12px !important;
  }
  .pm-desktop-round-stats-v51 span{
    font-size:12px !important;
    padding:7px 12px !important;
  }
  .pm-desktop-round-window-v51{
    min-width:245px !important;
    padding:12px 16px !important;
  }
  .pm-desktop-round-window-v51 b{
    font-size:16px !important;
  }

  .pm-desktop-match-card-v51{
    padding:19px 22px 18px !important;
    border-radius:26px !important;
  }
  .pm-desktop-match-top-v51{
    margin-bottom:14px !important;
  }
  .pm-desktop-round-label-v51{
    font-size:12px !important;
    letter-spacing:.18em !important;
  }
  .pm-desktop-match-grid-v51{
    grid-template-columns:minmax(250px,.96fr) minmax(270px,340px) minmax(250px,.96fr) !important;
    gap:20px !important;
  }
  .pm-desktop-player-v51{
    gap:16px !important;
  }
  .pm-desktop-player-v51 .pm-match-avatar-v45{
    width:72px !important;
    height:72px !important;
    box-shadow:
      inset 0 0 0 2px rgba(255,255,255,.04),
      inset 0 -16px 24px rgba(0,0,0,.38),
      0 0 26px rgba(0,229,255,.31) !important;
  }
  .pm-desktop-player-v51 .pm-match-avatar-v45 span{
    font-size:18px !important;
  }
  .pm-desktop-player-copy-v51 strong{
    font-size:23px !important;
    line-height:1.06 !important;
  }
  .pm-desktop-player-copy-v51 em{
    font-size:13px !important;
  }
  .pm-desktop-player-copy-v51 span{
    font-size:11px !important;
    padding:5px 9px !important;
  }

  .pm-desktop-score-zone-v51{
    gap:10px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-hud{
    min-width:270px !important;
    border-radius:17px !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      0 0 0 1px rgba(0,229,255,.10),
      0 0 28px rgba(0,229,255,.12) !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-row{
    min-height:46px !important;
    grid-template-columns:32px minmax(72px,1fr) auto !important;
    padding:8px 13px !important;
    column-gap:11px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-ball{
    width:30px !important;
    height:30px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-game{
    font-size:13px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-value{
    font-size:30px !important;
  }
  .pm-desktop-points-v51{
    min-width:180px !important;
    padding:10px 14px !important;
    border-radius:15px !important;
  }
  .pm-desktop-points-v51 span{
    font-size:10px !important;
  }
  .pm-desktop-points-v51 b{
    font-size:25px !important;
  }

  .pm-desktop-info-strip-v51{
    gap:10px !important;
    margin-top:15px !important;
    padding-top:14px !important;
  }
  .pm-desktop-info-strip-v51 span{
    min-height:34px !important;
    padding:8px 12px !important;
  }
  .pm-desktop-info-strip-v51 i{
    font-size:9px !important;
  }
  .pm-desktop-info-strip-v51 b{
    font-size:13px !important;
  }

  .pm-desktop-detail-score-list-v51{
    gap:10px !important;
    margin-top:12px !important;
  }
  .pm-desktop-detail-score-row-v51{
    min-height:50px !important;
    grid-template-columns:34px minmax(0,1fr) auto auto auto !important;
    gap:11px !important;
    padding:10px 12px !important;
    border-radius:15px !important;
  }
  .pm-desktop-detail-score-row-v51 img{
    width:31px !important;
    height:31px !important;
  }
  .pm-desktop-detail-score-row-v51 span{
    font-size:15px !important;
  }
  .pm-desktop-detail-score-row-v51 b{
    font-size:24px !important;
  }
  .pm-desktop-detail-score-row-v51 em{
    min-height:28px !important;
    padding:6px 10px !important;
    font-size:11px !important;
  }
  .pm-desktop-notes-v51{
    gap:10px !important;
    margin-top:11px !important;
  }
  .pm-desktop-note-v51{
    min-height:44px !important;
    padding:10px 13px !important;
    font-size:14px !important;
  }

  .pm-desktop-match-card-v51.is-live{
    animation:pmDesktopLiveBreath 2.6s ease-in-out infinite;
  }
  .pm-desktop-match-card-v51.is-live .pm-status-badge-v45{
    animation:pmDesktopLiveBadgePulse 1.25s ease-in-out infinite;
  }
}

@keyframes pmDesktopLiveBreath{
  0%,100%{ box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 0 0 1px rgba(255,65,95,.09), 0 0 30px rgba(255,42,85,.11), 0 18px 42px rgba(0,0,0,.28); }
  50%{ box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 0 0 1px rgba(255,65,95,.16), 0 0 48px rgba(255,42,85,.20), 0 20px 48px rgba(0,0,0,.32); }
}
@keyframes pmDesktopLiveBadgePulse{
  0%,100%{ transform:translateZ(0) scale(1); filter:drop-shadow(0 0 0 rgba(255,64,96,0)); }
  50%{ transform:translateZ(0) scale(1.035); filter:drop-shadow(0 0 10px rgba(255,64,96,.35)); }
}

/* Standard desktop / laptop: keep cards readable without over-stretching */
@media (min-width:900px) and (max-width:1399px){
  .pm-matches-wrap{
    max-width:1240px !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .pm-desktop-round-block-v51{
    padding:18px 20px 16px !important;
  }
  .pm-desktop-round-main-v51 h2{
    font-size:27px !important;
  }
  .pm-desktop-round-window-v51{
    min-width:220px !important;
  }
  .pm-desktop-match-card-v51{
    padding:18px 20px 17px !important;
  }
  .pm-desktop-match-grid-v51{
    grid-template-columns:minmax(205px,.88fr) minmax(260px,310px) minmax(205px,.88fr) !important;
    gap:14px !important;
  }
  .pm-desktop-player-v51{
    gap:12px !important;
  }
  .pm-desktop-player-v51 .pm-match-avatar-v45{
    width:66px !important;
    height:66px !important;
  }
  .pm-desktop-player-copy-v51 strong{
    font-size:21px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-hud{
    min-width:260px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-row{
    min-height:44px !important;
    grid-template-columns:30px minmax(64px,1fr) auto !important;
    padding:8px 12px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-ball{
    width:29px !important;
    height:29px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-value{
    font-size:29px !important;
  }
  .pm-desktop-info-strip-v51 span{
    padding:8px 11px !important;
  }
  .pm-desktop-detail-score-list-v51{
    grid-template-columns:1fr 1fr !important;
  }
}

/* Narrow desktop: switch to a controlled broadcast stack instead of squeezing horizontally */
@media (min-width:900px) and (max-width:1080px){
  .pm-desktop-match-card-v51{
    padding:17px 18px 16px !important;
  }
  .pm-desktop-match-grid-v51{
    grid-template-columns:1fr minmax(250px,300px) 1fr !important;
    gap:10px !important;
  }
  .pm-desktop-player-v51{
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    text-align:left !important;
    gap:9px !important;
  }
  .pm-desktop-player-v51.right{
    align-items:flex-end !important;
    text-align:right !important;
  }
  .pm-desktop-player-v51 .pm-match-avatar-v45{
    width:60px !important;
    height:60px !important;
  }
  .pm-desktop-player-copy-v51 strong{
    font-size:19px !important;
    white-space:normal !important;
  }
  .pm-desktop-player-copy-v51 em{
    font-size:12px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-hud{
    min-width:250px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-row{
    min-height:43px !important;
  }
  .pm-desktop-info-strip-v51{
    gap:7px !important;
  }
  .pm-desktop-info-strip-v51 span{
    flex:1 1 180px !important;
  }
}

/* Wide desktop: use available width, but keep score readable and balanced */
@media (min-width:1500px){
  .pm-desktop-match-feed-v51{
    gap:18px !important;
  }
  .pm-desktop-match-card-v51{
    padding:22px 26px 20px !important;
  }
  .pm-desktop-match-grid-v51{
    grid-template-columns:minmax(320px,1fr) minmax(320px,380px) minmax(320px,1fr) !important;
    gap:26px !important;
  }
  .pm-desktop-player-v51 .pm-match-avatar-v45{
    width:78px !important;
    height:78px !important;
  }
  .pm-desktop-player-copy-v51 strong{
    font-size:25px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-hud{
    min-width:320px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-row{
    min-height:48px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-value{
    font-size:32px !important;
  }
  .pm-desktop-detail-score-list-v51{
    grid-template-columns:repeat(2,minmax(320px,1fr)) !important;
  }
}

/* =========================================================
   PATCH 51C — responsive dead-zone correction (700–1200px)
   - 701–899px: tablet mobile mode, larger readable cards instead of tiny mobile.
   - 900–1199px: compact desktop/tablet broadcast stack.
   - 1200–1499px: standard desktop balance after compact mode.
   - 1500px+: keep wide broadcast behavior from 51B.
   ========================================================= */

/* 701–899: tablet mobile mode — keep mobile architecture, but scale it for tablets. */
@media (min-width:701px) and (max-width:899px){
  .pm-matches-wrap{
    max-width:820px !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .pm-mobile-match-feed{
    gap:16px !important;
  }
  .pm-mobile-round-block{
    margin-top:22px !important;
    padding:17px 18px 15px !important;
    border-radius:22px !important;
  }
  .pm-mobile-round-kicker{
    font-size:13px !important;
    letter-spacing:.22em !important;
  }
  .pm-mobile-round-window{
    font-size:12px !important;
  }
  .pm-mobile-round-count{
    font-size:12px !important;
    padding:7px 12px !important;
  }
  .pm-mobile-round-stats span{
    font-size:12px !important;
    padding:6px 11px !important;
  }

  .pm-match-card-v47{
    border-radius:23px !important;
  }
  .pm-match-shell-v47{
    grid-template-columns:76px minmax(0,1fr) !important;
    gap:15px !important;
    padding:15px 16px 15px 14px !important;
  }
  .pm-match-date-rail-v47{
    width:76px !important;
    min-height:150px !important;
    max-height:168px !important;
    border-radius:18px !important;
    padding:11px 8px !important;
  }
  .pm-date-icon-v47{
    width:26px !important;
    height:26px !important;
    margin-bottom:9px !important;
  }
  .pm-match-date-rail-v47 strong{
    font-size:32px !important;
  }
  .pm-match-date-rail-v47 em{
    font-size:11px !important;
    letter-spacing:1.35px !important;
  }
  .pm-match-date-rail-v47 small{
    max-width:66px !important;
    font-size:11px !important;
  }
  .pm-date-line-v47{
    width:42px !important;
    margin:9px 0 8px !important;
  }

  .pm-mc-header-v47{
    margin-bottom:11px !important;
  }
  .pm-mc-round-v45,
  .pm-mc-round-v47{
    font-size:12px !important;
    letter-spacing:.18em !important;
  }
  .pm-mc-header-v47 .pm-status-pill{
    font-size:11px !important;
    padding:7px 13px !important;
  }
  .pm-match-main-v47{
    gap:14px !important;
  }
  .pm-match-main-v47 .pm-match-avatar-v45{
    width:68px !important;
    height:68px !important;
  }
  .pm-match-main-v47 .pm-match-avatar-v45 span{
    font-size:17px !important;
  }
  .pm-match-main-v47 .pm-mobile-player-name{
    font-size:18px !important;
    max-width:150px !important;
    line-height:1.05 !important;
  }
  .pm-match-main-v47 .pm-mobile-player-nick{
    font-size:10.5px !important;
    letter-spacing:1.05px !important;
  }
  .pm-score-center-v47{
    max-width:164px !important;
  }
  .pm-score-center-v47 .pm-score-hud{
    min-width:152px !important;
    border-radius:16px !important;
  }
  .pm-score-center-v47 .pm-score-row{
    min-height:38px !important;
    grid-template-columns:26px minmax(44px,1fr) auto !important;
    column-gap:9px !important;
    padding:7px 10px !important;
  }
  .pm-score-center-v47 .pm-score-ball-img,
  .pm-score-center-v47 .pm-score-ball{
    width:24px !important;
    height:24px !important;
  }
  .pm-score-center-v47 .pm-score-game{
    font-size:10.5px !important;
  }
  .pm-score-center-v47 .pm-score-value{
    font-size:24px !important;
  }

  .pm-match-meta-v47{
    gap:11px !important;
    margin-top:13px !important;
    padding-top:11px !important;
  }
  .pm-meta-chip-v47{
    min-height:42px !important;
    padding:8px 12px !important;
    border-radius:14px !important;
  }
  .pm-meta-chip-v47 b,
  .pm-meta-duration-v47 b{
    font-size:17px !important;
  }
  .pm-meta-chip-v47 small{
    font-size:10.5px !important;
  }
  .pm-sl-text-v49c,
  .pm-hc-text-v49c,
  .pm-hc-strip-v47{
    font-size:14px !important;
    line-height:1.36 !important;
  }
  .pm-match-expand-toggle-v48{
    min-height:36px !important;
    font-size:11px !important;
  }

  .pm-detail-meta-strip-v50,
  .pm-detail-meta-strip-v50b{
    grid-template-columns:1fr 1fr 1fr !important;
    padding:11px 13px !important;
  }
  .pm-detail-meta-cell-v50 span{
    font-size:9.8px !important;
  }
  .pm-detail-meta-cell-v50 b{
    font-size:14px !important;
  }
  .pm-detail-score-row-v50{
    min-height:50px !important;
    padding:10px 12px !important;
  }
  .pm-detail-game-v50{
    font-size:13.5px !important;
  }
  .pm-detail-result-v50{
    font-size:21px !important;
  }
  .pm-detail-note-v48 .pm-sl-text-v49c,
  .pm-detail-note-v48 .pm-hc-text-v49c{
    font-size:14px !important;
  }
}

/* 900–1199: compact desktop/tablet broadcast stack, not a squeezed desktop row. */
@media (min-width:900px) and (max-width:1199px){
  .pm-matches-wrap{
    max-width:1120px !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .pm-desktop-match-feed-v51{
    gap:16px !important;
  }
  .pm-desktop-round-block-v51{
    padding:18px 20px 16px !important;
    border-radius:24px !important;
  }
  .pm-desktop-round-main-v51{
    align-items:flex-start !important;
  }
  .pm-desktop-round-main-v51 h2{
    font-size:29px !important;
  }
  .pm-desktop-round-window-v51{
    min-width:220px !important;
  }

  .pm-desktop-match-card-v51{
    padding:18px 20px 17px !important;
    border-radius:24px !important;
  }
  .pm-desktop-match-grid-v51{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    grid-template-areas:
      "score score"
      "left right" !important;
    gap:14px 18px !important;
    align-items:center !important;
  }
  .pm-desktop-player-v51:not(.right){
    grid-area:left !important;
  }
  .pm-desktop-player-v51.right{
    grid-area:right !important;
  }
  .pm-desktop-score-zone-v51{
    grid-area:score !important;
    justify-self:center !important;
    width:min(100%, 420px) !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-hud{
    width:100% !important;
    min-width:0 !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-row{
    min-height:48px !important;
    grid-template-columns:34px minmax(86px,1fr) auto !important;
    padding:9px 14px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-ball{
    width:31px !important;
    height:31px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-game{
    font-size:13.5px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-value{
    font-size:32px !important;
  }
  .pm-desktop-points-v51{
    min-width:170px !important;
    padding:10px 14px !important;
  }
  .pm-desktop-points-v51 b{
    font-size:25px !important;
  }

  .pm-desktop-player-v51{
    flex-direction:row !important;
    align-items:center !important;
    gap:13px !important;
  }
  .pm-desktop-player-v51.right{
    flex-direction:row-reverse !important;
    text-align:right !important;
  }
  .pm-desktop-player-v51 .pm-match-avatar-v45{
    width:68px !important;
    height:68px !important;
  }
  .pm-desktop-player-copy-v51 strong{
    font-size:22px !important;
    line-height:1.08 !important;
  }
  .pm-desktop-player-copy-v51 em{
    font-size:12.5px !important;
  }
  .pm-desktop-player-copy-v51 span{
    font-size:10.5px !important;
  }

  .pm-desktop-info-strip-v51{
    margin-top:14px !important;
    gap:9px !important;
  }
  .pm-desktop-info-strip-v51 span{
    min-height:36px !important;
    padding:8px 12px !important;
  }
  .pm-desktop-info-strip-v51 i{
    font-size:9.5px !important;
  }
  .pm-desktop-info-strip-v51 b{
    font-size:13.5px !important;
  }
  .pm-desktop-detail-score-list-v51{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }
  .pm-desktop-detail-score-row-v51{
    min-height:52px !important;
  }
  .pm-desktop-note-v51{
    font-size:14px !important;
  }
}

/* 1200–1499: standard desktop, stronger score and better density. */
@media (min-width:1200px) and (max-width:1499px){
  .pm-matches-wrap{
    max-width:1420px !important;
  }
  .pm-desktop-match-grid-v51{
    grid-template-columns:minmax(250px,.9fr) minmax(300px,350px) minmax(250px,.9fr) !important;
    gap:18px !important;
  }
  .pm-desktop-player-v51 .pm-match-avatar-v45{
    width:70px !important;
    height:70px !important;
  }
  .pm-desktop-player-copy-v51 strong{
    font-size:23px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-hud{
    min-width:300px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-row{
    min-height:47px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-value{
    font-size:31px !important;
  }
}

/* =========================================================
   PATCH 51D — final mobile axis lock + compact responsive finish
   - Fixes mobile centering regression after 51C.
   - Score HUD is locked to the true center axis between two equal player columns.
   - Player blocks keep identical internal rhythm so avatar/name/nick align symmetrically.
   ========================================================= */
@media (max-width:700px){
  .pm-match-body-v47{
    min-width:0 !important;
  }

  .pm-match-main-v47{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 116px minmax(0,1fr) !important;
    align-items:start !important;
    justify-items:stretch !important;
    gap:10px !important;
    width:100% !important;
  }

  .pm-match-main-v47 .pm-side-player{
    min-width:0 !important;
    width:100% !important;
    align-self:start !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .pm-match-main-v47 .pm-side-player.left,
  .pm-match-main-v47 .pm-side-player.right{
    justify-content:center !important;
    text-align:center !important;
  }

  .pm-match-main-v47 .pm-mobile-player-block,
  .pm-match-main-v47 .pm-mobile-player-block.left,
  .pm-match-main-v47 .pm-mobile-player-block.right{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-rows:60px 36px 14px !important;
    align-items:start !important;
    justify-items:center !important;
    justify-content:center !important;
    align-content:start !important;
    text-align:center !important;
    gap:4px !important;
    min-height:112px !important;
  }

  .pm-match-main-v47 .pm-match-avatar-v45{
    width:58px !important;
    height:58px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    align-self:start !important;
    justify-self:center !important;
  }

  .pm-match-main-v47 .pm-mobile-player-name{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    min-height:34px !important;
    max-height:34px !important;
    max-width:92px !important;
    text-align:center !important;
    font-size:14.6px !important;
    line-height:1.08 !important;
    font-weight:950 !important;
  }

  .pm-match-main-v47 .pm-mobile-player-nick{
    width:100% !important;
    max-width:92px !important;
    text-align:center !important;
    justify-self:center !important;
    font-size:9.2px !important;
    line-height:1.05 !important;
    letter-spacing:.9px !important;
  }

  .pm-score-center-v47{
    width:116px !important;
    min-width:116px !important;
    max-width:116px !important;
    justify-self:center !important;
    align-self:start !important;
  }

  .pm-score-center-v47 .pm-score-hud{
    width:116px !important;
    min-width:116px !important;
    max-width:116px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .pm-score-center-v47 .pm-score-row{
    grid-template-columns:20px minmax(31px,1fr) auto !important;
    column-gap:6px !important;
    min-height:29px !important;
    padding:5px 7px !important;
  }

  .pm-score-center-v47 .pm-score-ball-img,
  .pm-score-center-v47 .pm-score-ball{
    width:19px !important;
    height:19px !important;
  }

  .pm-score-center-v47 .pm-score-game{
    font-size:8px !important;
    letter-spacing:.02em !important;
  }

  .pm-score-center-v47 .pm-score-value{
    font-size:18px !important;
  }
}

@media (max-width:430px){
  .pm-match-shell-v47{
    grid-template-columns:62px minmax(0,1fr) !important;
    gap:10px !important;
    padding:11px 11px 11px 10px !important;
  }

  .pm-match-date-rail-v47{
    width:62px !important;
    min-height:128px !important;
    max-height:146px !important;
    padding:10px 6px !important;
  }

  .pm-match-date-rail-v47 strong{
    font-size:27px !important;
  }

  .pm-match-date-rail-v47 em{
    font-size:10px !important;
    letter-spacing:1.15px !important;
  }

  .pm-match-date-rail-v47 small{
    font-size:9px !important;
    max-width:56px !important;
  }

  .pm-date-icon-v47{
    width:22px !important;
    height:22px !important;
    margin-bottom:7px !important;
  }

  .pm-date-line-v47{
    width:34px !important;
    margin:8px 0 7px !important;
  }

  .pm-match-main-v47{
    grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr) !important;
    gap:8px !important;
  }

  .pm-match-main-v47 .pm-mobile-player-block,
  .pm-match-main-v47 .pm-mobile-player-block.left,
  .pm-match-main-v47 .pm-mobile-player-block.right{
    grid-template-rows:56px 34px 13px !important;
    min-height:105px !important;
    gap:3px !important;
  }

  .pm-match-main-v47 .pm-match-avatar-v45{
    width:54px !important;
    height:54px !important;
  }

  .pm-match-main-v47 .pm-mobile-player-name{
    max-width:78px !important;
    min-height:33px !important;
    max-height:33px !important;
    font-size:13.5px !important;
    line-height:1.08 !important;
  }

  .pm-match-main-v47 .pm-mobile-player-nick{
    max-width:78px !important;
    font-size:8.4px !important;
    letter-spacing:.78px !important;
  }

  .pm-score-center-v47,
  .pm-score-center-v47 .pm-score-hud{
    width:108px !important;
    min-width:108px !important;
    max-width:108px !important;
  }

  .pm-score-center-v47 .pm-score-row{
    grid-template-columns:18px minmax(27px,1fr) auto !important;
    column-gap:5px !important;
    min-height:27px !important;
    padding:4px 6px !important;
  }

  .pm-score-center-v47 .pm-score-ball-img,
  .pm-score-center-v47 .pm-score-ball{
    width:17px !important;
    height:17px !important;
  }

  .pm-score-center-v47 .pm-score-game{
    font-size:7.2px !important;
  }

  .pm-score-center-v47 .pm-score-value{
    font-size:16.5px !important;
  }
}

/* Compact desktop finish: reduce the 900–1399 vertical float without touching true mobile. */
@media (min-width:900px) and (max-width:1399px){
  .pm-desktop-round-block-v51{
    margin-top:20px !important;
  }
  .pm-desktop-match-card-v51{
    margin-bottom:14px !important;
  }
}

/* =========================================================
   PATCH 51E — final 900–1200 compact desktop alignment
   - Fixes the transition zone where the card became too tall.
   - Restores a true horizontal match axis for 900–1199px.
   - Keeps mobile <=700 and wide desktop >=1200 untouched.
   ========================================================= */
@media (min-width:900px) and (max-width:1199px){
  .pm-matches-wrap{
    max-width:1080px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .pm-desktop-round-block-v51{
    margin-top:18px !important;
    padding:16px 18px 14px !important;
    border-radius:22px !important;
  }
  .pm-desktop-round-main-v51 h2{
    font-size:26px !important;
    line-height:1 !important;
  }
  .pm-desktop-round-stats-v51{
    gap:8px !important;
    margin-top:13px !important;
  }
  .pm-desktop-round-stats-v51 span{
    min-height:28px !important;
    padding:7px 11px !important;
    font-size:11.5px !important;
  }
  .pm-desktop-round-window-v51{
    min-width:205px !important;
    min-height:54px !important;
    padding:10px 14px !important;
  }

  .pm-desktop-match-feed-v51{
    gap:14px !important;
  }
  .pm-desktop-match-card-v51{
    padding:16px 18px 15px !important;
    border-radius:23px !important;
    margin-bottom:12px !important;
  }

  .pm-desktop-match-grid-v51{
    display:grid !important;
    grid-template-columns:minmax(155px,1fr) minmax(255px,310px) minmax(155px,1fr) !important;
    grid-template-areas:"left score right" !important;
    gap:14px !important;
    align-items:center !important;
  }
  .pm-desktop-player-v51:not(.right){
    grid-area:left !important;
  }
  .pm-desktop-player-v51.right{
    grid-area:right !important;
  }
  .pm-desktop-score-zone-v51{
    grid-area:score !important;
    width:100% !important;
    max-width:310px !important;
    justify-self:center !important;
    align-self:center !important;
    gap:8px !important;
  }

  .pm-desktop-player-v51,
  .pm-desktop-player-v51.right{
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    min-width:0 !important;
  }
  .pm-desktop-player-v51.right{
    flex-direction:row-reverse !important;
    justify-content:flex-start !important;
    text-align:right !important;
  }
  .pm-desktop-player-v51 .pm-match-avatar-v45{
    width:58px !important;
    height:58px !important;
    flex:0 0 58px !important;
  }
  .pm-desktop-player-copy-v51{
    min-width:0 !important;
  }
  .pm-desktop-player-copy-v51 strong{
    font-size:18.5px !important;
    line-height:1.04 !important;
    white-space:normal !important;
  }
  .pm-desktop-player-copy-v51 em{
    font-size:11.2px !important;
    letter-spacing:.95px !important;
  }
  .pm-desktop-player-copy-v51 span{
    font-size:9.5px !important;
    padding:4px 8px !important;
  }

  .pm-desktop-score-zone-v51 .pm-score-hud{
    width:100% !important;
    min-width:0 !important;
    max-width:310px !important;
    border-radius:17px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-row{
    min-height:43px !important;
    grid-template-columns:29px minmax(62px,1fr) auto !important;
    padding:8px 12px !important;
    column-gap:10px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-ball,
  .pm-desktop-score-zone-v51 .pm-score-ball-img{
    width:28px !important;
    height:28px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-game{
    font-size:12.5px !important;
  }
  .pm-desktop-score-zone-v51 .pm-score-value{
    font-size:29px !important;
  }
  .pm-desktop-points-v51{
    min-width:150px !important;
    padding:8px 12px !important;
    border-radius:14px !important;
  }
  .pm-desktop-points-v51 span{
    font-size:9px !important;
  }
  .pm-desktop-points-v51 b{
    font-size:23px !important;
  }

  .pm-desktop-info-strip-v51{
    margin-top:12px !important;
    padding-top:12px !important;
    gap:8px !important;
  }
  .pm-desktop-info-strip-v51 span{
    flex:1 1 0 !important;
    min-height:32px !important;
    padding:7px 10px !important;
    border-radius:12px !important;
  }
  .pm-desktop-info-strip-v51 i{
    font-size:8.5px !important;
  }
  .pm-desktop-info-strip-v51 b{
    font-size:12.5px !important;
  }

  .pm-desktop-detail-score-list-v51{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-top:10px !important;
  }
  .pm-desktop-detail-score-row-v51{
    min-height:43px !important;
    grid-template-columns:28px minmax(0,1fr) auto auto auto !important;
    gap:8px !important;
    padding:8px 10px !important;
    border-radius:13px !important;
  }
  .pm-desktop-detail-score-row-v51 img{
    width:27px !important;
    height:27px !important;
  }
  .pm-desktop-detail-score-row-v51 span{
    font-size:13px !important;
  }
  .pm-desktop-detail-score-row-v51 b{
    font-size:21px !important;
  }
  .pm-desktop-detail-score-row-v51 em{
    min-height:24px !important;
    padding:5px 8px !important;
    font-size:9.5px !important;
  }
  .pm-desktop-notes-v51{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-top:9px !important;
  }
  .pm-desktop-note-v51{
    min-height:38px !important;
    padding:8px 11px !important;
    font-size:13px !important;
    border-radius:13px !important;
  }
}

/* =========================================================
   PATCH 51F — final 701–899 center-axis lock + full GRUPA labels
   - Keeps the tablet/mobile card architecture.
   - Locks the score HUD to the true center axis between equal player columns.
   - Prevents date rail width from visually pulling the score/player composition.
   ========================================================= */
@media (min-width:701px) and (max-width:899px){
  .pm-match-body-v47{
    min-width:0 !important;
  }

  .pm-match-main-v47{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 164px minmax(0,1fr) !important;
    align-items:start !important;
    justify-items:stretch !important;
    column-gap:14px !important;
    row-gap:0 !important;
    width:100% !important;
  }

  .pm-match-main-v47 .pm-side-player,
  .pm-match-main-v47 .pm-side-player.left,
  .pm-match-main-v47 .pm-side-player.right{
    width:100% !important;
    min-width:0 !important;
    align-self:start !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .pm-match-main-v47 .pm-mobile-player-block,
  .pm-match-main-v47 .pm-mobile-player-block.left,
  .pm-match-main-v47 .pm-mobile-player-block.right{
    width:100% !important;
    min-width:0 !important;
    max-width:160px !important;
    display:grid !important;
    grid-template-rows:70px 42px 16px !important;
    align-items:start !important;
    justify-items:center !important;
    justify-content:center !important;
    align-content:start !important;
    text-align:center !important;
    gap:4px !important;
    min-height:132px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .pm-match-main-v47 .pm-match-avatar-v45{
    width:68px !important;
    height:68px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    align-self:start !important;
    justify-self:center !important;
  }

  .pm-match-main-v47 .pm-mobile-player-name{
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    min-height:39px !important;
    max-height:39px !important;
    max-width:148px !important;
    text-align:center !important;
    font-size:17px !important;
    line-height:1.08 !important;
    font-weight:950 !important;
  }

  .pm-match-main-v47 .pm-mobile-player-nick{
    width:100% !important;
    max-width:148px !important;
    text-align:center !important;
    justify-self:center !important;
    font-size:10px !important;
    line-height:1.05 !important;
    letter-spacing:1px !important;
  }

  .pm-score-center-v47{
    width:164px !important;
    min-width:164px !important;
    max-width:164px !important;
    justify-self:center !important;
    align-self:start !important;
  }

  .pm-score-center-v47 .pm-score-hud{
    width:164px !important;
    min-width:164px !important;
    max-width:164px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .pm-score-center-v47 .pm-score-row{
    grid-template-columns:26px minmax(44px,1fr) auto !important;
    column-gap:9px !important;
    min-height:38px !important;
    padding:7px 10px !important;
  }
}

/* PATCH 51H — final mobile detail-row alignment (sub-400 + 520-899) */
@media (min-width:521px) and (max-width:899px){
  .pm-detail-score-row-v50{
    display:grid !important;
    grid-template-columns:26px minmax(0,1fr) 50px 76px !important;
    align-items:center !important;
    column-gap:8px !important;
  }
  .pm-detail-score-row-v50.has-bh{
    grid-template-columns:26px minmax(0,1fr) 50px 76px 58px !important;
  }
  .pm-detail-result-v50{
    min-width:50px !important;
    width:50px !important;
    justify-self:center !important;
    text-align:center !important;
    font-variant-numeric:tabular-nums !important;
  }
  .pm-detail-points-v50,
  .pm-detail-bh-v50c{
    justify-self:center !important;
    align-self:center !important;
    width:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    display:grid !important;
    place-items:center !important;
    text-align:center !important;
  }
  .pm-detail-bh-v50c{
    width:58px !important;
    min-width:58px !important;
    max-width:58px !important;
  }
  .pm-detail-points-v50 strong,
  .pm-detail-bh-v50c strong{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    font-variant-numeric:tabular-nums !important;
  }
  .pm-detail-points-v50 i,
  .pm-detail-bh-v50c i{
    display:block !important;
    width:100% !important;
    text-align:center !important;
  }
}

@media (max-width:399px){
  .pm-detail-score-row-v50{
    display:grid !important;
    grid-template-columns:22px minmax(0,1fr) 38px 54px !important;
    align-items:center !important;
    column-gap:5px !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }
  .pm-detail-score-row-v50.has-bh{
    grid-template-columns:22px minmax(0,1fr) 38px 54px 42px !important;
  }
  .pm-detail-result-v50{
    min-width:38px !important;
    width:38px !important;
    justify-self:center !important;
    text-align:center !important;
    font-size:16.8px !important;
    font-variant-numeric:tabular-nums !important;
  }
  .pm-detail-game-v50{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .pm-detail-points-v50,
  .pm-detail-bh-v50c{
    justify-self:center !important;
    align-self:center !important;
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
    display:grid !important;
    place-items:center !important;
    padding-left:4px !important;
    padding-right:4px !important;
    text-align:center !important;
  }
  .pm-detail-bh-v50c{
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
  }
  .pm-detail-points-v50 i,
  .pm-detail-bh-v50c i{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    font-size:6.8px !important;
  }
  .pm-detail-points-v50 strong,
  .pm-detail-bh-v50c strong{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    font-size:12.6px !important;
    font-variant-numeric:tabular-nums !important;
  }
}

/* PATCH 52A — Matches lazy round loading/performance */
.pm-round-lazy-feed-v52 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pm-round-lazy-section-v52 {
  scroll-margin-top: 90px;
}
.pm-round-lazy-head-v52 {
  width: 100%;
  cursor: pointer;
  text-align: inherit;
  font-family: inherit;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  transition: transform .16s ease, filter .16s ease, border-color .16s ease;
}
.pm-round-lazy-head-v52:hover {
  transform: translateY(-1px);
  filter: brightness(1.05);
}
.pm-round-lazy-head-v52:focus-visible {
  outline: 2px solid rgba(73, 223, 255, .75);
  outline-offset: 3px;
}
.pm-round-lazy-section-v52:not(.is-open-v52) .pm-round-lazy-head-v52 {
  opacity: .9;
}
.pm-round-lazy-section-v52.is-open-v52 .pm-round-lazy-head-v52 {
  opacity: 1;
}
.pm-round-lazy-body-v52 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 10px;
  animation: pmRoundRevealV52 .18s ease-out both;
}
.pm-round-lazy-body-v52[hidden] {
  display: none !important;
}
.pm-round-lazy-body-v52.is-loading-v52 {
  min-height: 86px;
  border: 1px solid rgba(62, 220, 255, .18);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(9, 22, 38, .82), rgba(4, 9, 18, .74));
  position: relative;
  overflow: hidden;
}
.pm-round-lazy-body-v52.is-loading-v52::after {
  content: "Učitavanje runde…";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(196, 244, 255, .72);
}
.pm-round-load-error-v52 {
  border: 1px solid rgba(255, 90, 120, .26);
  border-radius: 16px;
  padding: 14px;
  background: rgba(120, 20, 42, .18);
  color: rgba(255, 210, 220, .9);
  font-weight: 800;
  text-align: center;
}
.pm-round-chevron-v52 {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-left: auto;
  position: relative;
  flex: 0 0 auto;
  opacity: .78;
  filter: drop-shadow(0 0 8px rgba(79, 224, 255, .34));
  transition: transform .18s ease, opacity .18s ease;
}
.pm-round-chevron-v52::before,
.pm-round-chevron-v52::after {
  content: "";
  position: absolute;
  top: 8px;
  width: 10px;
  height: 2px;
  border-radius: 99px;
  background: rgba(154, 237, 255, .9);
}
.pm-round-chevron-v52::before { left: 1px; transform: rotate(45deg); }
.pm-round-chevron-v52::after { right: 1px; transform: rotate(-45deg); }
.pm-round-lazy-section-v52.is-open-v52 .pm-round-chevron-v52 {
  transform: rotate(180deg);
  opacity: 1;
}
.pm-mobile-round-stats .pm-round-chevron-v52,
.pm-desktop-round-stats-v51 .pm-round-chevron-v52 {
  align-self: center;
}
@keyframes pmRoundRevealV52 {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 700px) {
  .pm-round-lazy-feed-v52 { gap: 12px; }
  .pm-round-lazy-body-v52 { gap: 12px; margin-top: 8px; }
  .pm-round-chevron-v52 { width: 16px; height: 16px; }
}


/* ============================================================
   PATCH 54B — INDEX RESPONSIVE TABLE FINAL PLAN
   Scope: body.pm-page-index only
   - <450px: no PLAYOFF column, priority = player name + BOD + +/- + MEČ
   - 450px+: PLAYOFF returns
   - 700px+: RACK+ / RACK- return
   - 900px+: S.L.P. returns
   - 1200/1440/1920+: fluid scale-up for typography, rows, avatars and spacing
   - Does not touch matches.php or player/player list pages
   ============================================================ */

body.pm-page-index {
  --pm-index-wrap-w: min(100% - 20px, 430px);
  --pm-index-card-pad-x: 10px;
  --pm-index-card-pad-y: 12px;
  --pm-index-row-h: 50px;
  --pm-index-head-fs: 7.7px;
  --pm-index-cell-fs: 11.5px;
  --pm-index-name-fs: 16.8px;
  --pm-index-nick-fs: 12.6px;
  --pm-index-avatar: 36px;
  --pm-index-avatar-col: 34px;
  --pm-index-rank-w: 24px;
  --pm-index-points-w: 38px;
  --pm-index-diff-w: 38px;
  --pm-index-played-w: 34px;
  --pm-index-playoff-w: 0px;
}

body.pm-page-index .pm-wrap.pm-standings-wrap {
  width: var(--pm-index-wrap-w) !important;
  max-width: var(--pm-index-wrap-w) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: clamp(12px, 3vw, 18px) !important;
  padding-bottom: calc(var(--bottom-nav-h) + 18px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.pm-page-index .pm-groups-grid {
  grid-template-columns: 1fr !important;
  gap: clamp(12px, 2.4vw, 18px) !important;
}

body.pm-page-index .pm-league-card {
  padding: var(--pm-index-card-pad-y) var(--pm-index-card-pad-x) calc(var(--pm-index-card-pad-y) + 2px) !important;
  border-radius: clamp(15px, 2.4vw, 22px) !important;
}

body.pm-page-index .pm-league-card-head {
  gap: 8px !important;
  margin-bottom: clamp(9px, 1.8vw, 16px) !important;
}

body.pm-page-index .pm-league-title {
  min-height: clamp(30px, 5vw, 46px) !important;
  padding: clamp(5px, 1vw, 9px) clamp(9px, 1.4vw, 18px) !important;
  border-radius: clamp(10px, 1.5vw, 14px) !important;
  font-size: clamp(13px, 1.28vw, 20px) !important;
  letter-spacing: clamp(1.1px, .13vw, 1.8px) !important;
}

body.pm-page-index .pm-league-title i {
  font-size: clamp(18px, 1.55vw, 25px) !important;
}

body.pm-page-index .pm-league-playoff-pill {
  min-height: clamp(27px, 4.4vw, 40px) !important;
  padding: clamp(4px, .9vw, 8px) clamp(8px, 1.3vw, 18px) !important;
  border-radius: clamp(9px, 1.3vw, 12px) !important;
  font-size: clamp(9px, .82vw, 13px) !important;
  letter-spacing: .8px !important;
}

body.pm-page-index .pm-league-table-wrap {
  overflow-x: hidden !important;
  border-radius: clamp(11px, 1.4vw, 16px) !important;
}

body.pm-page-index .pm-league-table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

body.pm-page-index .pm-league-table th {
  padding: 7px 3px !important;
  font-size: var(--pm-index-head-fs) !important;
  letter-spacing: .55px !important;
  line-height: 1 !important;
}

body.pm-page-index .pm-league-table td {
  height: var(--pm-index-row-h) !important;
  padding: 5px 3px !important;
  font-size: var(--pm-index-cell-fs) !important;
  line-height: 1.05 !important;
}

body.pm-page-index .pm-league-table .pm-col-rank { width: var(--pm-index-rank-w) !important; }
body.pm-page-index .pm-league-table .pm-col-player { width: auto !important; min-width: 0 !important; }
body.pm-page-index .pm-league-table .pm-col-points { width: var(--pm-index-points-w) !important; }
body.pm-page-index .pm-league-table .pm-col-diff { width: var(--pm-index-diff-w) !important; display: table-cell !important; }
body.pm-page-index .pm-league-table .pm-col-played { width: var(--pm-index-played-w) !important; display: table-cell !important; }
body.pm-page-index .pm-league-table .pm-col-rf,
body.pm-page-index .pm-league-table .pm-col-ra,
body.pm-page-index .pm-league-table .pm-col-walk { display: none !important; }

body.pm-page-index .pm-player-inline {
  display: grid !important;
  grid-template-columns: var(--pm-index-avatar-col) minmax(0, 1fr) auto !important;
  gap: clamp(5px, 1.2vw, 16px) !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  align-items: center !important;
}

body.pm-page-index .pm-player-avatar {
  width: var(--pm-index-avatar) !important;
  height: var(--pm-index-avatar) !important;
  border-radius: clamp(30px, 1vw, 14px) !important;
  font-size: clamp(9px, .8vw, 15px) !important;
}

body.pm-page-index .pm-player-main-name {
  font-size: var(--pm-index-name-fs) !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  letter-spacing: .1px !important;
}

body.pm-page-index .pm-player-main-nick {
  margin-top: 2px !important;
  font-size: var(--pm-index-nick-fs) !important;
  line-height: 1.08 !important;
  color: rgba(255,201,77,.92) !important;
}

body.pm-page-index .pm-player-text { min-width: 0 !important; overflow: hidden !important; }
body.pm-page-index .pm-player-main-name,
body.pm-page-index .pm-player-main-nick {
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body.pm-page-index .pm-player-cat-inline {
  justify-self: end !important;
  margin-left: 0 !important;
}

body.pm-page-index .pm-player-cat-inline::before { display: none !important; }

body.pm-page-index .pm-player-cat-inline .pm-cat {
  min-width: clamp(24px, 2.2vw, 42px) !important;
  height: clamp(19px, 1.8vw, 30px) !important;
  padding: 0 clamp(4px, .65vw, 8px) !important;
  border-radius: clamp(6px, .75vw, 9px) !important;
  font-size: clamp(12px, .72vw, 12.2px) !important;
}

body.pm-page-index .pm-rank-num { font-size: clamp(12px, 1.05vw, 19px) !important; }
body.pm-page-index .pm-table-points { font-size: clamp(13px, 1.05vw, 19px) !important; }

body.pm-page-index .pm-show-more {
  display: flex !important;
  min-height: clamp(36px, 5vw, 48px) !important;
  margin-top: clamp(8px, 1.2vw, 14px) !important;
  font-size: clamp(11px, .9vw, 15px) !important;
}

body.pm-page-index .pm-league-card:not(.is-expanded) .pm-extra-row {
  display: none !important;
}

/* XS / SM mobile: <450px — no playoff column, keep BOD + +/- + MEČ */
@media (max-width: 449px) {
  body.pm-page-index .pm-league-table .pm-col-playoff { display: none !important; }
  body.pm-page-index .pm-league-table th.pm-col-player .pm-head-cat-label { display: none !important; }
}

@media (max-width: 379px) {
  body.pm-page-index {
    --pm-index-wrap-w: min(100% - 16px, 379px);
    --pm-index-card-pad-x: 8px;
    --pm-index-card-pad-y: 11px;
    --pm-index-row-h: 48px;
    --pm-index-head-fs: 7.1px;
    --pm-index-cell-fs: 10.8px;
    --pm-index-name-fs: 15.3px;
    --pm-index-nick-fs: 12.1px;
    --pm-index-avatar: 34px;
    --pm-index-avatar-col: 31px;
    --pm-index-rank-w: 22px;
    --pm-index-points-w: 34px;
    --pm-index-diff-w: 34px;
    --pm-index-played-w: 32px;
  }
}

/* 450–699px — PLAYOFF returns, still compact */
@media (min-width: 450px) and (max-width: 699px) {
  body.pm-page-index {
    --pm-index-wrap-w: min(100% - 22px, 660px);
    --pm-index-card-pad-x: 12px;
    --pm-index-card-pad-y: 14px;
    --pm-index-row-h: 53px;
    --pm-index-head-fs: 8.1px;
    --pm-index-cell-fs: 12px;
    --pm-index-name-fs: 13.1px;
    --pm-index-nick-fs: 9.5px;
    --pm-index-avatar: 35px;
    --pm-index-avatar-col: 37px;
    --pm-index-rank-w: 26px;
    --pm-index-points-w: 42px;
    --pm-index-diff-w: 42px;
    --pm-index-played-w: 40px;
    --pm-index-playoff-w: 62px;
  }
  body.pm-page-index .pm-league-table .pm-col-playoff {
    display: table-cell !important;
    width: var(--pm-index-playoff-w) !important;
    min-width: var(--pm-index-playoff-w) !important;
  }
  body.pm-page-index .pm-playoff-tag {
    min-width: 48px !important;
    min-height: 20px !important;
    padding: 3px 5px !important;
    font-size: 7.1px !important;
    border-radius: 7px !important;
    letter-spacing: .45px !important;
  }
}

/* 700–899px — tablet: add RACK+ / RACK-, stronger rows */
@media (min-width: 700px) and (max-width: 899px) {
  body.pm-page-index {
    --pm-index-wrap-w: min(100% - 36px, 880px);
    --pm-index-card-pad-x: 20px;
    --pm-index-card-pad-y: 20px;
    --pm-index-row-h: 54px;
    --pm-index-head-fs: 9.7px;
    --pm-index-cell-fs: 13.3px;
    --pm-index-name-fs: 14.2px;
    --pm-index-nick-fs: 10.2px;
    --pm-index-avatar: 40px;
    --pm-index-avatar-col: 42px;
    --pm-index-rank-w: 38px;
    --pm-index-points-w: 54px;
    --pm-index-diff-w: 54px;
    --pm-index-played-w: 54px;
    --pm-index-playoff-w: 78px;
  }
  body.pm-page-index .pm-league-table .pm-col-rf,
  body.pm-page-index .pm-league-table .pm-col-ra,
  body.pm-page-index .pm-league-table .pm-col-playoff {
    display: table-cell !important;
  }
  body.pm-page-index .pm-league-table .pm-col-rf,
  body.pm-page-index .pm-league-table .pm-col-ra { width: 60px !important; }
  body.pm-page-index .pm-league-table .pm-col-playoff { width: var(--pm-index-playoff-w) !important; }
  body.pm-page-index .pm-show-more { display: flex !important; }
}

/* 900–1199px — landscape/small laptop: S.L.P. returns */
@media (min-width: 900px) and (max-width: 1199px) {
  body.pm-page-index {
    --pm-index-wrap-w: min(100% - 54px, 1160px);
    --pm-index-card-pad-x: 22px;
    --pm-index-card-pad-y: 22px;
    --pm-index-row-h: 56px;
    --pm-index-head-fs: 10px;
    --pm-index-cell-fs: 13.8px;
    --pm-index-name-fs: 14.8px;
    --pm-index-nick-fs: 10.6px;
    --pm-index-avatar: 42px;
    --pm-index-avatar-col: 44px;
    --pm-index-rank-w: 42px;
    --pm-index-points-w: 58px;
    --pm-index-diff-w: 58px;
    --pm-index-played-w: 56px;
    --pm-index-playoff-w: 84px;
  }
  body.pm-page-index .pm-league-table .pm-col-rf,
  body.pm-page-index .pm-league-table .pm-col-ra,
  body.pm-page-index .pm-league-table .pm-col-walk,
  body.pm-page-index .pm-league-table .pm-col-playoff { display: table-cell !important; }
  body.pm-page-index .pm-league-table .pm-col-rf,
  body.pm-page-index .pm-league-table .pm-col-ra { width: 62px !important; }
  body.pm-page-index .pm-league-table .pm-col-walk { width: 54px !important; }
  body.pm-page-index .pm-league-table .pm-col-playoff { width: var(--pm-index-playoff-w) !important; }
}

/* 1200–1439px — desktop: bigger table, bigger identity */
@media (min-width: 1200px) and (max-width: 1439px) {
  body.pm-page-index {
    --pm-index-wrap-w: min(100% - 64px, 1320px);
    --pm-index-card-pad-x: 24px;
    --pm-index-card-pad-y: 24px;
    --pm-index-row-h: 60px;
    --pm-index-head-fs: 10.7px;
    --pm-index-cell-fs: 14.8px;
    --pm-index-name-fs: 15.8px;
    --pm-index-nick-fs: 11.2px;
    --pm-index-avatar: 46px;
    --pm-index-avatar-col: 48px;
    --pm-index-rank-w: 50px;
    --pm-index-points-w: 68px;
    --pm-index-diff-w: 68px;
    --pm-index-played-w: 64px;
    --pm-index-playoff-w: 102px;
  }
  body.pm-page-index .pm-league-table .pm-col-rf,
  body.pm-page-index .pm-league-table .pm-col-ra,
  body.pm-page-index .pm-league-table .pm-col-walk,
  body.pm-page-index .pm-league-table .pm-col-playoff { display: table-cell !important; }
  body.pm-page-index .pm-league-table .pm-col-rf,
  body.pm-page-index .pm-league-table .pm-col-ra { width: 76px !important; }
  body.pm-page-index .pm-league-table .pm-col-walk { width: 64px !important; }
  body.pm-page-index .pm-league-table .pm-col-playoff { width: var(--pm-index-playoff-w) !important; }
}

/* 1440–1919px — wide desktop: use space, do not look tiny */
@media (min-width: 1440px) and (max-width: 1919px) {
  body.pm-page-index {
    --pm-index-wrap-w: min(100% - 72px, 1600px);
    --pm-index-card-pad-x: 26px;
    --pm-index-card-pad-y: 26px;
    --pm-index-row-h: 64px;
    --pm-index-head-fs: 11.3px;
    --pm-index-cell-fs: 15.6px;
    --pm-index-name-fs: 16.8px;
    --pm-index-nick-fs: 11.8px;
    --pm-index-avatar: 50px;
    --pm-index-avatar-col: 52px;
    --pm-index-rank-w: 58px;
    --pm-index-points-w: 78px;
    --pm-index-diff-w: 78px;
    --pm-index-played-w: 74px;
    --pm-index-playoff-w: 116px;
  }
  body.pm-page-index .pm-league-table th { padding: 12px 10px !important; }
  body.pm-page-index .pm-league-table td { padding: 9px 10px !important; }
  body.pm-page-index .pm-league-table .pm-col-rf,
  body.pm-page-index .pm-league-table .pm-col-ra,
  body.pm-page-index .pm-league-table .pm-col-walk,
  body.pm-page-index .pm-league-table .pm-col-playoff { display: table-cell !important; }
  body.pm-page-index .pm-league-table .pm-col-rf,
  body.pm-page-index .pm-league-table .pm-col-ra { width: 86px !important; }
  body.pm-page-index .pm-league-table .pm-col-walk { width: 76px !important; }
  body.pm-page-index .pm-league-table .pm-col-playoff { width: var(--pm-index-playoff-w) !important; }
}

/* 1920px+ — Full HD premium mode */
@media (min-width: 1920px) {
  body.pm-page-index {
    --pm-index-wrap-w: min(100% - 96px, 1840px);
    --pm-index-card-pad-x: 30px;
    --pm-index-card-pad-y: 30px;
    --pm-index-row-h: 70px;
    --pm-index-head-fs: 12px;
    --pm-index-cell-fs: 16.5px;
    --pm-index-name-fs: 18px;
    --pm-index-nick-fs: 12.8px;
    --pm-index-avatar: 58px;
    --pm-index-avatar-col: 60px;
    --pm-index-rank-w: 72px;
    --pm-index-points-w: 90px;
    --pm-index-diff-w: 90px;
    --pm-index-played-w: 86px;
    --pm-index-playoff-w: 130px;
  }
  body.pm-page-index .pm-league-table th { padding: 13px 12px !important; letter-spacing: 1px !important; }
  body.pm-page-index .pm-league-table td { padding: 10px 12px !important; }
  body.pm-page-index .pm-league-table .pm-col-rf,
  body.pm-page-index .pm-league-table .pm-col-ra,
  body.pm-page-index .pm-league-table .pm-col-walk,
  body.pm-page-index .pm-league-table .pm-col-playoff { display: table-cell !important; }
  body.pm-page-index .pm-league-table .pm-col-rf,
  body.pm-page-index .pm-league-table .pm-col-ra { width: 98px !important; }
  body.pm-page-index .pm-league-table .pm-col-walk { width: 86px !important; }
  body.pm-page-index .pm-league-table .pm-col-playoff { width: var(--pm-index-playoff-w) !important; }
  body.pm-page-index .pm-playoff-tag { min-width: 88px !important; min-height: 30px !important; font-size: 10.3px !important; }
}

@media (min-width: 700px) {
  body.pm-page-index .pm-league-card:not(.is-expanded) .pm-extra-row {
    display: table-row !important;
  }
  body.pm-page-index .pm-show-more { display: none !important; }
}

/* =========================================================
   PATCH 55A — PLAYER.PHP RESPONSIVE PREMIUM FINAL PLAN
   - Sve kartice ostaju vidljive na svim rezolucijama.
   - Mobile/tablet: gušći HUD layout, veći ključni brojevi, manje praznog prostora.
   - Grafikon: jače X/Y ose i grid, bez diranja mobilnog scroll-a za RUNDA/REZULTAT.
   - Ne dira ODIGRANI SUSRETI / PREDSTOJEĆI MEČ sekcije.
   ========================================================= */

/* Global player hero scale tokens */
.pm-player-hero-v3{
  --pm55-hero-pad: 14px;
  --pm55-hero-radius: 20px;
  --pm55-card-radius: 12px;
  --pm55-card-gap: 6px;
  --pm55-label: 6.8px;
  --pm55-stat-value: 20px;
  --pm55-main-value: 31px;
  --pm55-status-value: 9.4px;
  --pm55-photo: 112px;
  --pm55-chart-h: var(--pm-chart-svg-height, 154px);
  padding: var(--pm55-hero-pad) !important;
  border-radius: var(--pm55-hero-radius) !important;
}

/* Mobile-first identity remains the current good layout, just slightly tighter. */
.pm-player-hero-v3 .pm-ph-v3-identity{
  grid-template-columns: var(--pm55-photo) minmax(0,1fr) !important;
  gap: 12px !important;
}
.pm-player-hero-v3 .pm-ph-v3-photo-wrap,
.pm-player-hero-v3 .pm-ph-v3-photo{
  width: var(--pm55-photo) !important;
}
.pm-player-hero-v3 .pm-ph-v3-photo{
  height: var(--pm55-photo) !important;
}
.pm-player-hero-v3 .pm-ph-v3-nameblock h1{
  font-size: clamp(23px, 7vw, 32px) !important;
  line-height: .95 !important;
}
.pm-player-hero-v3 .pm-ph-v3-nick{
  margin-top: 6px !important;
}
.pm-player-hero-v3 .pm-ph-v3-meta{
  margin-top: 9px !important;
}
.pm-player-hero-v3 .pm-ph-v3-season{
  margin-top: 8px !important;
}

/* Status strip: all 3 cards always visible, compact HUD style. */
.pm-player-hero-v3 .pm-ph-v3-statuses{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: var(--pm55-card-gap) !important;
  margin-top: 14px !important;
}
.pm-player-hero-v3 .pm-ph-v3-status{
  min-height: 43px !important;
  padding: 5px 5px !important;
  border-radius: var(--pm55-card-radius) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:2px !important;
}
.pm-player-hero-v3 .pm-ph-v3-status i{
  grid-row:auto !important;
  font-size:13px !important;
}
.pm-player-hero-v3 .pm-ph-v3-status span{
  max-width:100%;
  font-size:6.6px !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pm-player-hero-v3 .pm-ph-v3-status strong{
  max-width:100%;
  margin:0 !important;
  font-size:var(--pm55-status-value) !important;
  line-height:1 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Stats: 6 kartica uvek vidljivo. Mobile koristi 3×2 umesto visokih 2×3 kartica. */
.pm-player-hero-v3 .pm-ph-v3-stats{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: var(--pm55-card-gap) !important;
  margin-top: 8px !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat,
.pm-player-hero-v3 .pm-ph-v3-stat.is-main{
  min-height: 56px !important;
  padding: 7px 8px 6px !important;
  border-radius: var(--pm55-card-radius) !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat span{
  font-size: var(--pm55-label) !important;
  line-height:1 !important;
  letter-spacing:.09em !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat strong,
.pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{
  margin-top:4px !important;
  font-size: var(--pm55-stat-value) !important;
  line-height:.92 !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{
  font-size: var(--pm55-main-value) !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat em{
  margin-top:3px !important;
  font-size:8.4px !important;
  line-height:1 !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat i{
  right:7px !important;
  bottom:6px !important;
  font-size:13px !important;
  opacity:.46 !important;
}
.pm-player-hero-v3 .pm-ph-v3-stat.is-diff svg{
  left:50% !important;
  width:46% !important;
  height:17px !important;
  bottom:8px !important;
}

/* Chart visual clarity: stronger plot box, axes and grid. Geometry/scroll lane untouched. */
.pm-player-hero-v3 .pm-ph-v3-form{
  margin-top: 10px !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-head{
  padding: 10px 12px 8px !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-head h2{
  font-size: 13.5px !important;
  letter-spacing:.15em !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-head p{
  font-size:7.3px !important;
  letter-spacing:.095em !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart{
  background:
    radial-gradient(ellipse at 50% 30%, rgba(31,255,158,.050), transparent 55%),
    linear-gradient(180deg, rgba(0,32,45,.28), rgba(0,0,0,.12)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart svg{
  background:
    linear-gradient(180deg, rgba(0,30,42,.18), rgba(0,0,0,.10)),
    repeating-linear-gradient(90deg, rgba(174,230,248,.052) 0 1px, transparent 1px 12.5%),
    repeating-linear-gradient(0deg, rgba(174,230,248,.042) 0 1px, transparent 1px 25%) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid line{
  stroke: rgba(180,232,250,.16) !important;
  stroke-width: .30 !important;
  vector-effect: non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid .axis,
.pm-player-hero-v3 .pm-ph-v3-chart .axis{
  stroke: rgba(31,255,158,.40) !important;
  stroke-width: .42 !important;
  stroke-dasharray: 3 5 !important;
  vector-effect: non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart::after{
  background:linear-gradient(90deg, transparent, rgba(194,232,255,.28), rgba(31,255,158,.28), transparent) !important;
  opacity:.92 !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .seg-glow{
  stroke-width:2.05 !important;
  filter: drop-shadow(0 0 3px rgba(31,255,158,.48)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .seg-core{
  stroke-width:.86 !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .loss-streak.seg-glow{
  filter: drop-shadow(0 0 3px rgba(255,66,96,.50)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-yaxis-html span,
.pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
  color: rgba(220,246,255,.72) !important;
  text-shadow:0 0 7px rgba(0,0,0,.85), 0 0 8px rgba(0,229,255,.12) !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-foot{
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 6px !important;
  padding-bottom: 10px !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-foot div{
  min-height: 38px !important;
  padding: 6px 6px !important;
  border-radius: 10px !important;
  grid-template-columns: 17px 1fr !important;
  column-gap: 5px !important;
}
.pm-player-hero-v3 .pm-ph-v3-form-foot i{ font-size:14px !important; }
.pm-player-hero-v3 .pm-ph-v3-form-foot span{ font-size:6.1px !important; letter-spacing:.06em !important; }
.pm-player-hero-v3 .pm-ph-v3-form-foot strong{ font-size:9.5px !important; line-height:1.05 !important; }

/* 320-370px: still all cards visible, only tighter. */
@media (max-width:370px){
  .pm-player-hero-v3{
    --pm55-hero-pad: 12px;
    --pm55-card-gap: 5px;
    --pm55-label: 6.1px;
    --pm55-stat-value: 17px;
    --pm55-main-value: 26px;
    --pm55-status-value: 8.4px;
    --pm55-photo: 96px;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{ min-height:39px !important; padding:4px 3px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat,
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{ min-height:50px !important; padding:6px 6px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-diff svg{ height:14px !important; bottom:6px !important; }
}

/* 431-699px: same architecture, more readable and wider HUD. */
@media (min-width:431px) and (max-width:700px){
  .pm-player-hero-v3{
    --pm55-hero-pad: 16px;
    --pm55-card-gap: 8px;
    --pm55-label: 7.4px;
    --pm55-stat-value: 23px;
    --pm55-main-value: 34px;
    --pm55-status-value: 10.5px;
    --pm55-photo: 122px;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{ min-height:48px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat,
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{ min-height:62px !important; padding:8px 10px !important; }
  .pm-player-hero-v3 .pm-ph-v3-form-head h2{ font-size:15px !important; }
  .pm-player-hero-v3 .pm-ph-v3-form-foot div{ min-height:42px !important; }
}

/* Keep existing mobile RUNDA/REZULTAT horizontal scroller untouched, only preserve readability. */
@media (max-width:700px){
  .pm-player-hero-v3 .pm-ph-v3-axis-scroll{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
  }
}

/* 700-899px: tablet HUD. All 6 stats in one row, statuses stay visible. */
@media (min-width:701px) and (max-width:899px){
  .pm-player-hero-v3{
    --pm55-photo: 136px;
    --pm55-card-gap: 8px;
    display:grid !important;
    grid-template-columns: minmax(0,1fr) 228px !important;
    gap:14px 16px !important;
    padding:20px !important;
    border-radius:24px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-identity{
    grid-column:1 !important;
    grid-template-columns:var(--pm55-photo) minmax(0,1fr) !important;
    gap:18px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-nameblock h1{ font-size:34px !important; }
  .pm-player-hero-v3 .pm-ph-v3-statuses{
    grid-column:2 !important;
    grid-row:1 !important;
    grid-template-columns:1fr !important;
    margin-top:0 !important;
    gap:8px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height:50px !important;
    display:grid !important;
    grid-template-columns:26px 1fr !important;
    grid-template-rows:auto auto !important;
    text-align:left !important;
    align-items:center !important;
    justify-content:initial !important;
    padding:8px 11px !important;
    column-gap:8px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status i{ grid-row:1/3 !important; font-size:18px !important; }
  .pm-player-hero-v3 .pm-ph-v3-status span{ font-size:8px !important; }
  .pm-player-hero-v3 .pm-ph-v3-status strong{ font-size:12px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stats{
    grid-column:1 / 3 !important;
    grid-template-columns: repeat(6, minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:4px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat,
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    min-height:64px !important;
    padding:9px 9px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat strong,
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{ font-size:24px !important; }
  .pm-player-hero-v3 .pm-ph-v3-form{ grid-column:1 / 3 !important; }
  .pm-player-hero-v3 .pm-ph-v3-form-foot{ grid-template-columns:repeat(3,1fr) !important; }
}

/* 900-1199px: compact broadcast layout, six stats in one row. */
@media (min-width:900px) and (max-width:1199px){
  .pm-player-hero-v3{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 260px !important;
    gap:16px 20px !important;
    padding:24px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-identity{
    grid-template-columns:150px minmax(0,1fr) !important;
    gap:22px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo-wrap,
  .pm-player-hero-v3 .pm-ph-v3-photo{ width:150px !important; }
  .pm-player-hero-v3 .pm-ph-v3-photo{ height:150px !important; }
  .pm-player-hero-v3 .pm-ph-v3-nameblock h1{ font-size:40px !important; }
  .pm-player-hero-v3 .pm-ph-v3-statuses{ grid-template-columns:1fr !important; margin-top:0 !important; gap:10px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stats{
    grid-column:1 / 3 !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat,
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{ min-height:72px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat strong,
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{ font-size:29px !important; }
  .pm-player-hero-v3 .pm-ph-v3-form{ grid-column:1 / 3 !important; }
}

/* 1200px+: wide profile header like final concept — identity + statuses in same top band. */
@media (min-width:1200px){
  .pm-player-hero-v3{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(390px, .88fr) !important;
    gap:18px 26px !important;
    padding:26px !important;
    border-radius:28px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-identity{
    grid-column:1 !important;
    grid-template-columns:150px minmax(0,1fr) !important;
    gap:24px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo-wrap,
  .pm-player-hero-v3 .pm-ph-v3-photo{ width:150px !important; }
  .pm-player-hero-v3 .pm-ph-v3-photo{ height:150px !important; }
  .pm-player-hero-v3 .pm-ph-v3-nameblock h1{ font-size:44px !important; }
  .pm-player-hero-v3 .pm-ph-v3-statuses{
    grid-column:2 !important;
    grid-row:1 !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-self:center !important;
    margin-top:0 !important;
    gap:12px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height:70px !important;
    padding:12px 14px !important;
    display:grid !important;
    grid-template-columns:30px 1fr !important;
    grid-template-rows:auto auto !important;
    text-align:left !important;
    align-items:center !important;
    column-gap:10px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status i{ grid-row:1/3 !important; font-size:21px !important; }
  .pm-player-hero-v3 .pm-ph-v3-status span{ font-size:8.8px !important; }
  .pm-player-hero-v3 .pm-ph-v3-status strong{ font-size:13.5px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stats{
    grid-column:1 / 3 !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:12px !important;
    margin-top:4px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat,
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    min-height:84px !important;
    padding:12px 14px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat span{ font-size:8.5px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat strong,
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{ font-size:34px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-diff svg{ height:24px !important; bottom:12px !important; }
  .pm-player-hero-v3 .pm-ph-v3-form{ grid-column:1 / 3 !important; }
}

/* 1440px+: use the space — larger, but controlled. */
@media (min-width:1440px){
  .pm-player-hero-v3{
    grid-template-columns:minmax(0,1fr) minmax(470px,.82fr) !important;
    padding:30px !important;
    gap:20px 30px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-identity{
    grid-template-columns:176px minmax(0,1fr) !important;
    gap:30px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo-wrap,
  .pm-player-hero-v3 .pm-ph-v3-photo{ width:176px !important; }
  .pm-player-hero-v3 .pm-ph-v3-photo{ height:176px !important; }
  .pm-player-hero-v3 .pm-ph-v3-nameblock h1{ font-size:50px !important; }
  .pm-player-hero-v3 .pm-ph-v3-status{ min-height:78px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat,
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{ min-height:92px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat strong,
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{ font-size:38px !important; }
}

/* 1920px+: premium FHD — bigger typography and spacing, no tiny dashboard feeling. */
@media (min-width:1920px){
  .pm-player-hero-v3{
    padding:34px !important;
    gap:22px 34px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-identity{
    grid-template-columns:192px minmax(0,1fr) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo-wrap,
  .pm-player-hero-v3 .pm-ph-v3-photo{ width:192px !important; }
  .pm-player-hero-v3 .pm-ph-v3-photo{ height:192px !important; }
  .pm-player-hero-v3 .pm-ph-v3-nameblock h1{ font-size:56px !important; }
  .pm-player-hero-v3 .pm-ph-v3-nick{ font-size:17px !important; }
  .pm-player-hero-v3 .pm-ph-v3-status strong{ font-size:15px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat,
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{ min-height:100px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat strong,
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{ font-size:42px !important; }
  .pm-player-hero-v3 .pm-ph-v3-form-head h2{ font-size:20px !important; }
}

/* =========================================================
   PATCH 55B — PLAYER RESPONSIVE CORRECTION / CLEAN GRAPH GRID
   Baseline: PATCH 55A
   Goals:
   - Desktop/tablet hero must stay premium, not stretched into empty strips.
   - Forma graph uses ONE clear matrix/grid only.
   - RUNDA + ball/W-L/score lane scales up with viewport width.
   - Scroll is allowed for the round/result lane when readability needs it.
   - Graph data, ball assets and existing PHP logic are untouched.
   ========================================================= */

/* ---------- 1) DESKTOP/TABLET HERO DISCIPLINE ---------- */
@media (min-width:701px) and (max-width:1199px){
  .pm-player-hero-v3{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-statuses{
    grid-column:1 !important;
    grid-row:auto !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
    margin-top:0 !important;
    max-width:none !important;
    width:100% !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height:64px !important;
    padding:11px 13px !important;
    border-radius:16px !important;
    display:grid !important;
    grid-template-columns:28px 1fr !important;
    grid-template-rows:auto auto !important;
    column-gap:10px !important;
    text-align:left !important;
    align-items:center !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status i{ grid-row:1/3 !important; font-size:22px !important; }
  .pm-player-hero-v3 .pm-ph-v3-status span{ font-size:8.4px !important; letter-spacing:.12em !important; }
  .pm-player-hero-v3 .pm-ph-v3-status strong{ font-size:13px !important; margin-top:3px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stats{
    grid-column:1 !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:10px !important;
    margin-top:0 !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat{
    min-height:76px !important;
    padding:11px 12px !important;
    border-radius:16px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{ min-height:90px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat strong{ font-size:23px !important; }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{ font-size:38px !important; }
}

@media (min-width:1200px){
  .pm-player-hero-v3 .pm-ph-v3-statuses{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    max-width:none !important;
    justify-self:stretch !important;
    gap:14px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height:74px !important;
    padding:14px 16px !important;
    border-radius:18px !important;
    grid-template-columns:34px 1fr !important;
    column-gap:12px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status i{ font-size:25px !important; }
  .pm-player-hero-v3 .pm-ph-v3-status strong{ font-size:15px !important; }
}

/* ---------- 2) CLEAN GRAPH: ONE MATRIX ONLY ---------- */
.pm-player-hero-v3 .pm-ph-v3-chart{
  /* shared lane sizing defaults; overridden by breakpoints below */
  --pm-round-col-readable:58px;
  --pm-round-lane-width: max(100%, calc(var(--pm-round-count, 1) * var(--pm-round-col-readable)));
}

/* Remove the duplicated CSS-grid backgrounds and keep the real SVG grid as source of truth. */
.pm-player-hero-v3 .pm-ph-v3-chart svg{
  background:linear-gradient(180deg, rgba(0,28,38,.20), rgba(0,0,0,.12)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart::before{
  background:
    linear-gradient(180deg, rgba(31,255,158,.050), transparent 64%),
    radial-gradient(ellipse at 50% 45%, rgba(31,255,158,.060), transparent 58%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.040), inset 0 -1px 0 rgba(0,229,255,.055) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid line{
  stroke:rgba(156,225,245,.145) !important;
  stroke-width:.34 !important;
  stroke-dasharray:none !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid line.axis,
.pm-player-hero-v3 .pm-ph-v3-chart .axis{
  stroke:rgba(31,255,158,.34) !important;
  stroke-width:.56 !important;
  stroke-dasharray:none !important;
  vector-effect:non-scaling-stroke !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .seg-glow{
  stroke-width:1.62 !important;
  filter:drop-shadow(0 0 2.2px rgba(31,255,158,.35)) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .pm-chart-segments .seg-core{
  stroke-width:.72 !important;
}

/* ---------- 3) READABLE RUNDA / BALL / RESULT STRIP ---------- */
/* Universal readable scroller for the round/result lane. Graph stays stable; the detailed lane may scroll. */
.pm-player-hero-v3 .pm-ph-v3-axis-scroll{
  position:relative !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  padding:0 0 5px !important;
  margin:6px 0 0 !important;
  max-width:100% !important;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,229,255,.60) rgba(0,25,36,.22);
}
.pm-player-hero-v3 .pm-ph-v3-axis-scroll::-webkit-scrollbar{ height:5px; }
.pm-player-hero-v3 .pm-ph-v3-axis-scroll::-webkit-scrollbar-track{ background:rgba(0,25,36,.24); border-radius:999px; }
.pm-player-hero-v3 .pm-ph-v3-axis-scroll::-webkit-scrollbar-thumb{ background:linear-gradient(90deg, rgba(0,229,255,.72), rgba(31,255,158,.68)); border-radius:999px; }

.pm-player-hero-v3 .pm-ph-v3-xaxis-html{
  position:relative !important;
  display:flex !important;
  width:var(--pm-round-lane-width) !important;
  min-width:var(--pm-round-lane-width) !important;
  height:22px !important;
  margin:0 !important;
  padding:0 !important;
  border-top:1px solid rgba(190,232,255,.105) !important;
  box-sizing:border-box !important;
}
.pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  flex:0 0 var(--pm-round-col-readable) !important;
  width:var(--pm-round-col-readable) !important;
  height:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:7.1px !important;
  line-height:1 !important;
  letter-spacing:.085em !important;
  color:rgba(216,244,255,.66) !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}

.pm-player-hero-v3 .pm-ph-v3-results-wrap{
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  min-height:68px !important;
  height:68px !important;
  overflow:visible !important;
}
.pm-player-hero-v3 .pm-res-label,
.pm-player-hero-v3 .pm-res-current{
  display:none !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track{
  position:relative !important;
  display:flex !important;
  align-items:flex-start !important;
  width:var(--pm-round-lane-width) !important;
  min-width:var(--pm-round-lane-width) !important;
  height:66px !important;
  margin:0 !important;
  padding:0 !important;
  left:auto !important;
  right:auto !important;
  overflow:visible !important;
  box-sizing:border-box !important;
  background:linear-gradient(180deg, rgba(0,229,255,.020), transparent 50%, rgba(0,0,0,.050)) !important;
  border-radius:8px;
}
.pm-player-hero-v3 .pm-ph-v3-results-track::before{
  top:24px !important;
  left:0 !important;
  right:0 !important;
  opacity:.70 !important;
}
.pm-player-hero-v3 .pm-round-result-cluster{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  flex:0 0 var(--pm-round-col-readable) !important;
  width:var(--pm-round-col-readable) !important;
  min-width:var(--pm-round-col-readable) !important;
  height:66px !important;
  padding:0 6px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:6px !important;
  border-left:1px solid rgba(0,229,255,.09);
  box-sizing:border-box !important;
  overflow:visible !important;
}
.pm-player-hero-v3 .pm-round-result-cluster:first-child{ border-left:0 !important; }
.pm-player-hero-v3 .pm-round-result-cluster::before{ display:none !important; content:none !important; }
.pm-player-hero-v3 .pm-round-result-cluster::after{
  content:'' !important;
  position:absolute !important;
  right:0 !important;
  top:-22px !important;
  bottom:4px !important;
  width:1px !important;
  transform:none !important;
  background:linear-gradient(180deg, transparent, rgba(0,229,255,.16), rgba(31,255,158,.09), transparent) !important;
  opacity:.70 !important;
  pointer-events:none !important;
}
.pm-player-hero-v3 .pm-round-result-cluster:last-child::after{ display:none !important; }
.pm-player-hero-v3 .pm-ph-v3-round-separators{ display:none !important; }

.pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
  width:24px !important;
  height:60px !important;
  grid-template-rows:18px 18px 13px !important;
  gap:1px !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
  width:17px !important;
  height:17px !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
  width:17px !important;
  height:17px !important;
  font-size:7.2px !important;
}
.pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
  font-size:7px !important;
}

@media (max-width:370px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ --pm-round-col-readable:54px; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{ font-size:6.4px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{ min-height:64px !important; height:64px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track{ height:62px !important; }
  .pm-player-hero-v3 .pm-round-result-cluster{ height:62px !important; gap:4px !important; padding:0 4px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{ width:21px !important; height:56px !important; grid-template-rows:16px 17px 12px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{ width:15px !important; height:15px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{ width:15px !important; height:15px !important; font-size:6.4px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{ font-size:6.2px !important; }
}

@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ --pm-round-col-readable:82px; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html{ height:24px !important; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{ height:24px !important; font-size:7.7px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{ min-height:72px !important; height:72px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track{ height:70px !important; }
  .pm-player-hero-v3 .pm-round-result-cluster{ height:70px !important; padding:0 7px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{ width:27px !important; height:64px !important; grid-template-rows:20px 19px 13px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{ width:19px !important; height:19px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{ width:18px !important; height:18px !important; font-size:7.7px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{ font-size:7.5px !important; }
}

@media (min-width:900px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ --pm-round-col-readable:90px; }
}
@media (min-width:1200px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ --pm-round-col-readable:102px; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{ font-size:8.2px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{ width:30px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{ width:21px !important; height:21px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{ width:20px !important; height:20px !important; font-size:8.3px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{ font-size:8px !important; }
}
@media (min-width:1500px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ --pm-round-col-readable:116px; }
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{ min-height:78px !important; height:78px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track{ height:76px !important; }
  .pm-player-hero-v3 .pm-round-result-cluster{ height:76px !important; gap:8px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{ width:34px !important; height:70px !important; grid-template-rows:23px 21px 15px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{ width:23px !important; height:23px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{ width:21px !important; height:21px !important; font-size:8.8px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{ font-size:8.4px !important; }
}
@media (min-width:1900px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ --pm-round-col-readable:132px; }
}

/* =========================================================
   PATCH 55C — PLAYER ADAPTIVE SPACE + READABLE ROUND LANE
   Baseline: PATCH 55B
   - Earlier tablet/desktop redistribution: status cards move right sooner.
   - Ranking / group cards become compact at medium widths to free hero space.
   - RUNDA / balls / W-L / score scale harder as width grows; scroll remains allowed.
   - Only CSS; graph data, ball assets and match sections untouched.
   ========================================================= */

/* ---------- 1) MEDIUM WIDTHS: USE RIGHT SIDE SOONER ---------- */
@media (min-width:760px) and (max-width:1199px){
  .pm-player-hero-v3{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) clamp(220px, 29vw, 286px) !important;
    gap:14px 16px !important;
    padding:clamp(18px, 2.25vw, 24px) !important;
    align-items:start !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-identity{
    grid-column:1 !important;
    grid-row:1 !important;
    grid-template-columns:clamp(126px, 16vw, 146px) minmax(0,1fr) !important;
    gap:clamp(14px, 2vw, 20px) !important;
    align-items:center !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo-wrap,
  .pm-player-hero-v3 .pm-ph-v3-photo{
    width:clamp(126px, 16vw, 146px) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-photo{
    height:clamp(126px, 16vw, 146px) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-nameblock h1{
    font-size:clamp(32px, 4.35vw, 40px) !important;
    max-width:100% !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-nick{
    font-size:clamp(11px, 1.22vw, 13px) !important;
    letter-spacing:clamp(1.5px, .22vw, 2.4px) !important;
  }
  /* compact ranking/grupa only in the transition zone */
  .pm-player-hero-v3 .pm-ph-v3-meta{
    gap:7px !important;
    margin-top:9px !important;
    max-width:260px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta span{
    width:auto !important;
    min-width:clamp(64px, 8vw, 82px) !important;
    min-height:clamp(42px, 5.4vw, 52px) !important;
    padding:7px 9px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta small{
    font-size:clamp(7px, .82vw, 8px) !important;
    letter-spacing:.10em !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta strong{
    font-size:clamp(17px, 2.15vw, 22px) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-season{
    margin-top:7px !important;
    max-width:max-content !important;
    padding:5px 9px !important;
    font-size:8px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-statuses{
    grid-column:2 !important;
    grid-row:1 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:0 !important;
    align-self:center !important;
    width:100% !important;
    max-width:none !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height:clamp(48px, 6vw, 58px) !important;
    padding:8px 10px !important;
    border-radius:15px !important;
    display:grid !important;
    grid-template-columns:26px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:8px !important;
    align-items:center !important;
    justify-content:initial !important;
    text-align:left !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status i{
    grid-row:1/3 !important;
    font-size:clamp(18px, 2.25vw, 22px) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status span{
    font-size:clamp(7.2px, .9vw, 8.4px) !important;
    letter-spacing:.115em !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status strong{
    font-size:clamp(11px, 1.35vw, 13px) !important;
    margin-top:2px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-stats{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    grid-template-columns:repeat(6, minmax(0,1fr)) !important;
    gap:clamp(7px, 1vw, 10px) !important;
    margin-top:2px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat,
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main{
    min-height:clamp(60px, 7.4vw, 76px) !important;
    padding:9px 10px !important;
    border-radius:15px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat span{
    font-size:clamp(6.8px, .82vw, 8px) !important;
    letter-spacing:.105em !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat strong,
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{
    font-size:clamp(22px, 2.8vw, 30px) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-stat.is-main strong{
    font-size:clamp(27px, 3.8vw, 38px) !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-form{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
  }
}

/* 900-1199 gets a little more premium width but still disciplined. */
@media (min-width:900px) and (max-width:1199px){
  .pm-player-hero-v3{
    grid-template-columns:minmax(0,1fr) clamp(250px, 27vw, 310px) !important;
    gap:16px 22px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta{
    max-width:300px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-meta span{
    min-width:82px !important;
    min-height:54px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-status{
    min-height:60px !important;
    padding:10px 12px !important;
  }
}

/* 1200+ keeps the current wide concept, but ranking/group no longer feel oversized too early. */
@media (min-width:1200px) and (max-width:1439px){
  .pm-player-hero-v3 .pm-ph-v3-meta span{
    width:clamp(92px, 8vw, 112px) !important;
    min-height:62px !important;
  }
}

/* ---------- 2) ROUND / RESULT LANE: BIGGER WITH REAL BREAKPOINT SCALE ---------- */
.pm-player-hero-v3 .pm-ph-v3-chart{
  --pm-round-col-readable:60px;
}

@media (min-width:431px) and (max-width:700px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ --pm-round-col-readable:68px; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html{
    height:24px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
    height:24px !important;
    font-size:7.5px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{
    min-height:72px !important;
    height:72px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track{
    height:70px !important;
  }
  .pm-player-hero-v3 .pm-round-result-cluster{
    height:70px !important;
    gap:6px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    width:27px !important;
    height:64px !important;
    grid-template-rows:20px 19px 14px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    width:19px !important;
    height:19px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    width:18px !important;
    height:18px !important;
    font-size:7.8px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    font-size:7.6px !important;
  }
}

@media (min-width:701px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ --pm-round-col-readable:96px; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html{
    height:27px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
    height:27px !important;
    font-size:8.5px !important;
    letter-spacing:.095em !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{
    min-height:82px !important;
    height:82px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track{
    height:80px !important;
  }
  .pm-player-hero-v3 .pm-round-result-cluster{
    height:80px !important;
    gap:8px !important;
    padding:0 9px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    width:31px !important;
    height:74px !important;
    grid-template-rows:24px 22px 16px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    width:23px !important;
    height:23px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    width:22px !important;
    height:22px !important;
    font-size:8.9px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    font-size:8.7px !important;
    font-weight:800 !important;
  }
}

@media (min-width:900px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ --pm-round-col-readable:116px; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{ font-size:9.3px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    width:35px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    width:25px !important;
    height:25px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    width:24px !important;
    height:24px !important;
    font-size:9.5px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    font-size:9.3px !important;
  }
}

@media (min-width:1200px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ --pm-round-col-readable:136px; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html{
    height:30px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
    height:30px !important;
    font-size:10px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{
    min-height:92px !important;
    height:92px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track{
    height:90px !important;
  }
  .pm-player-hero-v3 .pm-round-result-cluster{
    height:90px !important;
    gap:10px !important;
    padding:0 12px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    width:40px !important;
    height:82px !important;
    grid-template-rows:28px 25px 18px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    width:29px !important;
    height:29px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    width:27px !important;
    height:27px !important;
    font-size:10.6px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    font-size:10.4px !important;
  }
}

@media (min-width:1440px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ --pm-round-col-readable:154px; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{ font-size:10.6px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    width:31px !important;
    height:31px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    width:29px !important;
    height:29px !important;
    font-size:11.1px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    font-size:10.8px !important;
  }
}

@media (min-width:1900px){
  .pm-player-hero-v3 .pm-ph-v3-chart{ --pm-round-col-readable:176px; }
  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{ font-size:11.4px !important; }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    width:46px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    width:34px !important;
    height:34px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    width:32px !important;
    height:32px !important;
    font-size:12px !important;
  }
  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    font-size:11.6px !important;
  }
}

/* make the single real matrix a little cleaner after enlarging the lower lane */
.pm-player-hero-v3 .pm-ph-v3-chart .grid line{
  stroke:rgba(156,225,245,.17) !important;
}
.pm-player-hero-v3 .pm-ph-v3-chart .grid line.axis,
.pm-player-hero-v3 .pm-ph-v3-chart .axis{
  stroke:rgba(31,255,158,.42) !important;
  stroke-width:.62 !important;
}

/* ==========================================================
   PATCH 55K — PLAYER GRAPH LANE 1200+ VERTICAL BREATHING
   Safe micro-fix over 55I.
   Scope: only desktop graph footer lane. No chart/grid/line/layout changes.
   ========================================================== */

@media (min-width:1200px){
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{
    min-height:108px !important;
    height:108px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track{
    height:106px !important;
    align-items:flex-start !important;
  }

  .pm-player-hero-v3 .pm-round-result-cluster{
    height:106px !important;
    align-items:flex-start !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    height:98px !important;
    grid-template-rows:34px 32px 24px !important;
    align-content:start !important;
    row-gap:4px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-xaxis-html{
    height:34px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
    height:34px !important;
    line-height:1.05 !important;
    padding-bottom:7px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    margin-top:2px !important;
    margin-bottom:3px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    margin-top:4px !important;
    margin-bottom:3px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    margin-top:5px !important;
    line-height:1.05 !important;
  }
}

@media (min-width:1440px){
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{
    min-height:114px !important;
    height:114px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track,
  .pm-player-hero-v3 .pm-round-result-cluster{
    height:112px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    height:104px !important;
    grid-template-rows:36px 34px 25px !important;
    row-gap:5px !important;
  }
}

@media (min-width:1900px){
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{
    min-height:122px !important;
    height:122px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track,
  .pm-player-hero-v3 .pm-round-result-cluster{
    height:120px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    height:112px !important;
    grid-template-rows:39px 37px 27px !important;
    row-gap:6px !important;
  }
}

/* ==========================================================
   PATCH 55L — PLAYER GRAPH LANE RESPONSIVE BREATHING 360–1199
   Safe delta over 55K.
   Scope: ONLY round/result lane inside graph.
   Does NOT touch:
   - form footer 3 metric cards
   - chart SVG/grid/line/dots
   - player layout/card transitions
   ========================================================== */

/* 360–430px: small mobile gets slightly bigger balls/W-L/score and breathing */
@media (min-width:360px) and (max-width:430px){
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{
    min-height:70px !important;
    height:70px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track,
  .pm-player-hero-v3 .pm-round-result-cluster{
    height:68px !important;
    align-items:flex-start !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    width:28px !important;
    height:65px !important;
    grid-template-rows:22px 21px 16px !important;
    align-content:start !important;
    row-gap:3px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-xaxis-html{
    height:25px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
    height:25px !important;
    line-height:1.05 !important;
    padding-bottom:5px !important;
    font-size:7.8px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    width:20px !important;
    height:20px !important;
    margin-top:1px !important;
    margin-bottom:2px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    width:19px !important;
    height:19px !important;
    font-size:7.8px !important;
    margin-top:2px !important;
    margin-bottom:2px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    font-size:7.4px !important;
    margin-top:3px !important;
    line-height:1.05 !important;
  }
}

/* 431–700px: mobile large / small tablet, stronger but still compact */
@media (min-width:431px) and (max-width:700px){
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{
    min-height:84px !important;
    height:84px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track,
  .pm-player-hero-v3 .pm-round-result-cluster{
    height:82px !important;
    align-items:flex-start !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    width:36px !important;
    height:78px !important;
    grid-template-rows:27px 25px 19px !important;
    align-content:start !important;
    row-gap:4px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-xaxis-html{
    height:31px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
    height:31px !important;
    line-height:1.05 !important;
    padding-bottom:6px !important;
    font-size:8.8px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    width:24px !important;
    height:24px !important;
    margin-top:2px !important;
    margin-bottom:3px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    width:23px !important;
    height:23px !important;
    font-size:8.8px !important;
    margin-top:3px !important;
    margin-bottom:3px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    font-size:8.4px !important;
    margin-top:4px !important;
    line-height:1.05 !important;
  }
}

/* 701–899px: tablet width, visibly premium but no chart/layout changes */
@media (min-width:701px) and (max-width:899px){
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{
    min-height:98px !important;
    height:98px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track,
  .pm-player-hero-v3 .pm-round-result-cluster{
    height:96px !important;
    align-items:flex-start !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    width:46px !important;
    height:91px !important;
    grid-template-rows:32px 30px 22px !important;
    align-content:start !important;
    row-gap:5px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-xaxis-html{
    height:36px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
    height:36px !important;
    line-height:1.05 !important;
    padding-bottom:7px !important;
    font-size:10px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    width:29px !important;
    height:29px !important;
    margin-top:2px !important;
    margin-bottom:4px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    width:28px !important;
    height:28px !important;
    font-size:10px !important;
    margin-top:4px !important;
    margin-bottom:3px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    font-size:9.3px !important;
    margin-top:5px !important;
    line-height:1.05 !important;
  }
}

/* 900–1199px: laptop/tablet landscape gets almost-desktop breathing */
@media (min-width:900px) and (max-width:1199px){
  .pm-player-hero-v3 .pm-ph-v3-results-wrap{
    min-height:106px !important;
    height:106px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track,
  .pm-player-hero-v3 .pm-round-result-cluster{
    height:104px !important;
    align-items:flex-start !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result{
    width:56px !important;
    height:99px !important;
    grid-template-rows:35px 32px 24px !important;
    align-content:start !important;
    row-gap:5px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-xaxis-html{
    height:39px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-xaxis-html span{
    height:39px !important;
    line-height:1.05 !important;
    padding-bottom:8px !important;
    font-size:10.8px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result .pm-game-ball{
    width:32px !important;
    height:32px !important;
    margin-top:2px !important;
    margin-bottom:5px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result b{
    width:31px !important;
    height:31px !important;
    font-size:10.8px !important;
    margin-top:4px !important;
    margin-bottom:4px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-results-track .pm-round-game-result small{
    font-size:10px !important;
    margin-top:5px !important;
    line-height:1.05 !important;
  }
}

/* ==========================================================
   PATCH 55M — PLAYER FOOTER 3 METRICS RESTORE / POLISH
   Baseline: 55L.
   Scope: ONLY the 3 metric cards below the graph form.
   Does NOT touch:
   - graph lane / runde / kugle / W-L / rezultat
   - chart SVG/grid/line/dots
   - player top layout/card transitions
   ========================================================== */

/* 500–699px: footer metrics should already scale up and stop looking tiny. */
@media (min-width:500px) and (max-width:699px){
  .pm-player-hero-v3 .pm-ph-v3-form-foot{
    gap:8px !important;
    padding-inline:6px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot div{
    min-height:46px !important;
    padding:8px 9px !important;
    grid-template-columns:23px minmax(0,1fr) !important;
    column-gap:7px !important;
    border-radius:12px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot i{
    font-size:18px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot span{
    font-size:7.15px !important;
    letter-spacing:.085em !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot strong{
    font-size:11.6px !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
  }
}

/* 700–899px: tablet width gets the readable metric scale restored. */
@media (min-width:700px) and (max-width:899px){
  .pm-player-hero-v3 .pm-ph-v3-form-foot{
    gap:10px !important;
    padding-inline:8px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot div{
    min-height:50px !important;
    padding:9px 12px !important;
    grid-template-columns:26px minmax(0,1fr) !important;
    column-gap:8px !important;
    border-radius:13px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot i{
    font-size:20px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot span{
    font-size:7.8px !important;
    letter-spacing:.095em !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot strong{
    font-size:13px !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
  }
}

/* 900px+: restore compact premium HUD tiles instead of stretched empty cards. */
@media (min-width:900px){
  .pm-player-hero-v3 .pm-ph-v3-form-foot{
    grid-template-columns:repeat(3, minmax(0, clamp(210px, 23vw, 320px))) !important;
    justify-content:center !important;
    align-items:stretch !important;
    gap:clamp(12px, 1.15vw, 18px) !important;
    padding-inline:clamp(16px, 2vw, 30px) !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot div{
    min-height:48px !important;
    padding:10px 14px !important;
    grid-template-columns:30px minmax(0, auto) !important;
    column-gap:10px !important;
    justify-content:start !important;
    align-content:center !important;
    border-radius:14px !important;
    background:
      radial-gradient(circle at 15% 50%, rgba(255,201,77,.085), transparent 28%),
      linear-gradient(180deg, rgba(255,255,255,.050), rgba(0,0,0,.255)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      0 0 18px rgba(0,217,255,.035) !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot i{
    font-size:21px !important;
    justify-self:center !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot span{
    font-size:8.2px !important;
    letter-spacing:.105em !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot strong{
    font-size:14px !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
  }
}

@media (min-width:1200px){
  .pm-player-hero-v3 .pm-ph-v3-form-foot{
    grid-template-columns:repeat(3, minmax(0, clamp(250px, 21vw, 350px))) !important;
    gap:clamp(14px, 1.25vw, 22px) !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot div{
    min-height:54px !important;
    padding:12px 16px !important;
    grid-template-columns:34px minmax(0, auto) !important;
    column-gap:12px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot i{
    font-size:24px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot span{
    font-size:8.8px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot strong{
    font-size:15.5px !important;
  }
}

@media (min-width:1440px){
  .pm-player-hero-v3 .pm-ph-v3-form-foot{
    grid-template-columns:repeat(3, minmax(0, clamp(280px, 19vw, 380px))) !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot div{
    min-height:58px !important;
    padding:13px 18px !important;
  }

  .pm-player-hero-v3 .pm-ph-v3-form-foot strong{
    font-size:16px !important;
  }
}


/* ==========================================================
   PATCH 56A — PLAYER.PHP PHASE 1 BOTTOM MATCH CARDS REBUILD
   Scope: only ODIGRANI SUSRETI + PREDSTOJEĆI MEČ below locked graph.
   ========================================================== */
.pm-bottom-grid-v56{
  gap:clamp(14px,1.8vw,22px);
  align-items:start;
}
.pm-section-head-v56{
  min-height:48px;
  border-bottom:1px solid rgba(0,217,255,.22);
  background:linear-gradient(180deg,rgba(0,160,210,.18),rgba(0,70,100,.08));
}
.pm-player-match-list-v56{
  display:grid;
  gap:12px;
  padding:12px;
}
.pm-player-match-card-v56{
  position:relative;
  border:1px solid rgba(0,217,255,.18)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(0,217,255,.09),transparent 32%),
    linear-gradient(180deg,rgba(7,24,36,.94),rgba(2,12,20,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 34px rgba(0,0,0,.24);
  overflow:hidden;
}
.pm-player-match-card-v56 summary{
  list-style:none;
  padding:14px!important;
  cursor:pointer;
}
.pm-player-match-card-v56 summary::-webkit-details-marker{display:none;}
.pm-player-match-card-v56.is-win{border-color:rgba(32,255,150,.26)!important;}
.pm-player-match-card-v56.is-lose{border-color:rgba(255,64,100,.26)!important;}
.pm-player-match-card-v56.is-draw{border-color:rgba(160,185,210,.22)!important;}
.pm-player-match-card-v56.upcoming{border-color:rgba(0,217,255,.22)!important;}
.pm-pb-card-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
}
.pm-pb-player{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.pm-pb-player-opp{justify-content:flex-end;text-align:right;}
.pm-pb-avatar{
  width:120px;height:120px;border-radius:50%;
  display:grid;place-items:center;
  flex:0 0 auto;
  color:#00eaff;font-family:var(--font-display);font-weight:900;
  background:radial-gradient(circle at 50% 20%,rgba(0,217,255,.18),rgba(3,20,31,.95));
  border:1px solid rgba(0,217,255,.42);
  box-shadow:0 0 16px rgba(0,217,255,.12),inset 0 0 20px rgba(0,217,255,.06);
  overflow:hidden;
}
.pm-pb-avatar.opp{color:#ff5a78;border-color:rgba(255,64,100,.42);box-shadow:0 0 16px rgba(255,64,100,.10),inset 0 0 20px rgba(255,64,100,.05);}
.pm-pb-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.pm-pb-player strong{
  display:block;min-width:0;max-width:180px;
  color:#f4fbff;font-family:var(--font-display);font-weight:900;
  font-size:clamp(14px,1.15vw,18px);line-height:1.05;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pm-pb-player em{
  display:block;margin-top:3px;color:#ffd75f;font-style:normal;
  font-family:var(--font-display);font-size:9px;font-weight:800;letter-spacing:.11em;
  text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pm-pb-result-core{
  min-width:94px;text-align:center;padding:6px 10px;border-radius:14px;
  background:linear-gradient(180deg,rgba(0,217,255,.10),rgba(0,0,0,.22));
  border:1px solid rgba(0,217,255,.18);
}
.pm-pb-result-core span{display:block;font-size:8px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-display);font-weight:900;line-height:1;color:#00ff95;}
.pm-pb-result-core.lose span{color:#ff4f70;}.pm-pb-result-core.draw span{color:#a8bac9;}
.pm-pb-result-core b{display:block;color:#fff;font-family:var(--font-display);font-size:clamp(22px,2.4vw,34px);line-height:1.05;margin-top:3px;}
.pm-pb-status{justify-self:end;}
.pm-pb-quick{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;margin-top:12px;
}
.pm-pb-quick span{
  min-width:0;border:1px solid rgba(130,210,255,.12);border-radius:12px;
  background:rgba(1,12,20,.42);padding:9px 10px;
}
.pm-pb-quick i{color:#88aebf;margin-right:5px;font-size:13px;vertical-align:-2px;}
.pm-pb-quick b{display:inline;color:#f4fbff;font-size:12px;font-family:var(--font-display);font-weight:900;line-height:1.1;}
.pm-pb-quick em{display:block;margin-top:3px;color:#7291a3;font-style:normal;font-size:7.5px;font-family:var(--font-display);font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.pm-pb-games-inline{margin-top:10px;}
.pm-pb-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(188px,1fr));gap:8px;}
.pm-pb-game{
  display:grid;grid-template-columns:28px minmax(54px,1fr) auto auto auto;align-items:center;gap:8px;
  min-height:42px;padding:7px 10px;border-radius:12px;
  border:1px solid rgba(0,217,255,.13);background:rgba(1,10,18,.55);
}
.pm-pb-game img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,217,255,.12));}
.pm-pb-game span{color:#a9bec8;font-size:8px;font-family:var(--font-display);font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.pm-pb-game b{color:#fff;font-family:var(--font-display);font-size:16px;font-weight:900;}
.pm-pb-game small{color:#ffd95c;font-size:8px;font-family:var(--font-display);font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;}
.pm-pb-game small strong{color:#ffe880;font-size:11px;}
.pm-pb-eff{font-style:normal;color:#00ff95;font-family:var(--font-display);font-size:11px;font-weight:900;}
.pm-pb-bh{color:#00eaff!important;}
.pm-pb-score-empty{padding:10px;border:1px solid rgba(120,180,220,.12);border-radius:12px;color:#6e8999;font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:.1em;text-align:center;}
.pm-pb-notes{display:grid;gap:7px;margin-top:10px;}
.pm-pb-notes div{display:flex;align-items:center;gap:8px;min-height:32px;border:1px solid rgba(255,210,90,.15);border-radius:11px;background:rgba(0,0,0,.28);padding:7px 9px;}
.pm-pb-notes b{color:#ffd75f;font-family:var(--font-display);font-size:11px;font-weight:900;line-height:1.2;}
.pm-pb-expand-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;min-height:30px;border-radius:999px;border:1px solid rgba(0,217,255,.16);color:#00eaff;font-family:var(--font-display);font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;background:rgba(0,80,120,.12);}
.pm-player-match-card-v56[open] .pm-pb-expand-hint i{transform:rotate(180deg);}
.pm-pmc-expanded-v56{padding:0 14px 14px!important;border-top:0!important;}
.pm-pmc-meta-grid-v56{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;}
.pm-pmc-meta-grid-v56 div{border:1px solid rgba(130,210,255,.12);border-radius:12px;background:rgba(0,0,0,.22);padding:10px;}
.pm-pmc-meta-grid-v56 span{display:block;color:#7f9cad;font-family:var(--font-display);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.pm-pmc-meta-grid-v56 strong{display:block;margin-top:4px;color:#f5fbff;font-family:var(--font-display);font-size:12px;font-weight:900;line-height:1.15;}
.pm-pb-upcoming-main{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding:10px;border-radius:16px;background:radial-gradient(circle at 50% 10%,rgba(0,217,255,.08),transparent 52%),rgba(0,0,0,.18);border:1px solid rgba(0,217,255,.12);}
.pm-pb-vs-player{display:grid;justify-items:center;gap:7px;text-align:center;min-width:0;}
.pm-pb-vs-player strong{max-width:150px;color:#fff;font-family:var(--font-display);font-size:20px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pm-pb-vs-player em{color:#7194a5;padding:3px 7px;font-style:normal;font-family:var(--font-display);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;}
.pm-pb-vs-core{text-align:center;min-width:110px;}
.pm-pb-vs-core span{display:block;color:#fff;font-size:12px;font-family:var(--font-display);font-weight:900;line-height:1.12;}
.pm-pb-vs-core b{display:block;color:#e8ffff;font-size:32px;font-family:var(--font-display);font-weight:900;line-height:1;margin:5px 0;text-shadow:0 0 14px rgba(0,217,255,.22);}
.pm-pb-vs-core small{display:block;color:#98b1be;font-family:var(--font-display);font-size:10px;font-weight:900;}
.pm-pb-vs-core .pm-status-pill{margin-top:8px;justify-content:center;}
.pm-pb-upcoming-quick{grid-template-columns:repeat(3,minmax(0,1fr));}

@media (min-width:900px){
  .pm-bottom-grid-v56{grid-template-columns:1fr 1fr;}
  .pm-player-match-list-v56{gap:14px;}
  .pm-player-match-card-v56 summary{padding:16px!important;}
}

@media (min-width:1200px){
  .pm-bottom-grid-v56{gap:18px;}
  .pm-player-match-list-v56{padding:14px;}
  .pm-player-match-card-v56 summary{padding:18px!important;}
  .pm-pb-card-top{gap:16px;}
  .pm-pb-avatar{width:120px;height:120px;}
  .pm-pb-quick{gap:10px;}
}

@media (max-width:899px){
  .pm-bottom-grid-v56{grid-template-columns:1fr;}
  .pm-pb-card-top{grid-template-columns:1fr auto 1fr;grid-template-areas:'me score opp' 'status status status';}
  .pm-pb-player-main{grid-area:me;}.pm-pb-result-core{grid-area:score;}.pm-pb-player-opp{grid-area:opp;}.pm-pb-status{grid-area:status;justify-self:center;margin-top:2px;}
  .pm-pb-quick{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pm-pmc-meta-grid-v56{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:520px){
  .pm-player-match-list-v56{padding:8px;gap:10px;}
  .pm-player-match-card-v56{border-radius:16px!important;}
  .pm-player-match-card-v56 summary{padding:12px!important;}
  .pm-pb-card-top{grid-template-columns:1fr auto 1fr;gap:8px;}
  .pm-pb-avatar{width:92px;height:92px;font-size:13px;}
  .pm-pb-player{gap:7px;flex-direction:column;text-align:center;}
  .pm-pb-player-opp{flex-direction:column-reverse;justify-content:center;text-align:center;}
  .pm-pb-player strong{max-width:96px;font-size:12px;}
  .pm-pb-player em{font-size:7px;max-width:92px;}
  .pm-pb-result-core{min-width:76px;padding:5px 7px;}
  .pm-pb-result-core b{font-size:24px;}
  .pm-pb-result-core span{font-size:7px;}
  .pm-pb-quick{grid-template-columns:1fr 1fr;gap:7px;}
  .pm-pb-quick span{padding:8px;}
  .pm-pb-quick b{font-size:11px;}
  .pm-pb-games{grid-template-columns:1fr;}
  .pm-pb-game{grid-template-columns:26px 1fr auto;grid-auto-rows:auto;}
  .pm-pb-game small{grid-column:2 / -1;}
  .pm-pmc-meta-grid-v56{grid-template-columns:1fr 1fr;}
  .pm-pb-upcoming-main{grid-template-columns:1fr auto 1fr;gap:8px;padding:9px;}
  .pm-pb-vs-player strong{max-width:92px;font-size:12px;}
  .pm-pb-vs-core{min-width:76px;}
  .pm-pb-vs-core b{font-size:27px;}
  .pm-pb-upcoming-quick{grid-template-columns:1fr;}
}

@media (min-width:900px) and (max-width:1199px){
  .pm-pb-card-top{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);grid-template-areas:'me score opp' 'status status status';}
  .pm-pb-player-main{grid-area:me;}.pm-pb-result-core{grid-area:score;}.pm-pb-player-opp{grid-area:opp;}.pm-pb-status{grid-area:status;justify-self:center;margin-top:4px;}
  .pm-pb-quick{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pm-pb-games{grid-template-columns:1fr;}
}

/* ==========================================================
   PATCH 56C — PLAYER MATCH DETAILS CLEANUP + PENDING DEADLINE
   Scope: bottom player match cards only.
   - removes duplicated metadata drawer content from completed cards
   - pending/"Čeka dogovor" details show only Rok runde
   - upgrades details drawer visual hierarchy
   - standardizes BH label to "Bez hendikepa"
   ========================================================== */

.pm-player-match-card-v56 .pm-pmc-expanded-v56{
  margin: 0 14px 14px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(0,217,255,.16) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(0,217,255,.10), transparent 34%),
    linear-gradient(180deg, rgba(0,34,48,.72), rgba(0,9,16,.76)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 0 26px rgba(0,217,255,.045) !important;
}

.pm-player-match-card-v56 .pm-pmc-detail-title{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin: 0 0 10px !important;
  color:#00eaff !important;
  font-family:var(--font-display) !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
.pm-player-match-card-v56 .pm-pmc-detail-title::before{
  content:'';
  width:8px;
  height:8px;
  border-radius:999px;
  background:#00eaff;
  box-shadow:0 0 14px rgba(0,234,255,.72);
}

.pm-player-match-card-v56 .pm-pb-detail-prime{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:9px !important;
  margin-bottom:11px !important;
}
.pm-player-match-card-v56 .pm-pb-detail-prime span{
  min-height:54px !important;
  padding:10px 11px !important;
  border-radius:13px !important;
  border:1px solid rgba(130,210,255,.13) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(0,217,255,.10), transparent 36%),
    rgba(0,0,0,.22) !important;
}
.pm-player-match-card-v56 .pm-pb-detail-prime i{
  color:#72eaff !important;
  font-size:15px !important;
  margin-right:6px !important;
}
.pm-player-match-card-v56 .pm-pb-detail-prime b{
  color:#f6fbff !important;
  font-size:13px !important;
}
.pm-player-match-card-v56 .pm-pb-detail-prime em{
  color:#7fa6b7 !important;
  font-size:7.7px !important;
}

.pm-player-match-card-v56 .pm-pb-games-inline{
  margin-top:10px !important;
}
.pm-player-match-card-v56 .pm-pb-games{
  gap:9px !important;
}
.pm-player-match-card-v56 .pm-pb-game{
  min-height:48px !important;
  border-radius:13px !important;
  border-color:rgba(120,210,255,.14) !important;
  background:
    linear-gradient(90deg, rgba(0,217,255,.08), rgba(0,0,0,.20) 38%, rgba(0,0,0,.30)) !important;
}
.pm-player-match-card-v56 .pm-pb-game .pm-pb-bh{
  color:#00eaff !important;
  letter-spacing:.08em !important;
}
.pm-player-match-card-v56 .pm-pb-game .pm-pb-bh strong{
  color:#32ffba !important;
}

.pm-player-match-card-v56 .pm-pb-notes{
  margin-top:10px !important;
  display:grid !important;
  gap:7px !important;
}
.pm-player-match-card-v56 .pm-pb-notes div{
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,214,90,.18) !important;
  background:rgba(0,0,0,.20) !important;
}
.pm-player-match-card-v56 .pm-pb-notes b{
  color:#ffe28a !important;
  font-size:11px !important;
  line-height:1.25 !important;
}

.pm-player-match-card-v56 .pm-pmc-expanded-v56.is-pending-minimal{
  padding:12px !important;
  border-color:rgba(255,203,61,.25) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,203,61,.10), transparent 34%),
    linear-gradient(180deg, rgba(24,19,4,.58), rgba(0,10,16,.78)) !important;
}
.pm-player-match-card-v56 .pm-pmc-expanded-v56.is-pending-minimal .pm-pmc-detail-title{
  color:#ffd34f !important;
}
.pm-player-match-card-v56 .pm-pmc-expanded-v56.is-pending-minimal .pm-pmc-detail-title::before{
  background:#ffd34f;
  box-shadow:0 0 14px rgba(255,211,79,.65);
}
.pm-pb-pending-deadline{
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:10px !important;
  min-height:58px !important;
  padding:11px 13px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,203,61,.22) !important;
  background:
    radial-gradient(circle at 10% 50%, rgba(255,203,61,.12), transparent 34%),
    rgba(0,0,0,.22) !important;
}
.pm-pb-pending-deadline i{
  grid-row:1 / span 2;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#ffd34f;
  background:rgba(255,203,61,.10);
  box-shadow:0 0 18px rgba(255,203,61,.12);
  font-size:19px;
}
.pm-pb-pending-deadline span{
  color:#8aa9b8;
  font-family:var(--font-display);
  font-size:8px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.pm-pb-pending-deadline strong{
  margin-top:2px;
  color:#f8fbff;
  font-family:var(--font-display);
  font-size:14px;
  font-weight:950;
  line-height:1.15;
}

@media (max-width:700px){
  .pm-player-match-card-v56 .pm-pmc-expanded-v56{
    margin:0 10px 10px !important;
    padding:11px !important;
    border-radius:15px !important;
  }
  .pm-player-match-card-v56 .pm-pb-detail-prime{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  .pm-player-match-card-v56 .pm-pb-detail-prime span{
    min-height:49px !important;
    padding:9px !important;
  }
  .pm-player-match-card-v56 .pm-pb-detail-prime b{
    font-size:12px !important;
  }
  .pm-player-match-card-v56 .pm-pb-games{
    grid-template-columns:1fr !important;
  }
  .pm-player-match-card-v56 .pm-pb-notes div{
    align-items:flex-start !important;
    border-radius:12px !important;
  }
}

@media (max-width:430px){
  .pm-player-match-card-v56 .pm-pb-detail-prime{
    grid-template-columns:1fr !important;
  }
  .pm-pb-pending-deadline{
    min-height:52px !important;
    padding:10px !important;
  }
}

/* ==========================================================
   PATCH 56D — PLAYER MATCH DETAILS SEMANTIC POLISH
   Scope: bottom match cards only.
   - clearer discipline rows
   - "Bez hendikepa" wording
   - draw/win/loss result badge states
   - pending/čeka dogovor detail drawer reduced to deadline-only
   HERO + CHART SECTION remains untouched.
   ========================================================== */

.pm-player-match-card-v56 .pm-pb-result-core.draw,
.pm-player-match-card-v56.is-draw .pm-pb-result-core{
  border-color:rgba(148,163,184,.38) !important;
  background:linear-gradient(180deg, rgba(148,163,184,.16), rgba(2,8,18,.48)) !important;
  color:#e5edf5 !important;
}

.pm-player-match-card-v56 .pm-pb-result-core.win{
  border-color:rgba(22,242,114,.38) !important;
  background:linear-gradient(180deg, rgba(22,242,114,.14), rgba(2,8,18,.48)) !important;
}

.pm-player-match-card-v56 .pm-pb-result-core.loss{
  border-color:rgba(255,43,73,.38) !important;
  background:linear-gradient(180deg, rgba(255,43,73,.14), rgba(2,8,18,.48)) !important;
}

.pm-player-match-card-v56 .pm-pb-game-breakdown,
.pm-player-match-card-v56 .pm-pb-discipline-list{
  display:grid;
  gap:10px;
  margin-top:10px;
}

.pm-player-match-card-v56 .pm-pb-discipline-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:11px 12px;
  border:1px solid rgba(0,224,255,.13);
  border-radius:14px;
  background:
    radial-gradient(circle at 15% 50%, rgba(0,224,255,.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.20));
}

.pm-player-match-card-v56 .pm-pb-discipline-icon{
  width:34px;
  height:34px;
  border-radius:999px;
  object-fit:cover;
  filter:drop-shadow(0 0 8px rgba(0,224,255,.18));
}

.pm-player-match-card-v56 .pm-pb-discipline-main{
  min-width:0;
}

.pm-player-match-card-v56 .pm-pb-discipline-title{
  display:flex;
  align-items:center;
  gap:8px;
  color:#dff8ff;
  font-weight:900;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.pm-player-match-card-v56 .pm-pb-discipline-winner{
  margin-top:4px;
  color:#ffc94d;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
}

.pm-player-match-card-v56 .pm-pb-discipline-meta{
  margin-top:5px;
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}

.pm-player-match-card-v56 .pm-pb-mini-pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:19px;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid rgba(0,224,255,.16);
  background:rgba(0,26,40,.45);
  color:#9ed7e9;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.pm-player-match-card-v56 .pm-pb-mini-pill.is-points{
  color:#ffd766;
  border-color:rgba(255,201,77,.24);
  background:rgba(255,201,77,.07);
}

.pm-player-match-card-v56 .pm-pb-mini-pill.is-bh{
  color:#18e7ff;
  border-color:rgba(24,231,255,.22);
  background:rgba(24,231,255,.06);
}

.pm-player-match-card-v56 .pm-pb-discipline-score{
  min-width:58px;
  text-align:right;
  color:#fff;
  font-size:20px;
  font-weight:950;
  letter-spacing:.02em;
  text-shadow:0 0 10px rgba(0,224,255,.16);
}

.pm-player-match-card-v56 .pm-pb-discipline-row.is-loss .pm-pb-discipline-score{
  color:#ff5474;
}

.pm-player-match-card-v56 .pm-pb-discipline-row.is-win .pm-pb-discipline-score{
  color:#f8ffff;
}

/* Pending / čeka dogovor: details drawer is intentionally tiny — only round deadline. */
.pm-player-match-card-v56.is-pending .pm-pb-detail-grid > :not(.pm-pb-deadline-only),
.pm-player-match-card-v56.is-pending .pm-pb-discipline-list,
.pm-player-match-card-v56.is-pending .pm-pb-game-breakdown,
.pm-player-match-card-v56.is-pending .pm-pb-note-row,
.pm-player-match-card-v56.is-pending .pm-pb-badges,
.pm-player-match-card-v56.is-pending .pm-pb-extra-meta{
  display:none !important;
}

.pm-player-match-card-v56.is-pending .pm-pb-expanded,
.pm-player-match-card-v56.is-pending .pm-pb-detail-drawer{
  padding-top:10px !important;
}

.pm-player-match-card-v56.is-pending .pm-pb-deadline-only{
  grid-column:1 / -1;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,201,77,.24);
  background:
    radial-gradient(circle at 0 50%, rgba(255,201,77,.10), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.24));
}

.pm-player-match-card-v56.is-pending .pm-pb-deadline-only span{
  color:#9fb8c7;
  font-size:10px;
  font-weight:900;
  letter-spacing:.105em;
  text-transform:uppercase;
}

.pm-player-match-card-v56.is-pending .pm-pb-deadline-only strong{
  color:#ffd766;
  font-size:14px;
  font-weight:950;
  text-align:right;
}

/* Mobile readability for discipline rows */
@media (max-width:520px){
  .pm-player-match-card-v56 .pm-pb-discipline-row{
    grid-template-columns:auto minmax(0,1fr);
  }

  .pm-player-match-card-v56 .pm-pb-discipline-score{
    grid-column:1 / -1;
    text-align:left;
    min-width:0;
    font-size:19px;
    padding-left:44px;
    margin-top:-3px;
  }

  .pm-player-match-card-v56 .pm-pb-mini-pill{
    font-size:8.8px;
    padding-inline:6px;
  }

  .pm-player-match-card-v56.is-pending .pm-pb-deadline-only{
    align-items:flex-start;
    flex-direction:column;
  }

  .pm-player-match-card-v56.is-pending .pm-pb-deadline-only strong{
    text-align:left;
  }
}



/* ==========================================================
   PATCH 56E — REAL PLAYER DETAILS SEMANTICS FIX
   Actually changes PHP render + supports corrected classes.
   ========================================================== */

.pm-player-match-card-v56 .pm-pb-result-core.lose,
.pm-player-match-card-v56.is-lose .pm-pb-result-core{
  border-color:rgba(255,43,73,.38) !important;
  background:linear-gradient(180deg, rgba(255,43,73,.14), rgba(2,8,18,.48)) !important;
}

.pm-player-match-card-v56 .pm-pb-result-core.draw span,
.pm-player-match-card-v56.is-draw .pm-pb-result-core span{
  color:#d8e4ee !important;
}

.pm-player-match-card-v56 .pm-pb-result-core.draw b,
.pm-player-match-card-v56.is-draw .pm-pb-result-core b{
  color:#ffffff !important;
}

.pm-player-match-card-v56 .pm-pb-discipline-row.is-draw .pm-pb-discipline-score{
  color:#e5edf5 !important;
}

.pm-player-match-card-v56 .pm-pb-mini-pill.is-forfeit{
  color:#ffd766;
  border-color:rgba(255,201,77,.28);
  background:rgba(255,201,77,.08);
}

.pm-player-match-card-v56 .pm-pb-discipline-winner{
  color:#dff8ff !important;
}

.pm-player-match-card-v56 .pm-pb-discipline-row.is-win .pm-pb-discipline-winner{
  color:#20ff97 !important;
}

.pm-player-match-card-v56 .pm-pb-discipline-row.is-loss .pm-pb-discipline-winner,
.pm-player-match-card-v56 .pm-pb-discipline-row.is-lose .pm-pb-discipline-winner{
  color:#ff5f7e !important;
}

/* make the new detail rows visually dominant over old compact line rules */
.pm-player-match-card-v56 .pm-pb-games-inline .pm-pb-discipline-list{
  display:grid !important;
  gap:10px !important;
}


/* PATCH 56F: player match outcome label is now discipline/set based in PHP. */


/* ==========================================================
   PATCH 56G — PLAYER UPCOMING DETAILS MINIMAL LOGIC
   Scheduled: Rok runde + Termin + Hendikep.
   Pending/Čeka dogovor: Rok runde + Hendikep.
   ========================================================== */

.pm-player-match-card-v56 .pm-pb-upcoming-minimal{
  display:grid;
  gap:10px;
}

.pm-player-match-card-v56 .pm-pb-upcoming-lean{
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
}

.pm-player-match-card-v56 .pm-pb-upcoming-hc{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:9px 12px;
  border-radius:13px;
  border:1px solid rgba(255,201,77,.24);
  background:
    radial-gradient(circle at 0 50%, rgba(255,201,77,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.18));
  color:#ffd766;
  font-size:11px;
  font-weight:900;
  line-height:1.25;
}

.pm-player-match-card-v56 .pm-pb-upcoming-hc b{
  color:#ffd766;
  font-weight:950;
}

.pm-player-match-card-v56 .pm-pb-upcoming-hc .pm-hc-label-v49c{
  flex:0 0 auto;
}

@media (max-width:520px){
  .pm-player-match-card-v56 .pm-pb-upcoming-lean{
    grid-template-columns:1fr !important;
  }

  .pm-player-match-card-v56 .pm-pb-upcoming-hc{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }
}


/* ==========================================================
   PATCH 56H — LIVE CTA FROM PLAYER CARD TO LIVE CENTER
   For live matches, player.php becomes a gateway to live.php?tab=live.
   ========================================================== */

.pm-player-match-card-v56 .pm-pb-live-cta{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:44px;
  padding:10px 13px;
  border-radius:14px;
  text-decoration:none;
  overflow:hidden;
  border:1px solid rgba(255,43,73,.38);
  background:
    radial-gradient(circle at 0 50%, rgba(255,43,73,.18), transparent 36%),
    linear-gradient(90deg, rgba(255,43,73,.13), rgba(0,224,255,.055));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 18px rgba(255,43,73,.10);
}

.pm-player-match-card-v56 .pm-pb-live-cta::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent);
  transform:translateX(-120%);
  animation:pm-live-cta-sheen 2.8s ease-in-out infinite;
  pointer-events:none;
}

@keyframes pm-live-cta-sheen{
  0%, 45%{ transform:translateX(-120%); }
  75%, 100%{ transform:translateX(120%); }
}

.pm-player-match-card-v56 .pm-pb-live-cta span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#ff5574;
  font-size:11px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  z-index:1;
}

.pm-player-match-card-v56 .pm-pb-live-cta b{
  color:#fff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.03em;
  z-index:1;
}

.pm-player-match-card-v56 .pm-pb-live-cta > i{
  color:#ff5574;
  font-size:16px;
  z-index:1;
}

.pm-player-match-card-v56 .pm-pb-live-cta:hover{
  border-color:rgba(255,43,73,.62);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 24px rgba(255,43,73,.18);
}

@media (max-width:520px){
  .pm-player-match-card-v56 .pm-pb-live-cta{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .pm-player-match-card-v56 .pm-pb-live-cta > i{
    position:absolute;
    right:13px;
    top:50%;
    transform:translateY(-50%);
  }
}


/* ==========================================================
   PATCH 56I — PLAYER PARTIAL MATCH DETAILS
   Partial/delimično: show played discipline result + points + BH,
   while keeping scheduled details minimal.
   ========================================================== */

.pm-player-match-card-v56.is-partial .pm-pb-partial-panel{
  display:grid;
  gap:10px;
  padding:10px;
  border-radius:15px;
  border:1px solid rgba(255,201,77,.20);
  background:
    radial-gradient(circle at 12% 0%, rgba(255,201,77,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.030), rgba(0,0,0,.18));
}

.pm-player-match-card-v56 .pm-pb-partial-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 2px 2px;
}

.pm-player-match-card-v56 .pm-pb-partial-head span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#ffd766;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.pm-player-match-card-v56 .pm-pb-partial-head b{
  flex:0 0 auto;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,201,77,.24);
  background:rgba(255,201,77,.075);
  color:#ffe28a;
  font-size:10px;
  font-weight:950;
}

.pm-player-match-card-v56.is-partial .pm-pb-discipline-list{
  margin-top:0;
}

.pm-player-match-card-v56.is-partial .pm-pb-discipline-row{
  border-color:rgba(255,201,77,.16);
}

@media (max-width:520px){
  .pm-player-match-card-v56 .pm-pb-partial-head{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ==========================================================
   PATCH 56J — PARTIAL MATCH PLAYED-PART DURATION
   Uses existing match duration for partial status as "Trajanje odigranog dela".
   ========================================================== */

.pm-player-match-card-v56.is-partial .pm-pb-partial-duration{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:40px;
  padding:9px 11px;
  border-radius:13px;
  border:1px solid rgba(0,224,255,.16);
  background:
    radial-gradient(circle at 0 50%, rgba(0,224,255,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.16));
}

.pm-player-match-card-v56.is-partial .pm-pb-partial-duration span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#9ed7e9;
  font-size:10px;
  font-weight:950;
  letter-spacing:.085em;
  text-transform:uppercase;
}

.pm-player-match-card-v56.is-partial .pm-pb-partial-duration strong{
  color:#ffffff;
  font-size:13px;
  font-weight:950;
  letter-spacing:.02em;
}

@media (max-width:520px){
  .pm-player-match-card-v56.is-partial .pm-pb-partial-duration{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }
}


/* ==========================================================
   PATCH 56K — PLAYER DISCIPLINE ROW OVERFLOW FIX
   Fixes 8-ball / 10-ball details escaping cards on 1100px+ / 2-column ranges.
   Scope: bottom player match cards only.
   ========================================================== */

.pm-bottom-grid-v5,
.pm-section-cards,
.pm-player-match-list-v56,
.pm-player-match-card-v56,
.pm-player-match-card-v56 summary,
.pm-player-match-card-v56 .pm-pb-expanded,
.pm-player-match-card-v56 .pm-pb-card-top,
.pm-player-match-card-v56 .pm-pb-detail-grid,
.pm-player-match-card-v56 .pm-pb-discipline-list,
.pm-player-match-card-v56 .pm-pb-discipline-row,
.pm-player-match-card-v56 .pm-pb-discipline-main,
.pm-player-match-card-v56 .pm-pb-upcoming-minimal,
.pm-player-match-card-v56 .pm-pb-partial-panel{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

.pm-player-match-card-v56{
  overflow:hidden !important;
}

.pm-player-match-card-v56 .pm-pb-expanded,
.pm-player-match-card-v56 .pm-pb-detail-grid,
.pm-player-match-card-v56 .pm-pb-partial-panel{
  overflow:hidden !important;
}

.pm-player-match-card-v56 .pm-pb-discipline-list{
  width:100% !important;
  overflow:hidden !important;
}

.pm-player-match-card-v56 .pm-pb-discipline-row{
  width:100% !important;
  overflow:hidden !important;
}

.pm-player-match-card-v56 .pm-pb-discipline-title,
.pm-player-match-card-v56 .pm-pb-discipline-winner,
.pm-player-match-card-v56 .pm-pb-discipline-meta{
  min-width:0 !important;
  max-width:100% !important;
}

.pm-player-match-card-v56 .pm-pb-discipline-title span,
.pm-player-match-card-v56 .pm-pb-discipline-winner{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* Critical middle-desktop fix:
   when a bottom column becomes narrow inside 2-column layout,
   discipline rows must stack instead of forcing icon/text/score in one line. */
@media (min-width:900px) and (max-width:1399px){
  .pm-player-match-card-v56 .pm-pb-discipline-row{
    grid-template-columns:auto minmax(0,1fr) !important;
    align-items:start !important;
    gap:9px 10px !important;
  }

  .pm-player-match-card-v56 .pm-pb-discipline-score{
    grid-column:1 / -1 !important;
    min-width:0 !important;
    width:100% !important;
    text-align:left !important;
    padding-left:44px !important;
    font-size:18px !important;
    line-height:1.05 !important;
  }

  .pm-player-match-card-v56 .pm-pb-discipline-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;
  }

  .pm-player-match-card-v56 .pm-pb-mini-pill{
    max-width:100% !important;
    white-space:normal !important;
    line-height:1.15 !important;
  }
}

/* Large desktop: keep premium horizontal layout only when there is enough room. */
@media (min-width:1400px){
  .pm-player-match-card-v56 .pm-pb-discipline-row{
    grid-template-columns:auto minmax(0,1fr) auto !important;
  }

  .pm-player-match-card-v56 .pm-pb-discipline-score{
    grid-column:auto !important;
    width:auto !important;
    min-width:58px !important;
    text-align:right !important;
    padding-left:0 !important;
  }
}

/* Narrow/mobile already stacks, but this reinforces safe wrapping. */
@media (max-width:899px){
  .pm-player-match-card-v56 .pm-pb-discipline-row{
    grid-template-columns:auto minmax(0,1fr) !important;
  }

  .pm-player-match-card-v56 .pm-pb-discipline-score{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    text-align:left !important;
    padding-left:44px !important;
  }

  .pm-player-match-card-v56 .pm-pb-mini-pill{
    max-width:100% !important;
    white-space:normal !important;
  }
}

/* Prevent detail grids from squeezing children into overflow at awkward widths. */
@media (min-width:900px) and (max-width:1399px){
  .pm-player-match-card-v56 .pm-pb-detail-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:640px){
  .pm-player-match-card-v56 .pm-pb-detail-grid{
    grid-template-columns:1fr !important;
  }
}


/* ==========================================================
   PATCH 56L — TRUE DETAIL GRID OVERFLOW FIX
   Root cause: details meta grid and discipline cards were side-by-side
   in wide two-column page mode, leaving discipline cards too narrow.
   Fix: played/partial details use vertical full-width lanes.
   ========================================================== */

/* Full-width lane for score/discipline area inside played result cards */
.pm-player-match-card-v56.is-win .pm-pb-games-inline,
.pm-player-match-card-v56.is-lose .pm-pb-games-inline,
.pm-player-match-card-v56.is-draw .pm-pb-games-inline,
.pm-player-match-card-v56.is-partial .pm-pb-games-inline,
.pm-player-match-card-v56.is-win .pm-pb-discipline-list,
.pm-player-match-card-v56.is-lose .pm-pb-discipline-list,
.pm-player-match-card-v56.is-draw .pm-pb-discipline-list,
.pm-player-match-card-v56.is-partial .pm-pb-discipline-list,
.pm-player-match-card-v56.is-win .pm-pb-notes,
.pm-player-match-card-v56.is-lose .pm-pb-notes,
.pm-player-match-card-v56.is-draw .pm-pb-notes,
.pm-player-match-card-v56.is-partial .pm-pb-notes{
  grid-column:1 / -1 !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}

/* The detail grid itself must never create an unreachable third/narrow lane */
.pm-player-match-card-v56.is-win .pm-pb-detail-grid,
.pm-player-match-card-v56.is-lose .pm-pb-detail-grid,
.pm-player-match-card-v56.is-draw .pm-pb-detail-grid,
.pm-player-match-card-v56.is-partial .pm-pb-detail-grid{
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  align-items:start !important;
}

/* On problematic hybrid widths, use 2 meta columns but discipline remains full-width below */
@media (min-width:900px) and (max-width:1399px){
  .pm-player-match-card-v56.is-win .pm-pb-detail-grid,
  .pm-player-match-card-v56.is-lose .pm-pb-detail-grid,
  .pm-player-match-card-v56.is-draw .pm-pb-detail-grid,
  .pm-player-match-card-v56.is-partial .pm-pb-detail-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

/* On real desktop, discipline cards may be side-by-side only inside their own full-width lane */
@media (min-width:1100px){
  .pm-player-match-card-v56.is-win .pm-pb-discipline-list,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-list,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-list{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .pm-player-match-card-v56.is-partial .pm-pb-discipline-list{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
}

/* But each discipline card must remain internally safe and compact */
@media (min-width:900px){
  .pm-player-match-card-v56 .pm-pb-discipline-row{
    grid-template-columns:auto minmax(0,1fr) !important;
    align-items:start !important;
  }

  .pm-player-match-card-v56 .pm-pb-discipline-score{
    grid-column:1 / -1 !important;
    text-align:left !important;
    padding-left:44px !important;
    min-width:0 !important;
    width:100% !important;
  }
}

/* At very wide desktop, allow score on the right only when discipline lane has enough space */
@media (min-width:1600px){
  .pm-player-match-card-v56.is-win .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-row{
    grid-template-columns:auto minmax(0,1fr) auto !important;
  }

  .pm-player-match-card-v56.is-win .pm-pb-discipline-score,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-score,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-score{
    grid-column:auto !important;
    width:auto !important;
    min-width:58px !important;
    text-align:right !important;
    padding-left:0 !important;
  }
}

/* Strong containment: no detail child may visually escape the card */
.pm-player-match-card-v56 .pm-pb-expanded,
.pm-player-match-card-v56 .pm-pb-detail-grid,
.pm-player-match-card-v56 .pm-pb-games-inline,
.pm-player-match-card-v56 .pm-pb-discipline-list,
.pm-player-match-card-v56 .pm-pb-discipline-row{
  overflow:hidden !important;
  contain:layout paint;
}


/* ==========================================================
   PATCH 56M — 1100PX PLAYER DISCIPLINE BREAKPOINT FIX
   At ~1100px the left results column is too narrow for 2 discipline cards.
   Force played-result discipline cards to stay vertical until ultra-wide.
   ========================================================== */

/* Override previous 1100px rule from 56L: never split 8/10-ball at laptop/tablet widths. */
@media (min-width:900px) and (max-width:1599px){
  .pm-player-match-card-v56.is-win .pm-pb-discipline-list,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-list,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-list,
  .pm-player-match-card-v56.is-partial .pm-pb-discipline-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .pm-player-match-card-v56.is-win .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-partial .pm-pb-discipline-row{
    grid-template-columns:auto minmax(0,1fr) auto !important;
    width:100% !important;
  }

  .pm-player-match-card-v56.is-win .pm-pb-discipline-score,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-score,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-score,
  .pm-player-match-card-v56.is-partial .pm-pb-discipline-score{
    grid-column:auto !important;
    width:auto !important;
    min-width:52px !important;
    text-align:right !important;
    padding-left:0 !important;
    font-size:18px !important;
  }
}

/* If a column is still tight, stack score under text before any overflow happens. */
@media (min-width:900px) and (max-width:1199px){
  .pm-player-match-card-v56.is-win .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-partial .pm-pb-discipline-row{
    grid-template-columns:auto minmax(0,1fr) !important;
  }

  .pm-player-match-card-v56.is-win .pm-pb-discipline-score,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-score,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-score,
  .pm-player-match-card-v56.is-partial .pm-pb-discipline-score{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    text-align:left !important;
    padding-left:44px !important;
  }
}

/* Only ultra-wide desktop may use 2 discipline cards side-by-side. */
@media (min-width:1600px){
  .pm-player-match-card-v56.is-win .pm-pb-discipline-list,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-list,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-list{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .pm-player-match-card-v56.is-partial .pm-pb-discipline-list{
    grid-template-columns:1fr !important;
  }
}

/* Absolute safety: hidden overflow should never clip useful content because layout is now vertical. */
.pm-player-match-card-v56 .pm-pb-discipline-list,
.pm-player-match-card-v56 .pm-pb-discipline-row{
  overflow:visible !important;
}


/* ==========================================================
   PATCH 56N — PLAYED DETAILS COMPACT GRID POLISH
   Fixes large empty space in played match detail panels at 1100px+ / FHD.
   Keeps data logic unchanged.
   ========================================================== */

/* Played details: compact vertical flow, no stretched empty lanes */
.pm-player-match-card-v56.is-win .pm-pb-expanded,
.pm-player-match-card-v56.is-lose .pm-pb-expanded,
.pm-player-match-card-v56.is-draw .pm-pb-expanded{
  display:block !important;
}

.pm-player-match-card-v56.is-win .pm-pb-detail-grid,
.pm-player-match-card-v56.is-lose .pm-pb-detail-grid,
.pm-player-match-card-v56.is-draw .pm-pb-detail-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:start !important;
  align-content:start !important;
  min-height:0 !important;
}

/* Remove accidental stretched height from detail children */
.pm-player-match-card-v56.is-win .pm-pb-detail-grid > *,
.pm-player-match-card-v56.is-lose .pm-pb-detail-grid > *,
.pm-player-match-card-v56.is-draw .pm-pb-detail-grid > *{
  min-height:0 !important;
  align-self:start !important;
}

/* Discipline and notes always start immediately after meta grid */
.pm-player-match-card-v56.is-win .pm-pb-discipline-list,
.pm-player-match-card-v56.is-lose .pm-pb-discipline-list,
.pm-player-match-card-v56.is-draw .pm-pb-discipline-list{
  grid-column:1 / -1 !important;
  margin-top:0 !important;
}

.pm-player-match-card-v56.is-win .pm-pb-notes,
.pm-player-match-card-v56.is-lose .pm-pb-notes,
.pm-player-match-card-v56.is-draw .pm-pb-notes{
  grid-column:1 / -1 !important;
  margin-top:0 !important;
}

/* Mid desktop: 3 compact meta blocks if enough, otherwise 2; discipline below */
@media (min-width:900px) and (max-width:1299px){
  .pm-player-match-card-v56.is-win .pm-pb-detail-grid,
  .pm-player-match-card-v56.is-lose .pm-pb-detail-grid,
  .pm-player-match-card-v56.is-draw .pm-pb-detail-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

/* Large desktop/FHD: discipline cards can be side-by-side and compact */
@media (min-width:1300px){
  .pm-player-match-card-v56.is-win .pm-pb-discipline-list,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-list,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-list{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .pm-player-match-card-v56.is-win .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-row{
    min-height:78px !important;
    padding:10px 12px !important;
  }
}

/* 1100-1299: force vertical discipline rows but without big dead space */
@media (min-width:900px) and (max-width:1299px){
  .pm-player-match-card-v56.is-win .pm-pb-discipline-list,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-list,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-list{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }
}

/* Prevent old min-height rules from making detail card feel empty */
.pm-player-match-card-v56.is-win .pm-pb-expanded,
.pm-player-match-card-v56.is-lose .pm-pb-expanded,
.pm-player-match-card-v56.is-draw .pm-pb-expanded,
.pm-player-match-card-v56.is-win .pm-pb-detail-grid,
.pm-player-match-card-v56.is-lose .pm-pb-detail-grid,
.pm-player-match-card-v56.is-draw .pm-pb-detail-grid{
  height:auto !important;
  max-height:none !important;
}

/* Compact played meta cards slightly at desktop widths */
@media (min-width:900px){
  .pm-player-match-card-v56.is-win .pm-pb-detail-grid > span,
  .pm-player-match-card-v56.is-lose .pm-pb-detail-grid > span,
  .pm-player-match-card-v56.is-draw .pm-pb-detail-grid > span{
    min-height:48px !important;
    padding-block:9px !important;
  }
}


/* ==========================================================
   PATCH 56O — HARD DISCIPLINE SHRINK / NO OVERFLOW FIX
   Forces 8/10-ball detail rows to shrink inside player result cards.
   ========================================================== */

.pm-player-match-card-v56.is-win,
.pm-player-match-card-v56.is-lose,
.pm-player-match-card-v56.is-draw,
.pm-player-match-card-v56.is-partial,
.pm-player-match-card-v56.is-win *,
.pm-player-match-card-v56.is-lose *,
.pm-player-match-card-v56.is-draw *,
.pm-player-match-card-v56.is-partial *{
  box-sizing:border-box !important;
}

.pm-player-match-card-v56.is-win summary,
.pm-player-match-card-v56.is-lose summary,
.pm-player-match-card-v56.is-draw summary,
.pm-player-match-card-v56.is-partial summary,
.pm-player-match-card-v56.is-win .pm-pb-expanded,
.pm-player-match-card-v56.is-lose .pm-pb-expanded,
.pm-player-match-card-v56.is-draw .pm-pb-expanded,
.pm-player-match-card-v56.is-partial .pm-pb-expanded,
.pm-player-match-card-v56.is-win .pm-pb-detail-grid,
.pm-player-match-card-v56.is-lose .pm-pb-detail-grid,
.pm-player-match-card-v56.is-draw .pm-pb-detail-grid,
.pm-player-match-card-v56.is-partial .pm-pb-detail-grid,
.pm-player-match-card-v56.is-win .pm-pb-discipline-list,
.pm-player-match-card-v56.is-lose .pm-pb-discipline-list,
.pm-player-match-card-v56.is-draw .pm-pb-discipline-list,
.pm-player-match-card-v56.is-partial .pm-pb-discipline-list,
.pm-player-match-card-v56.is-win .pm-pb-discipline-row,
.pm-player-match-card-v56.is-lose .pm-pb-discipline-row,
.pm-player-match-card-v56.is-draw .pm-pb-discipline-row,
.pm-player-match-card-v56.is-partial .pm-pb-discipline-row,
.pm-player-match-card-v56 .pm-pb-discipline-main{
  min-width:0 !important;
  max-width:100% !important;
}

.pm-player-match-card-v56.is-win,
.pm-player-match-card-v56.is-lose,
.pm-player-match-card-v56.is-draw,
.pm-player-match-card-v56.is-partial,
.pm-player-match-card-v56.is-win .pm-pb-expanded,
.pm-player-match-card-v56.is-lose .pm-pb-expanded,
.pm-player-match-card-v56.is-draw .pm-pb-expanded,
.pm-player-match-card-v56.is-partial .pm-pb-expanded,
.pm-player-match-card-v56.is-win .pm-pb-detail-grid,
.pm-player-match-card-v56.is-lose .pm-pb-detail-grid,
.pm-player-match-card-v56.is-draw .pm-pb-detail-grid,
.pm-player-match-card-v56.is-partial .pm-pb-detail-grid,
.pm-player-match-card-v56.is-win .pm-pb-discipline-list,
.pm-player-match-card-v56.is-lose .pm-pb-discipline-list,
.pm-player-match-card-v56.is-draw .pm-pb-discipline-list,
.pm-player-match-card-v56.is-partial .pm-pb-discipline-list{
  overflow:hidden !important;
}

.pm-player-match-card-v56.is-win .pm-pb-discipline-list,
.pm-player-match-card-v56.is-lose .pm-pb-discipline-list,
.pm-player-match-card-v56.is-draw .pm-pb-discipline-list,
.pm-player-match-card-v56.is-partial .pm-pb-discipline-list{
  grid-column:1 / -1 !important;
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
}

.pm-player-match-card-v56.is-win .pm-pb-discipline-row,
.pm-player-match-card-v56.is-lose .pm-pb-discipline-row,
.pm-player-match-card-v56.is-draw .pm-pb-discipline-row,
.pm-player-match-card-v56.is-partial .pm-pb-discipline-row{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
}

.pm-player-match-card-v56 .pm-pb-discipline-title,
.pm-player-match-card-v56 .pm-pb-discipline-title span,
.pm-player-match-card-v56 .pm-pb-discipline-winner,
.pm-player-match-card-v56 .pm-pb-discipline-meta{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}

.pm-player-match-card-v56 .pm-pb-discipline-title span,
.pm-player-match-card-v56 .pm-pb-discipline-winner{
  display:block !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}

.pm-player-match-card-v56 .pm-pb-discipline-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:5px !important;
}

.pm-player-match-card-v56 .pm-pb-mini-pill{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

@media (min-width:900px) and (max-width:1350px){
  .pm-player-match-card-v56.is-win .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-partial .pm-pb-discipline-row{
    grid-template-columns:auto minmax(0,1fr) !important;
  }

  .pm-player-match-card-v56.is-win .pm-pb-discipline-score,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-score,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-score,
  .pm-player-match-card-v56.is-partial .pm-pb-discipline-score{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    text-align:left !important;
    padding-left:44px !important;
  }
}

@media (min-width:1900px){
  .pm-player-match-card-v56.is-win .pm-pb-discipline-list,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-list,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-list{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}


/* ==========================================================
   PATCH 56P — DISCIPLINE LANE REAL WIDTH CONTAINMENT
   Fix: DevTools box of 8/10-ball row must not cross into sibling column.
   ========================================================== */

.pm-player-match-card-v56.is-win,
.pm-player-match-card-v56.is-lose,
.pm-player-match-card-v56.is-draw,
.pm-player-match-card-v56.is-partial{
  inline-size:100% !important;
  max-inline-size:100% !important;
  overflow:hidden !important;
  contain:layout paint !important;
}

.pm-player-match-card-v56.is-win .pm-pb-expanded,
.pm-player-match-card-v56.is-lose .pm-pb-expanded,
.pm-player-match-card-v56.is-draw .pm-pb-expanded,
.pm-player-match-card-v56.is-partial .pm-pb-expanded,
.pm-player-match-card-v56.is-win .pm-pb-detail-grid,
.pm-player-match-card-v56.is-lose .pm-pb-detail-grid,
.pm-player-match-card-v56.is-draw .pm-pb-detail-grid,
.pm-player-match-card-v56.is-partial .pm-pb-detail-grid{
  inline-size:100% !important;
  max-inline-size:100% !important;
  min-inline-size:0 !important;
  overflow:hidden !important;
  contain:layout paint !important;
}

.pm-player-match-card-v56.is-win .pm-pb-games-inline,
.pm-player-match-card-v56.is-lose .pm-pb-games-inline,
.pm-player-match-card-v56.is-draw .pm-pb-games-inline,
.pm-player-match-card-v56.is-partial .pm-pb-games-inline{
  display:block !important;
  grid-column:1 / -1 !important;
  inline-size:100% !important;
  max-inline-size:100% !important;
  min-inline-size:0 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  contain:layout paint !important;
}

.pm-player-match-card-v56.is-win .pm-pb-discipline-list,
.pm-player-match-card-v56.is-lose .pm-pb-discipline-list,
.pm-player-match-card-v56.is-draw .pm-pb-discipline-list,
.pm-player-match-card-v56.is-partial .pm-pb-discipline-list{
  display:block !important;
  inline-size:100% !important;
  max-inline-size:100% !important;
  min-inline-size:0 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.pm-player-match-card-v56.is-win .pm-pb-discipline-row,
.pm-player-match-card-v56.is-lose .pm-pb-discipline-row,
.pm-player-match-card-v56.is-draw .pm-pb-discipline-row,
.pm-player-match-card-v56.is-partial .pm-pb-discipline-row{
  display:grid !important;
  inline-size:100% !important;
  max-inline-size:100% !important;
  min-inline-size:0 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  margin-inline:0 !important;
  transform:none !important;
  left:auto !important;
  right:auto !important;
}

.pm-player-match-card-v56.is-win .pm-pb-discipline-row + .pm-pb-discipline-row,
.pm-player-match-card-v56.is-lose .pm-pb-discipline-row + .pm-pb-discipline-row,
.pm-player-match-card-v56.is-draw .pm-pb-discipline-row + .pm-pb-discipline-row,
.pm-player-match-card-v56.is-partial .pm-pb-discipline-row + .pm-pb-discipline-row{
  margin-top:10px !important;
}

.pm-player-match-card-v56 .pm-pb-discipline-main,
.pm-player-match-card-v56 .pm-pb-discipline-title,
.pm-player-match-card-v56 .pm-pb-discipline-title span,
.pm-player-match-card-v56 .pm-pb-discipline-winner,
.pm-player-match-card-v56 .pm-pb-discipline-meta,
.pm-player-match-card-v56 .pm-pb-mini-pill{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}

.pm-player-match-card-v56 .pm-pb-discipline-title span,
.pm-player-match-card-v56 .pm-pb-discipline-winner,
.pm-player-match-card-v56 .pm-pb-mini-pill{
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.pm-player-match-card-v56 .pm-pb-discipline-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:5px !important;
}

@media (min-width:900px){
  .pm-player-match-card-v56.is-win .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-partial .pm-pb-discipline-row{
    grid-template-columns:auto minmax(0,1fr) auto !important;
  }
}

@media (min-width:900px) and (max-width:1350px){
  .pm-player-match-card-v56.is-win .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-row,
  .pm-player-match-card-v56.is-partial .pm-pb-discipline-row{
    grid-template-columns:auto minmax(0,1fr) !important;
  }

  .pm-player-match-card-v56.is-win .pm-pb-discipline-score,
  .pm-player-match-card-v56.is-lose .pm-pb-discipline-score,
  .pm-player-match-card-v56.is-draw .pm-pb-discipline-score,
  .pm-player-match-card-v56.is-partial .pm-pb-discipline-score{
    grid-column:1 / -1 !important;
    inline-size:100% !important;
    max-inline-size:100% !important;
    min-inline-size:0 !important;
    text-align:left !important;
    padding-left:44px !important;
  }
}

.pm-player-match-card-v56.is-win .pm-pb-notes,
.pm-player-match-card-v56.is-lose .pm-pb-notes,
.pm-player-match-card-v56.is-draw .pm-pb-notes,
.pm-player-match-card-v56.is-partial .pm-pb-notes{
  grid-column:1 / -1 !important;
  inline-size:100% !important;
  max-inline-size:100% !important;
  min-inline-size:0 !important;
  overflow:hidden !important;
}


/* ==========================================================
   PATCH 56Q — PMC EXPANDED PARENT WIDTH FIX
   Real offender: .pm-pmc-expanded.pm-pmc-expanded-v56.
   This parent wrapper was wider than the card column and pushed/painted
   detail content into the sibling column.
   ========================================================== */

/*.pm-player-match-card-v56 .pm-pmc-expanded,
.pm-player-match-card-v56 .pm-pmc-expanded-v56,
.pm-player-match-card-v56 .pm-pmc-expanded.pm-pmc-expanded-v56{
  display:block !important;
  inline-size:100% !important;
  width:100% !important;
  max-inline-size:100% !important;
  max-width:100% !important;
  min-inline-size:0 !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  contain:layout paint !important;
  margin-inline:0 !important;
  padding-inline:0 !important;
  transform:none !important;
  left:auto !important;
  right:auto !important;
}
  /*

/* Every direct child of the offending expanded wrapper must shrink to card width. */
.pm-player-match-card-v56 .pm-pmc-expanded.pm-pmc-expanded-v56 > *,
.pm-player-match-card-v56 .pm-pmc-expanded-v56 > *{
  inline-size:100% !important;
  width:100% !important;
  max-inline-size:100% !important;
  max-width:100% !important;
  min-inline-size:0 !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

/* If the expanded wrapper contains old match-card detail classes, bind them too. */
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pmc-detail-title,
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-quick,
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-games-inline,
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-discipline-list,
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-discipline-row,
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-notes{
  inline-size:100% !important;
  width:100% !important;
  max-inline-size:100% !important;
  max-width:100% !important;
  min-inline-size:0 !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

/* Stop the old detail grid from preserving intrinsic content width. */
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-quick{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(110px, 1fr)) !important;
  gap:10px !important;
}

/* Score lane inside the fixed parent is single-column until true ultrawide. */
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-discipline-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  overflow:hidden !important;
}

/* Discipline rows inside fixed parent cannot exceed wrapper width. */
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-discipline-row{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  overflow:hidden !important;
}

/* Tight laptop range: score under text to remove the final intrinsic-width pressure. */
@media (min-width:900px) and (max-width:1350px){
  .pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-discipline-row{
    grid-template-columns:auto minmax(0,1fr) !important;
  }

  .pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-discipline-score{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    text-align:left !important;
    padding-left:44px !important;
  }
}

/* Text/pills inside expanded wrapper must shrink, not force parent width. */
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-discipline-main,
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-discipline-title,
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-discipline-title span,
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-discipline-winner,
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-discipline-meta,
.pm-player-match-card-v56 .pm-pmc-expanded-v56 .pm-pb-mini-pill{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Do not let this wrapper paint into next column even if an old child rule returns. */
.pm-player-match-card-v56,
.pm-player-match-card-v56 summary{
  overflow:hidden !important;
}

/* PATCH: public LIVE active discipline badge */
.pm-vs-live-game{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin:0 4px;
  color:#ffd45a;
  font-weight:900;
  white-space:nowrap;
}
.pm-vs-live-game img{
  width:18px;
  height:18px;
  object-fit:contain;
  filter:drop-shadow(0 0 6px rgba(255,212,90,.45));
}

/* ============================================================
   PATCH 56A — INDEX MOBILE WOW AVATARS (SAFE XS ONLY)
   Scope: body.pm-page-index, screens <= 430px only.
   Goal: iPhone SE / narrow mobile table with much larger, recognizable avatars
   while preserving BOD / +/- / MEČ and category information.
   ============================================================ */
@media (max-width: 430px) {
  body.pm-page-index {
    --pm-index-wrap-w: min(100% - 14px, 430px);
    --pm-index-card-pad-x: 8px;
    --pm-index-card-pad-y: 12px;
    --pm-index-row-h: 72px;
    --pm-index-head-fs: 7.4px;
    --pm-index-cell-fs: 11.2px;
    --pm-index-name-fs: 15.8px;
    --pm-index-nick-fs: 12.4px;
    --pm-index-avatar: 56px;
    --pm-index-avatar-col: 58px;
    --pm-index-rank-w: 23px;
    --pm-index-points-w: 33px;
    --pm-index-diff-w: 33px;
    --pm-index-played-w: 31px;
    --pm-index-playoff-w: 0px;
  }

  body.pm-page-index .pm-league-card {
    padding-left: var(--pm-index-card-pad-x) !important;
    padding-right: var(--pm-index-card-pad-x) !important;
  }

  body.pm-page-index .pm-league-table th {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  body.pm-page-index .pm-league-table td {
    height: var(--pm-index-row-h) !important;
    padding: 7px 2px !important;
    vertical-align: middle !important;
  }

  body.pm-page-index .pm-player-inline {
    position: relative !important;
    grid-template-columns: var(--pm-index-avatar-col) minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: center !important;
    min-height: calc(var(--pm-index-avatar) + 2px) !important;
  }

  body.pm-page-index .pm-player-avatar {
    width: var(--pm-index-avatar) !important;
    height: var(--pm-index-avatar) !important;
    border-radius: 999px !important;
    border-width: 1px !important;
    box-shadow:
      0 0 0 1px rgba(0, 229, 255, .38),
      0 0 12px rgba(0, 229, 255, .22),
      0 0 13px rgba(255, 45, 85, .16) !important;
    overflow: hidden !important;
  }

  body.pm-page-index .pm-player-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    transform: scale(1.04);
  }

  body.pm-page-index .pm-player-text {
    min-width: 0 !important;
    padding-right: 0 !important;
  }

  body.pm-page-index .pm-player-main-name {
    font-size: var(--pm-index-name-fs) !important;
    line-height: 1.02 !important;
    letter-spacing: -.15px !important;
    font-weight: 900 !important;
  }

  body.pm-page-index .pm-player-main-nick {
    margin-top: 3px !important;
    font-size: var(--pm-index-nick-fs) !important;
    line-height: 1.02 !important;
    letter-spacing: -.05px !important;
  }

  /* Category stays visible, but moves onto the avatar so the player name keeps space. */
  body.pm-page-index .pm-player-cat-inline {
    position: absolute !important;
    left: 39px !important;
    bottom: -2px !important;
    z-index: 3 !important;
    justify-self: auto !important;
    pointer-events: none !important;
  }

  body.pm-page-index .pm-player-cat-inline .pm-cat {
    min-width: 22px !important;
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    line-height: 20px !important;
    box-shadow: 0 0 10px rgba(0, 229, 255, .15) !important;
  }

  body.pm-page-index .pm-rank-num {
    font-size: 16px !important;
    font-weight: 950 !important;
  }

  body.pm-page-index .pm-table-points,
  body.pm-page-index .pm-league-table .pm-col-diff,
  body.pm-page-index .pm-league-table .pm-col-played {
    font-size: 14px !important;
    font-weight: 900 !important;
  }
}

/* ============================================================
   PATCH 56B — INDEX MOBILE AVATAR POLISH (ON TOP OF 56A)
   Scope: body.pm-page-index, screens <= 430px only.
   Goal: keep WOW avatars, but make category badge cleaner and
   vertically align avatar / text / stats more like the reference mockup.
   ============================================================ */
@media (max-width: 430px) {
  body.pm-page-index .pm-league-table td {
    height: 74px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  body.pm-page-index .pm-player-inline {
    gap: 10px !important;
    align-items: center !important;
  }

  body.pm-page-index .pm-player-avatar {
    border-width: 1px !important;
    box-shadow:
      0 0 0 1px rgba(0, 229, 255, .34),
      0 0 10px rgba(0, 229, 255, .20),
      0 0 10px rgba(255, 45, 85, .12),
      inset 0 0 9px rgba(0, 229, 255, .10) !important;
  }

  body.pm-page-index .pm-player-avatar img {
    object-position: center 18% !important;
    transform: scale(1.055) !important;
  }

  body.pm-page-index .pm-player-text {
    transform: translateY(-1px) !important;
  }

  body.pm-page-index .pm-player-main-name {
    line-height: .98 !important;
  }

  body.pm-page-index .pm-player-main-nick {
    margin-top: 4px !important;
    line-height: 1 !important;
  }

  /* Smaller glass category badge: still visible, no longer eats the portrait. */
  body.pm-page-index .pm-player-cat-inline {
    left: 48px !important;
    bottom: 3px !important;
    z-index: 4 !important;
    opacity: .88 !important;
    filter: drop-shadow(0 0 7px rgba(0, 229, 255, .16)) !important;
  }

  body.pm-page-index .pm-player-cat-inline .pm-cat {
    min-width: 18px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 7px !important;
    font-size: 9.5px !important;
    line-height: 17px !important;
    background: rgba(7, 24, 34, .72) !important;
    border-color: rgba(142, 244, 255, .24) !important;
    box-shadow:
      0 0 0 1px rgba(0, 229, 255, .08),
      0 0 8px rgba(0, 229, 255, .10),
      inset 0 0 9px rgba(255, 255, 255, .035) !important;
    backdrop-filter: blur(6px) !important;
  }

  body.pm-page-index .pm-player-cat-inline .pm-cat.cat-a,
  body.pm-page-index .pm-player-cat-inline .pm-cat.pm-cat-a {
    background: rgba(45, 38, 10, .72) !important;
    border-color: rgba(255, 213, 79, .42) !important;
    color: #ffd85a !important;
  }

  body.pm-page-index .pm-player-cat-inline .pm-cat.cat-b,
  body.pm-page-index .pm-player-cat-inline .pm-cat.pm-cat-b {
    color: rgba(220, 242, 255, .86) !important;
  }

  body.pm-page-index .pm-player-cat-inline .pm-cat.cat-c,
  body.pm-page-index .pm-player-cat-inline .pm-cat.pm-cat-c {
    color: rgba(125, 205, 235, .76) !important;
  }

  body.pm-page-index .pm-league-table .pm-col-points,
  body.pm-page-index .pm-league-table .pm-col-diff,
  body.pm-page-index .pm-league-table .pm-col-played {
    vertical-align: middle !important;
    line-height: 1 !important;
  }

  body.pm-page-index .pm-table-points,
  body.pm-page-index .pm-league-table .pm-col-diff,
  body.pm-page-index .pm-league-table .pm-col-played {
    transform: translateY(-1px) !important;
  }
}

/* ============================================================
   PATCH 56C — INDEX MOBILE STATS WIDTH STABILITY
   Scope: body.pm-page-index, screens <= 430px only.
   Goal: keep the 56A/56B mobile avatar layout stable when values grow:
   BOD can be 2 digits, +/- can be 3-4 chars (+128/-128), MEČ can be 2 digits.
   ============================================================ */
@media (max-width: 430px) {
  body.pm-page-index .pm-league-table th.pm-col-points,
  body.pm-page-index .pm-league-table td.pm-col-points,
  body.pm-page-index .pm-league-table .pm-table-points {
    min-width: 30px !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
  }

  body.pm-page-index .pm-league-table th.pm-col-diff,
  body.pm-page-index .pm-league-table td.pm-col-diff,
  body.pm-page-index .pm-league-table .pm-col-diff {
    min-width: 42px !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
  }

  body.pm-page-index .pm-league-table th.pm-col-played,
  body.pm-page-index .pm-league-table td.pm-col-played,
  body.pm-page-index .pm-league-table .pm-col-played {
    min-width: 30px !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
  }

  body.pm-page-index .pm-league-table .pm-player-text {
    min-width: 0 !important;
  }

  body.pm-page-index .pm-player-main-name,
  body.pm-page-index .pm-player-main-nick {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* ============================================================
   PATCH 56D — INDEX MOBILE STATS VISUAL HIERARCHY FINAL POLISH
   Scope: body.pm-page-index, screens <= 430px only.
   Goal: BOD is the dominant stat, +/- is secondary, MEČ is the smallest helper stat,
   while keeping the 56C width stability for 2/3 digit values.
   ============================================================ */
@media (max-width: 430px) {
  body.pm-page-index {
    --pm-index-points-w: 36px;
    --pm-index-diff-w: 40px;
    --pm-index-played-w: 28px;
  }

  body.pm-page-index .pm-league-table th.pm-col-points,
  body.pm-page-index .pm-league-table td.pm-col-points,
  body.pm-page-index .pm-league-table .pm-table-points {
    min-width: 34px !important;
    text-align: center !important;
  }

  body.pm-page-index .pm-league-table th.pm-col-diff,
  body.pm-page-index .pm-league-table td.pm-col-diff,
  body.pm-page-index .pm-league-table .pm-col-diff {
    min-width: 40px !important;
    text-align: center !important;
  }

  body.pm-page-index .pm-league-table th.pm-col-played,
  body.pm-page-index .pm-league-table td.pm-col-played,
  body.pm-page-index .pm-league-table .pm-col-played {
    min-width: 26px !important;
    text-align: center !important;
  }

  /* Header hierarchy: BOD first, +/- supporting, MEČ compact. */
  body.pm-page-index .pm-league-table th.pm-col-points {
    font-size: 8.4px !important;
    letter-spacing: 1.15px !important;
    color: #18eaff !important;
    text-shadow: 0 0 8px rgba(24, 234, 255, .35) !important;
  }

  body.pm-page-index .pm-league-table th.pm-col-diff {
    font-size: 8px !important;
    letter-spacing: .95px !important;
    opacity: .78 !important;
  }

  body.pm-page-index .pm-league-table th.pm-col-played {
    font-size: 7.6px !important;
    letter-spacing: .75px !important;
    opacity: .72 !important;
  }

  /* Value hierarchy: points are the league's primary signal. */
  body.pm-page-index .pm-table-points {
    font-size: 16.6px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    color: #18eaff !important;
    text-shadow:
      0 0 8px rgba(24, 234, 255, .34),
      0 0 14px rgba(24, 234, 255, .16) !important;
  }

  body.pm-page-index .pm-league-table td.pm-col-diff,
  body.pm-page-index .pm-league-table .pm-col-diff {
    font-size: 14.7px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  body.pm-page-index .pm-league-table td.pm-col-played,
  body.pm-page-index .pm-league-table .pm-col-played {
    font-size: 13.3px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    color: rgba(238, 247, 255, .88) !important;
    opacity: .86 !important;
  }
}


/* =========================================================
   LIVE FINISHED TAB — ROUND ACCORDION GROUPS
   Groups finished live-tracked sets by stage/group/round.
   ========================================================= */

.pm-live-finished-round-feed{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.pm-live-finished-round{
  scroll-margin-top:88px;
}

.pm-live-finished-round-head{
  width:100%;
  min-height:82px;
  border:1px solid rgba(0,229,255,.13);
  border-radius:22px;
  padding:16px 18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  cursor:pointer;
  text-align:left;
  font-family:inherit;
  color:inherit;
  appearance:none;
  -webkit-appearance:none;
  background:
    radial-gradient(circle at 0 50%, rgba(0,229,255,.18), transparent 42%),
    linear-gradient(135deg, rgba(0,52,69,.72), rgba(5,10,20,.92) 70%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 16px 30px rgba(0,0,0,.18);
  position:relative;
  overflow:hidden;
  transition:transform .16s ease, filter .16s ease, border-color .16s ease;
}

.pm-live-finished-round-head::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:5px;
  border-radius:0 99px 99px 0;
  background:linear-gradient(180deg, #28efff, rgba(0,229,255,.22));
  box-shadow:0 0 18px rgba(0,229,255,.35);
}

.pm-live-finished-round-head:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}

.pm-live-finished-round.is-open .pm-live-finished-round-head{
  border-color:rgba(0,229,255,.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 34px rgba(0,0,0,.22),
    0 0 18px rgba(0,229,255,.08);
}

.pm-live-finished-round-kicker{
  color:#21e9ff;
  font:950 13px/1.2 var(--font-display);
  letter-spacing:.18em;
  text-transform:uppercase;
  text-shadow:0 0 12px rgba(0,229,255,.18);
}

.pm-live-finished-round-window{
  margin-top:10px;
  color:rgba(198,230,242,.62);
  font:850 11px/1.2 var(--font-display);
  letter-spacing:.11em;
  text-transform:uppercase;
}

.pm-live-finished-round-stats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.pm-live-finished-round-stats span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(0,10,18,.30);
  border:1px solid rgba(110,220,245,.13);
  color:rgba(202,232,242,.72);
  font-size:12px;
  font-weight:850;
}

.pm-live-finished-round-stats b{
  color:#25f5ff;
  font-weight:950;
}

.pm-live-finished-round-side{
  display:flex;
  align-items:center;
  gap:14px;
}

.pm-live-finished-round-side span{
  min-width:60px;
  display:inline-flex;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(0,229,255,.22);
  color:rgba(210,244,255,.82);
  font:950 12px/1 var(--font-display);
  letter-spacing:.08em;
  background:rgba(0,38,52,.35);
}

.pm-live-finished-round.is-open .pm-round-chevron-v52{
  transform:rotate(180deg);
  opacity:1;
}

.pm-live-finished-round-body{
  margin-top:10px;
  animation:pmRoundRevealV52 .18s ease-out both;
}

.pm-live-finished-round-body[hidden]{
  display:none!important;
}

.pm-live-finished-round-grid{
  margin:0;
}

@media (max-width:700px){
  .pm-live-finished-round-feed{
    gap:12px;
  }

  .pm-live-finished-round-head{
    min-height:78px;
    border-radius:19px;
    padding:14px 14px 14px 18px;
    gap:10px;
  }

  .pm-live-finished-round-kicker{
    font-size:11px;
    letter-spacing:.17em;
  }

  .pm-live-finished-round-window{
    margin-top:9px;
    font-size:9.5px;
  }

  .pm-live-finished-round-stats{
    gap:7px;
    margin-top:10px;
  }

  .pm-live-finished-round-stats span{
    padding:5px 9px;
    font-size:11px;
  }

  .pm-live-finished-round-side{
    gap:9px;
  }

  .pm-live-finished-round-side span{
    min-width:52px;
    padding:7px 9px;
    font-size:10.5px;
  }
}

@media (max-width:370px){
  .pm-live-finished-round-head{
    grid-template-columns:1fr;
  }

  .pm-live-finished-round-side{
    justify-content:space-between;
  }

  .pm-live-finished-round-side span{
    min-width:auto;
  }
}


/* =========================================================
   LIVE FINISHED TAB — V4 COMPACT ROUND SUMMARY
   6 SETOVA • SUSRETI 2/4 • 2 U TOKU
   ========================================================= */

.pm-live-finished-round-stats.pm-live-finished-round-stats-compact{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:8px;
  margin-top:12px;
  min-width:0;
  white-space:nowrap;
}

.pm-live-finished-round-stats.pm-live-finished-round-stats-compact > span{
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:rgba(203,232,242,.72);
  font-family:var(--font-display);
  font-size:12px;
  line-height:1;
  font-weight:950;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.pm-live-finished-round-stats.pm-live-finished-round-stats-compact > i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-style:normal;
  color:rgba(117,203,223,.38);
  font-size:13px;
  line-height:1;
  transform:translateY(-1px);
}

.pm-live-finished-round-stats-compact .pm-lfr-stat b{
  font-size:14px;
  font-weight:950;
  letter-spacing:.02em;
}

.pm-live-finished-round-stats-compact .pm-lfr-stat-sets,
.pm-live-finished-round-stats-compact .pm-lfr-stat-sets b{
  color:#25efff;
  text-shadow:0 0 9px rgba(37,239,255,.15);
}

.pm-live-finished-round-stats-compact .pm-lfr-stat-matches,
.pm-live-finished-round-stats-compact .pm-lfr-stat-matches b{
  color:#35ff9b;
  text-shadow:0 0 9px rgba(53,255,155,.13);
}

.pm-live-finished-round-stats-compact .pm-lfr-stat-open,
.pm-live-finished-round-stats-compact .pm-lfr-stat-open b{
  color:#ffc94a;
  text-shadow:0 0 9px rgba(255,201,74,.12);
}

@media (max-width:700px){
  .pm-live-finished-round-stats.pm-live-finished-round-stats-compact{
    gap:6px;
    margin-top:10px;
  }

  .pm-live-finished-round-stats.pm-live-finished-round-stats-compact > span{
    font-size:10.2px;
    letter-spacing:.035em;
    gap:4px;
  }

  .pm-live-finished-round-stats-compact .pm-lfr-stat b{
    font-size:12.2px;
  }

  .pm-live-finished-round-stats.pm-live-finished-round-stats-compact > i{
    font-size:10px;
  }
}

@media (max-width:370px){
  .pm-live-finished-round-stats.pm-live-finished-round-stats-compact{
    gap:5px;
  }

  .pm-live-finished-round-stats.pm-live-finished-round-stats-compact > span{
    font-size:9.4px;
    letter-spacing:.02em;
  }

  .pm-live-finished-round-stats-compact .pm-lfr-stat b{
    font-size:11.3px;
  }
}


/* MINI FORMA V1 */
.pm-player-mini-form{
display:flex;gap:4px;align-items:center;margin-top:5px;
 margin-left:10px;
    padding-left:6px;
}
.pm-form-dot{
width:8px;height:8px;border-radius:50%;display:inline-block;
box-shadow:0 0 8px rgba(255,255,255,.12);
}
.pm-form-dot.win{
background:#42ff91;
box-shadow:0 0 8px rgba(66,255,145,.55);
}
.pm-form-dot.loss{
background:#ff4d65;
box-shadow:0 0 8px rgba(255,77,101,.55);
}


/* MINI FORMA DETAILS V1 */
.pm-player-text{
  position:relative;
}

.pm-player-mini-form-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  z-index:2;
}

.pm-player-mini-form{
  cursor:pointer;
  border-radius:999px;
  padding:4px 5px;
  margin-left:-5px;
  transition:background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.pm-player-mini-form:hover,
.pm-player-mini-form-wrap.is-open .pm-player-mini-form{
  background:rgba(0,229,255,.08);
  box-shadow:0 0 0 1px rgba(0,229,255,.14), 0 0 14px rgba(0,229,255,.10);
}

.pm-player-mini-form:focus-visible{
  outline:2px solid rgba(0,229,255,.72);
  outline-offset:2px;
}

.pm-mini-form-panel{
  position:absolute;
  left:0;
  top:calc(100% + 6px);
  z-index:80;
  width:220px;
  padding:10px 11px;
  border-radius:15px;
  border:1px solid rgba(0,229,255,.22);
  background:
    radial-gradient(circle at 0 0, rgba(0,229,255,.14), transparent 45%),
    linear-gradient(135deg, rgba(5,20,34,.96), rgba(2,8,16,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 16px 34px rgba(0,0,0,.46),
    0 0 20px rgba(0,229,255,.08);
  color:#eafcff;
  pointer-events:auto;
}

.pm-mini-form-panel[hidden]{
  display:none!important;
}

.pm-mini-form-panel-title{
  display:block;
  margin-bottom:7px;
  color:#23eaff;
  font-family:var(--font-display);
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.pm-mini-form-row{
  display:flex;
  align-items:center;
  gap:7px;
  padding:5px 0;
  border-top:1px solid rgba(120,220,245,.08);
  white-space:nowrap;
}

.pm-mini-form-row:first-of-type{
  border-top:0;
}

.pm-mini-form-res{
  width:20px;
  height:20px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 20px;
  font-size:10px;
  font-weight:950;
  font-family:var(--font-display);
}

.pm-mini-form-row.is-win .pm-mini-form-res{
  color:#03150d;
  background:#42ff91;
  box-shadow:0 0 10px rgba(66,255,145,.34);
}

.pm-mini-form-row.is-loss .pm-mini-form-res{
  color:#250006;
  background:#ff4d65;
  box-shadow:0 0 10px rgba(255,77,101,.34);
}

.pm-mini-form-info{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:rgba(219,243,250,.84);
  font-size:11px;
  font-weight:850;
  letter-spacing:.02em;
}

@media (max-width:390px){
  .pm-mini-form-panel{
    width:205px;
    padding:9px 10px;
  }

  .pm-mini-form-info{
    font-size:10.5px;
  }
}


/* MINI FORMA DETAILS V2 — fixed floating panel fix */
.pm-mini-form-panel.is-floating{
  position:fixed !important;
  z-index:9999 !important;
  width:min(220px, calc(100vw - 20px)) !important;
}

.pm-player-mini-form{
  position:relative;
  z-index:4;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  margin-left:10px;
    padding-left:6px;
}

.pm-player-mini-form-wrap{
  z-index:20;
}


/* MINI FORMA DETAILS V3 — BODY PORTAL FIX */
.pm-mini-form-portal{
  position:fixed !important;
  z-index:2147483000 !important;
  display:block !important;
  padding:10px 11px;
  border-radius:15px;
  border:1px solid rgba(0,229,255,.24);
  background:
    radial-gradient(circle at 0 0, rgba(0,229,255,.15), transparent 45%),
    linear-gradient(135deg, rgba(5,20,34,.98), rgba(2,8,16,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 18px 36px rgba(0,0,0,.58),
    0 0 24px rgba(0,229,255,.10);
  color:#eafcff;
  pointer-events:auto;
}

.pm-mini-form-portal[hidden]{
  display:none !important;
}

.pm-mini-form-portal .pm-mini-form-panel-title,
.pm-mini-form-portal .pm-mini-form-row,
.pm-mini-form-portal .pm-mini-form-res,
.pm-mini-form-portal .pm-mini-form-info{
  display:flex;
}

.pm-mini-form-portal .pm-mini-form-panel-title{
  display:block;
}


/* MINI FORMA DETAILS V4 — UX polish */
.pm-mini-form-portal{
  width:min(206px, calc(100vw - 18px)) !important;
  padding:10px 10px 9px !important;
  border-radius:14px !important;
  background:
    radial-gradient(circle at 0 0, rgba(0,229,255,.18), transparent 44%),
    linear-gradient(135deg, rgba(4,18,31,.985), rgba(1,6,13,.995)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 18px 38px rgba(0,0,0,.64),
    0 0 24px rgba(0,229,255,.12) !important;
}

.pm-mini-form-close{
  position:absolute;
  right:8px;
  top:7px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid rgba(130,220,240,.18);
  border-radius:999px;
  background:rgba(0,14,24,.56);
  color:rgba(222,246,255,.78);
  font-size:16px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  padding:0;
}

.pm-mini-form-close:hover{
  color:#fff;
  border-color:rgba(0,229,255,.38);
  box-shadow:0 0 12px rgba(0,229,255,.12);
}

.pm-mini-form-portal .pm-mini-form-panel-title{
  padding-right:28px;
  margin-bottom:8px;
}

.pm-mini-form-portal .pm-mini-form-row{
  gap:8px;
  padding:5px 0;
}

.pm-mini-form-res,
.pm-mini-form-portal .pm-mini-form-res{
  width:22px !important;
  height:22px !important;
  flex:0 0 22px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  font-family:var(--font-display) !important;
  font-size:11px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  color:#fff !important;
  text-align:center !important;
  transform:none !important;
}

.pm-mini-form-row.is-win .pm-mini-form-res,
.pm-mini-form-portal .pm-mini-form-row.is-win .pm-mini-form-res{
  background:#35ff9b !important;
  color:#00180b !important;
  text-shadow:0 1px 0 rgba(255,255,255,.28);
  box-shadow:0 0 0 1px rgba(53,255,155,.30), 0 0 11px rgba(53,255,155,.38) !important;
}

.pm-mini-form-row.is-loss .pm-mini-form-res,
.pm-mini-form-portal .pm-mini-form-row.is-loss .pm-mini-form-res{
  background:#ff4d65 !important;
  color:#fff !important;
  text-shadow:0 1px 0 rgba(0,0,0,.32);
  box-shadow:0 0 0 1px rgba(255,77,101,.30), 0 0 11px rgba(255,77,101,.38) !important;
}

.pm-mini-form-portal .pm-mini-form-info{
  font-size:11px;
  font-weight:900;
}


/* MINI FORMA DETAILS V5 — streak badge */
.pm-mini-form-streak{
  display:inline-flex;
  align-items:center;
  margin-left:5px;
  padding:2px 5px 2px 4px;
  border-radius:999px;
  font-family:var(--font-display);
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.01em;
  white-space:nowrap;
  transform:translateY(-1px);
}

.pm-mini-form-streak.is-win{
  color:#ffd66b;
  background:rgba(255,184,45,.10);
  border:1px solid rgba(255,206,80,.18);
  text-shadow:0 0 8px rgba(255,190,60,.30);
  box-shadow:0 0 10px rgba(255,196,70,.08);
}

.pm-mini-form-streak.is-loss{
  color:#ffb7c2;
  background:rgba(255,77,101,.10);
  border:1px solid rgba(255,77,101,.18);
  text-shadow:0 0 8px rgba(255,77,101,.32);
  box-shadow:0 0 10px rgba(255,77,101,.08);
}

.pm-mini-form-portal .pm-mini-form-panel-title{
  font-size:9.5px;
  letter-spacing:.135em;
}

@media (max-width:370px){
  .pm-mini-form-streak{
    margin-left:4px;
    padding:2px 4px;
    font-size:9px;
  }
}


/* =========================================================
   PLAYER COMPLETED MATCH DETAILS V2 — LOCKED DESIGN
   Unique classes so older player-card CSS cannot override the new layout.
   ========================================================= */

.pm-player-match-card-v56 .pm-pb-result-core::after{
  content:'BODOVI';
  display:block;
  margin-top:3px;
  color:rgba(185,220,232,.72);
  font-family:var(--font-display);
  font-size:7px;
  font-weight:950;
  line-height:1;
  letter-spacing:.16em;
}

.pm-player-match-card-v56 .pm-pb-result-core.draw{
  border-color:rgba(255,201,74,.30) !important;
  background:linear-gradient(180deg, rgba(255,201,74,.10), rgba(2,8,18,.48)) !important;
}

.pm-player-match-card-v56 .pm-cmd-info-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:9px !important;
  margin-bottom:12px !important;
}

.pm-player-match-card-v56 .pm-cmd-info-grid > span{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-height:58px !important;
}

.pm-player-match-card-v56 .pm-cmd-info-grid b small{
  display:block;
  margin-top:2px;
  color:#dff7ff;
  font-size:11px;
  line-height:1.05;
}

.pm-cmd-disc-list{
  display:grid !important;
  gap:12px !important;
  margin-top:12px !important;
}

.pm-cmd-disc-card{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  padding:12px !important;
  border:1px solid rgba(0,224,255,.16);
  border-radius:17px;
  background:
    radial-gradient(circle at 0 0, rgba(0,224,255,.10), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.26));
  overflow:hidden;
}

.pm-cmd-disc-card.is-win{
  border-color:rgba(53,255,155,.46);
  box-shadow:inset 0 0 0 1px rgba(53,255,155,.08), 0 0 18px rgba(53,255,155,.08);
}

.pm-cmd-disc-card.is-loss{
  border-color:rgba(255,77,101,.46);
  box-shadow:inset 0 0 0 1px rgba(255,77,101,.08), 0 0 18px rgba(255,77,101,.08);
}

.pm-cmd-disc-head{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.pm-cmd-disc-ball{
  width:36px;
  height:36px;
  border-radius:50%;
  object-fit:contain;
  filter:drop-shadow(0 0 9px rgba(0,224,255,.20));
}

.pm-cmd-disc-title{
  min-width:0;
}

.pm-cmd-disc-title strong{
  display:block;
  color:#f5fbff;
  font-family:var(--font-display);
  font-size:14px;
  font-weight:950;
  line-height:1.05;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.pm-cmd-disc-title span{
  display:block;
  margin-top:5px;
  font-family:var(--font-display);
  font-size:12px;
  font-weight:950;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.pm-cmd-disc-card.is-win .pm-cmd-disc-title span{
  color:#35ff9b;
}

.pm-cmd-disc-card.is-loss .pm-cmd-disc-title span{
  color:#ff5a72;
}

.pm-cmd-winner-pill{
  justify-self:end;
  max-width:112px;
  min-height:25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(53,255,155,.22);
  background:rgba(53,255,155,.07);
  color:#65ffad;
  font-family:var(--font-display);
  font-size:7.5px;
  font-weight:950;
  line-height:1.05;
  letter-spacing:.10em;
  text-transform:uppercase;
  text-align:center;
  white-space:normal;
}

.pm-cmd-disc-card.is-loss .pm-cmd-winner-pill{
  border-color:rgba(255,77,101,.24);
  background:rgba(255,77,101,.07);
  color:#ff6f84;
}

.pm-cmd-score-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  width:100%;
  border:1px solid rgba(130,210,255,.13);
  border-radius:14px;
  background:rgba(1,12,20,.42);
  overflow:hidden;
}

.pm-cmd-score-box{
  min-width:0;
  padding:10px 8px 11px;
  text-align:center;
}

.pm-cmd-score-box + .pm-cmd-score-box{
  border-left:1px solid rgba(130,210,255,.13);
}

.pm-cmd-score-box span,
.pm-cmd-score-box em{
  display:block;
  color:#a7c1cf;
  font-family:var(--font-display);
  font-style:normal;
  font-size:8px;
  font-weight:900;
  line-height:1.18;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.pm-cmd-score-box em{
  margin-top:2px;
  color:#7897a7;
  font-size:7.2px;
}

.pm-cmd-score-box b{
  display:block;
  margin-top:8px;
  color:#f7fbff;
  font-family:var(--font-display);
  font-size:25px;
  line-height:1;
  font-weight:950;
  letter-spacing:.03em;
}

.pm-cmd-disc-card.is-win .pm-cmd-score-box.is-main b{
  color:#65ff9d;
  text-shadow:0 0 12px rgba(53,255,155,.24);
}

.pm-cmd-disc-card.is-loss .pm-cmd-score-box.is-main b{
  color:#ff5a72;
  text-shadow:0 0 12px rgba(255,77,101,.24);
}

.pm-cmd-score-box.is-secondary b{
  color:#f3f8fb;
  font-size:21px;
  opacity:.92;
}

.pm-cmd-disc-foot{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:8px;
}

@media (max-width:430px){
  .pm-player-match-card-v56 .pm-cmd-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .pm-cmd-disc-head{
    grid-template-columns:34px minmax(0,1fr) 86px;
    gap:8px;
  }

  .pm-cmd-disc-ball{
    width:34px;
    height:34px;
  }

  .pm-cmd-disc-title strong{
    font-size:13px;
  }

  .pm-cmd-disc-title span{
    font-size:11px;
  }

  .pm-cmd-winner-pill{
    max-width:86px;
    font-size:6.8px;
    padding:4px 6px;
  }

  .pm-cmd-score-box{
    padding:9px 6px 10px;
  }

  .pm-cmd-score-box b{
    font-size:23px;
  }

  .pm-cmd-score-box.is-secondary b{
    font-size:19px;
  }
}


/* =========================================================
   PLAYER COMPLETED MATCH DETAILS V3 — COMPACT PREMIUM TUNING
   Apply after V2 locked design. CSS only.
   ========================================================= */

.pm-player-match-card-v56 .pm-cmd-info-grid{
  gap:7px !important;
  margin-bottom:10px !important;
}

.pm-player-match-card-v56 .pm-cmd-info-grid > span{
  min-height:46px !important;
  padding:8px 9px !important;
  border-radius:12px !important;
}

.pm-player-match-card-v56 .pm-cmd-info-grid i{
  font-size:13px !important;
  margin-right:4px !important;
}

.pm-player-match-card-v56 .pm-cmd-info-grid b{
  font-size:12px !important;
  line-height:1.08 !important;
}

.pm-player-match-card-v56 .pm-cmd-info-grid b small{
  margin-top:1px !important;
  font-size:10px !important;
}

.pm-player-match-card-v56 .pm-cmd-info-grid em{
  margin-top:3px !important;
  font-size:7px !important;
}

.pm-cmd-disc-list{
  gap:10px !important;
  margin-top:10px !important;
}

.pm-cmd-disc-card{
  padding:10px !important;
  border-radius:15px !important;
}

.pm-cmd-disc-head{
  grid-template-columns:32px minmax(0,1fr) auto !important;
  gap:8px !important;
  margin-bottom:8px !important;
}

.pm-cmd-disc-ball{
  width:32px !important;
  height:32px !important;
}

.pm-cmd-disc-title strong{
  font-size:13px !important;
  line-height:1 !important;
}

.pm-cmd-disc-title span{
  margin-top:3px !important;
  font-size:11px !important;
  line-height:1.05 !important;
}

.pm-cmd-winner-pill{
  min-height:21px !important;
  max-width:96px !important;
  padding:4px 7px !important;
  font-size:6.7px !important;
  letter-spacing:.085em !important;
}

.pm-cmd-score-grid{
  border-radius:12px !important;
}

.pm-cmd-score-box{
  padding:8px 6px 9px !important;
}

.pm-cmd-score-box span,
.pm-cmd-score-box em{
  font-size:7.1px !important;
  line-height:1.12 !important;
  letter-spacing:.07em !important;
}

.pm-cmd-score-box em{
  margin-top:1px !important;
  font-size:6.6px !important;
}

.pm-cmd-score-box b{
  margin-top:6px !important;
  font-size:22px !important;
}

.pm-cmd-score-box.is-secondary b{
  font-size:18px !important;
}

.pm-cmd-disc-foot{
  margin-top:7px !important;
}

.pm-cmd-disc-foot .pm-pb-mini-pill{
  min-height:20px !important;
  padding:3px 8px !important;
  font-size:9px !important;
}

.pm-player-match-card-v56 .pm-pb-notes{
  margin-top:9px !important;
}

.pm-player-match-card-v56 .pm-pb-notes div{
  min-height:32px !important;
  padding:7px 9px !important;
  border-radius:12px !important;
}

@media (max-width:430px){
  .pm-player-match-card-v56 .pm-cmd-info-grid{
    gap:7px !important;
  }

  .pm-player-match-card-v56 .pm-cmd-info-grid > span{
    min-height:44px !important;
    padding:8px 9px !important;
  }

  .pm-cmd-disc-card{
    padding:9px !important;
  }

  .pm-cmd-disc-head{
    grid-template-columns:30px minmax(0,1fr) 76px !important;
    gap:7px !important;
    margin-bottom:7px !important;
  }

  .pm-cmd-disc-ball{
    width:30px !important;
    height:30px !important;
  }

  .pm-cmd-disc-title strong{
    font-size:12px !important;
  }

  .pm-cmd-disc-title span{
    font-size:10.5px !important;
  }

  .pm-cmd-winner-pill{
    max-width:76px !important;
    min-height:20px !important;
    padding:3px 5px !important;
    font-size:6.2px !important;
  }

  .pm-cmd-score-box{
    padding:7px 5px 8px !important;
  }

  .pm-cmd-score-box b{
    font-size:21px !important;
  }

  .pm-cmd-score-box.is-secondary b{
    font-size:17px !important;
  }

  .pm-cmd-disc-foot .pm-pb-mini-pill{
    min-height:19px !important;
    font-size:8.5px !important;
  }
}


/* =========================================================
   PLAYER COMPLETED MATCH DETAILS V4 — EXACT LOCKED ORDER
   Order: Discipline -> Detalji susreta -> Hendikep po disciplinama.
   ========================================================= */

.pm-cmd-expanded-v4{
  padding-top:0 !important;
}

.pm-cmd-expanded-v4 .pm-cmd-section-title{
  margin:0 0 10px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  color:#00eaff !important;
  font-family:var(--font-display) !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

.pm-cmd-expanded-v4 .pm-cmd-section-title::before{
  display:none !important;
}

.pm-cmd-expanded-v4 .pm-cmd-section-title i{
  color:#00eaff !important;
  font-size:19px !important;
  filter:drop-shadow(0 0 10px rgba(0,234,255,.28));
}

.pm-cmd-expanded-v4 .pm-cmd-section-title-details{
  margin-top:17px !important;
}

.pm-cmd-games-first{
  margin-top:0 !important;
}

.pm-cmd-expanded-v4 .pm-cmd-disc-list{
  margin-top:0 !important;
  gap:11px !important;
}

/* Discipline card closer to locked mock: compact, readable, premium. */
.pm-cmd-expanded-v4 .pm-cmd-disc-card{
  padding:12px !important;
  border-radius:16px !important;
}

.pm-cmd-expanded-v4 .pm-cmd-disc-head{
  grid-template-columns:34px minmax(0,1fr) auto !important;
  gap:10px !important;
  margin-bottom:10px !important;
}

.pm-cmd-expanded-v4 .pm-cmd-disc-ball{
  width:34px !important;
  height:34px !important;
}

.pm-cmd-expanded-v4 .pm-cmd-disc-title strong{
  font-size:14px !important;
}

.pm-cmd-expanded-v4 .pm-cmd-disc-title span{
  margin-top:5px !important;
  font-size:12px !important;
}

.pm-cmd-expanded-v4 .pm-cmd-winner-pill{
  min-height:23px !important;
  max-width:112px !important;
  padding:4px 8px !important;
  font-size:7px !important;
}

.pm-cmd-expanded-v4 .pm-cmd-score-box{
  padding:9px 7px 10px !important;
}

.pm-cmd-expanded-v4 .pm-cmd-score-box b{
  margin-top:7px !important;
  font-size:25px !important;
}

.pm-cmd-expanded-v4 .pm-cmd-score-box.is-secondary b{
  font-size:21px !important;
}

.pm-cmd-expanded-v4 .pm-cmd-disc-foot{
  margin-top:8px !important;
}

/* Detalji susreta are below disciplines. */
.pm-cmd-expanded-v4 .pm-cmd-info-grid{
  margin:0 !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
}

.pm-cmd-expanded-v4 .pm-cmd-info-grid > span{
  min-height:55px !important;
  padding:9px 10px !important;
  border-radius:13px !important;
}

.pm-cmd-expanded-v4 .pm-cmd-info-grid b{
  font-size:13px !important;
}

.pm-cmd-expanded-v4 .pm-cmd-info-grid b small{
  display:block !important;
  margin-top:1px !important;
  font-size:10px !important;
}

/* Final bottom handicap block, not old pill note list. */
.pm-cmd-handicap-card{
  margin-top:13px;
  padding:12px;
  border:1px solid rgba(255,214,90,.20);
  border-radius:15px;
  background:
    radial-gradient(circle at 0 0, rgba(255,214,90,.09), transparent 42%),
    rgba(0,0,0,.20);
}

.pm-cmd-handicap-title{
  display:flex;
  align-items:center;
  gap:8px;
  color:#00eaff;
  font-family:var(--font-display);
  font-size:11px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:9px;
}

.pm-cmd-handicap-title i{
  font-size:18px;
  color:#00eaff;
}

.pm-cmd-handicap-line{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
  min-height:28px;
}

.pm-cmd-handicap-line + .pm-cmd-handicap-line{
  margin-top:7px;
}

.pm-cmd-handicap-line b{
  color:#ffe28a;
  font-family:var(--font-display);
  font-size:12px;
  font-weight:950;
  line-height:1.25;
}

/* Hide old note styling inside this exact block if browser keeps old selectors around. */
.pm-cmd-expanded-v4 .pm-pb-notes{
  display:none !important;
}

@media (max-width:430px){
  .pm-cmd-expanded-v4 .pm-cmd-section-title{
    font-size:11px !important;
    margin-bottom:9px !important;
  }

  .pm-cmd-expanded-v4 .pm-cmd-section-title i{
    font-size:17px !important;
  }

  .pm-cmd-expanded-v4 .pm-cmd-disc-card{
    padding:10px !important;
  }

  .pm-cmd-expanded-v4 .pm-cmd-disc-head{
    grid-template-columns:32px minmax(0,1fr) 88px !important;
    gap:8px !important;
    margin-bottom:9px !important;
  }

  .pm-cmd-expanded-v4 .pm-cmd-disc-ball{
    width:32px !important;
    height:32px !important;
  }

  .pm-cmd-expanded-v4 .pm-cmd-disc-title strong{
    font-size:13px !important;
  }

  .pm-cmd-expanded-v4 .pm-cmd-disc-title span{
    font-size:11px !important;
  }

  .pm-cmd-expanded-v4 .pm-cmd-winner-pill{
    max-width:88px !important;
    min-height:21px !important;
    font-size:6.3px !important;
    padding:3px 6px !important;
  }

  .pm-cmd-expanded-v4 .pm-cmd-score-box b{
    font-size:23px !important;
  }

  .pm-cmd-expanded-v4 .pm-cmd-score-box.is-secondary b{
    font-size:19px !important;
  }

  .pm-cmd-expanded-v4 .pm-cmd-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .pm-cmd-expanded-v4 .pm-cmd-info-grid > span{
    min-height:50px !important;
    padding:9px 10px !important;
  }

  .pm-cmd-handicap-card{
    padding:11px;
  }

  .pm-cmd-handicap-line b{
    font-size:11px;
  }
}


/* =========================================================
   PLAYER ODIGRANI SUSRETI — REF EXACT V3 REAL FIX
   Hero badge independent, compact details grid, aligned scores.
   Appended last intentionally: this block overrides previous V2/V4 attempts.
   ========================================================= */

.pm-player-results-v56 .pm-player-match-card-v56 > summary{
  padding:13px 16px 12px !important;
}

.pm-player-results-v56 .pm-pb-card-top{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr) !important;
  grid-template-rows:auto !important;
  align-items:center !important;
  gap:7px !important;
  min-height:150px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

.pm-player-results-v56 .pm-pb-player{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  min-width:0 !important;
  text-align:center !important;
}
.pm-player-results-v56 .pm-pb-player-main{grid-column:1 !important;grid-row:1 !important;}
.pm-player-results-v56 .pm-pb-player-opp{grid-column:3 !important;grid-row:1 !important;}
.pm-player-results-v56 .pm-pb-player-main .pm-pb-avatar,.pm-player-results-v56 .pm-pb-player-main .pm-pb-avatar-link{order:1 !important;}
.pm-player-results-v56 .pm-pb-player-main > div{order:2 !important;}
.pm-player-results-v56 .pm-pb-player-opp .pm-pb-avatar,.pm-player-results-v56 .pm-pb-player-opp .pm-pb-avatar-link{order:1 !important;}
.pm-player-results-v56 .pm-pb-player-opp > div{order:2 !important;}

.pm-player-results-v56 .pm-pb-avatar,
.pm-player-results-v56 .pm-pb-avatar-link .pm-pb-avatar{
  width:82px !important;
  height:82px !important;
  border-radius:50% !important;
  border-width:2px !important;
}

.pm-player-results-v56 .pm-pb-player strong{
  max-width:112px !important;
  color:#f4fbff !important;
  font-size:13px !important;
  line-height:1.05 !important;
  text-align:center !important;
}
.pm-player-results-v56 .pm-pb-player em{
  display:block !important;
  margin-top:4px !important;
  color:#ffd83f !important;
  font-family:var(--font-display) !important;
  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}

/* central hero: no big shared border/background */
.pm-player-results-v56 .pm-pb-result-core{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:center !important;
  justify-self:center !important;
  width:96px !important;
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}
.pm-player-results-v56 .pm-pb-result-core span{
  order:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-height:27px !important;
  padding:4px 13px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,213,73,.38) !important;
  background:linear-gradient(180deg, rgba(255,213,73,.13), rgba(0,0,0,.13)) !important;
  color:#e8f5f8 !important;
  font-family:var(--font-display) !important;
  font-size:7.8px !important;
  font-weight:950 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}
.pm-player-results-v56 .pm-pb-result-core span::before{
  content:'🏆';
  font-family:initial;
  font-size:13px;
  line-height:1;
  letter-spacing:0;
}
.pm-player-results-v56 .pm-pb-result-core.draw span::before{display:none;}
.pm-player-results-v56 .pm-pb-result-core.win span{border-color:rgba(77,255,122,.50) !important;background:rgba(77,255,122,.14) !important;}
.pm-player-results-v56 .pm-pb-result-core.lose span{border-color:rgba(255,67,84,.50) !important;background:rgba(255,67,84,.12) !important;}
.pm-player-results-v56 .pm-pb-result-core::after{
  order:2 !important;
  content:'BODOVI';
  display:block;
  margin-top:11px;
  color:#5eff73;
  font-family:var(--font-display);
  font-size:10.5px;
  font-weight:950;
  line-height:1;
  letter-spacing:.12em;
}
.pm-player-results-v56 .pm-pb-result-core b{
  order:3 !important;
  margin-top:7px !important;
  color:#f6fbff !important;
  font-family:var(--font-display) !important;
  font-size:36px !important;
  line-height:.92 !important;
  font-weight:850 !important;
  letter-spacing:.05em !important;
  text-shadow:none !important;
}
.pm-player-results-v56 .pm-pb-status{display:none !important;}
.pm-player-results-v56 .pm-pb-expand-hint{
  min-height:37px !important;
  margin:10px 0 0 !important;
  border-radius:999px !important;
}

/* expanded section details */
.pm-player-results-v56 .pm-cmd-expanded,
.pm-player-results-v56 .pm-cmd-expanded-v4{
  padding:12px 13px 15px !important;
  border-top:0 !important;
}
.pm-cmd-section-title,
.pm-cmd-expanded-v4 .pm-cmd-section-title{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 10px !important;
  color:#00eaff !important;
  font-size:14px !important;
  letter-spacing:.13em !important;
}
.pm-cmd-section-title-details{margin-top:14px !important;margin-bottom:10px !important;}
.pm-cmd-disc-list{gap:10px !important;margin:0 !important;}
.pm-cmd-disc-card{padding:10px !important;border-radius:13px !important;}
.pm-cmd-disc-head{
  grid-template-columns:38px minmax(0,1fr) 106px !important;
  align-items:start !important;
  gap:9px !important;
  margin-bottom:9px !important;
}
.pm-cmd-disc-ball{width:38px !important;height:38px !important;}
.pm-cmd-disc-title strong{font-size:14px !important;line-height:1 !important;text-transform:none !important;}
.pm-cmd-disc-title span{margin-top:7px !important;font-size:12px !important;line-height:1.05 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.pm-cmd-winner-pill{
  align-self:start !important;
  justify-self:end !important;
  min-height:26px !important;
  padding:5px 8px !important;
  font-size:6.8px !important;
  gap:5px !important;
}
.pm-cmd-winner-pill i{font-size:14px !important;}
.pm-cmd-score-box{
  padding:11px 7px 10px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}
.pm-cmd-score-box span,.pm-cmd-score-box em{font-size:9px !important;line-height:1.15 !important;}
.pm-cmd-score-box b{margin-top:9px !important;font-size:31px !important;line-height:.95 !important;}
.pm-cmd-score-box.is-secondary b{font-size:26px !important;}
.pm-cmd-disc-foot{margin-top:9px !important;font-size:12px !important;}

.pm-cmd-info-grid,
.pm-cmd-expanded-v4 .pm-cmd-info-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:7px !important;
  margin:0 !important;
}
.pm-cmd-info-grid > span,
.pm-cmd-expanded-v4 .pm-cmd-info-grid > span{
  min-height:62px !important;
  padding:8px 4px !important;
  border-radius:10px !important;
  border:1px solid rgba(0,224,255,.17) !important;
  background:rgba(1,12,20,.50) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.pm-cmd-info-grid > span > i{display:none !important;}
.pm-cmd-info-grid > span > em{order:1;font-size:7px !important;letter-spacing:.08em !important;color:#9bb4c3 !important;}
.pm-cmd-info-grid > span > b{order:2;margin-top:7px !important;font-size:13px !important;line-height:1.18 !important;color:#f7fbff !important;}
.pm-cmd-info-grid b small{display:block !important;margin-top:2px !important;font-size:12px !important;color:#f7fbff !important;}
.pm-cmd-handicap-card{margin-top:12px !important;padding:12px 14px !important;border-radius:12px !important;}
.pm-cmd-handicap-title{margin-bottom:10px !important;font-size:13px !important;}
.pm-cmd-handicap-content,.pm-cmd-handicap-content b,.pm-cmd-handicap-line b{font-size:12px !important;}

/* =========================================================
   PATCH PLAYER ODIGRANI SUSRETI — HERO REF STRUCTURE FIX
   Surgical override for completed matches only.
   ========================================================= */

.pm-player-results-v56 .pm-player-match-card-v56{
  background:
    radial-gradient(circle at 50% 0%, rgba(0,234,255,.10), transparent 40%),
    linear-gradient(180deg, rgba(6,32,46,.92), rgba(2,10,18,.96)) !important;
  border-color:rgba(125,210,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 18px 42px rgba(0,0,0,.36) !important;
}

.pm-player-results-v56 .pm-player-match-card-v56 > summary{
  padding:14px 18px 15px !important;
}

.pm-player-results-v56 .pm-pb-card-top{
  grid-template-columns:34% 22% 34% !important;
  justify-content:space-between !important;
  gap:5% !important;
  min-height:166px !important;
  align-items:start !important;
  padding-top:17px !important;
}

.pm-player-results-v56 .pm-pb-player{
  gap:0 !important;
  padding-top:0 !important;
}

.pm-player-results-v56 .pm-pb-avatar,
.pm-player-results-v56 .pm-pb-avatar-link .pm-pb-avatar{
  width:94px !important;
  height:94px !important;
  border:1px solid rgba(0,234,255,.72) !important;
  box-shadow:
    0 0 0 2px rgba(0,234,255,.16),
    inset 0 0 18px rgba(0,234,255,.18),
    0 0 25px rgba(0,234,255,.18) !important;
}

.pm-player-results-v56 .is-win .pm-pb-player-main .pm-pb-avatar,
.pm-player-results-v56 .is-lose .pm-pb-player-opp .pm-pb-avatar{
  border-color:rgba(53,255,155,.90) !important;
  box-shadow:
    0 0 0 2px rgba(53,255,155,.22),
    inset 0 0 18px rgba(53,255,155,.20),
    0 0 28px rgba(53,255,155,.24) !important;
}

.pm-player-results-v56 .is-lose .pm-pb-player-main .pm-pb-avatar,
.pm-player-results-v56 .is-win .pm-pb-player-opp .pm-pb-avatar{
  border-color:rgba(255,77,101,.75) !important;
  box-shadow:
    0 0 0 2px rgba(255,77,101,.16),
    inset 0 0 18px rgba(255,77,101,.15),
    0 0 25px rgba(255,77,101,.18) !important;
}

.pm-player-results-v56 .pm-pb-player strong{
  margin-top:12px !important;
  max-width:150px !important;
  font-size:16px !important;
  line-height:1.08 !important;
}

.pm-player-results-v56 .pm-pb-player em{
  margin-top:6px !important;
  font-size:9px !important;
  letter-spacing:.09em !important;
  line-height:1.1 !important;
}

.pm-player-results-v56 .pm-pb-result-core{
  width:100% !important;
  min-width:82px !important;
  max-width:112px !important;
  padding-top:18px !important;
  align-self:start !important;
}

.pm-player-results-v56 .pm-pb-result-core span{
  min-height:30px !important;
  padding:5px 12px !important;
  font-size:8.6px !important;
  letter-spacing:.13em !important;
  border-width:1px !important;
}

.pm-player-results-v56 .pm-pb-result-core span::before{
  display:none !important;
  content:none !important;
}

.pm-player-results-v56 .pm-pb-result-core span i{
  font-size:15px !important;
  line-height:1 !important;
  margin-right:2px !important;
}

.pm-player-results-v56 .pm-pb-result-core.draw span i,
.pm-player-results-v56 .pm-pb-result-core.draw span .ti-trophy{
  display:none !important;
}

.pm-player-results-v56 .pm-pb-result-core::after{
  display:none !important;
  content:none !important;
}

.pm-player-results-v56 .pm-pb-result-core > em{
  order:2 !important;
  display:block !important;
  margin-top:15px !important;
  color:#54ff7f !important;
  font-family:var(--font-display) !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.pm-player-results-v56 .pm-pb-result-core b{
  margin-top:8px !important;
  font-size:42px !important;
  line-height:.92 !important;
  letter-spacing:.02em !important;
}

.pm-player-results-v56 .pm-pb-expand-hint{
  margin-top:22px !important;
  min-height:44px !important;
  border:1px solid rgba(0,224,255,.27) !important;
  background:rgba(0,38,54,.34) !important;
}

.pm-player-results-v56 .pm-cmd-expanded,
.pm-player-results-v56 .pm-cmd-expanded-v4{
  padding:0 14px 15px !important;
}

.pm-player-results-v56 .pm-cmd-expanded-head{
  min-height:48px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
  margin:0 0 14px;
  border-bottom:1px solid rgba(120,210,255,.13);
  color:#00eaff;
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:.12em;
}

.pm-player-results-v56 .pm-cmd-head-back,
.pm-player-results-v56 .pm-cmd-head-close{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:999px;
  color:#00eaff;
  font-size:22px;
}

.pm-player-results-v56 .pm-cmd-head-close{
  justify-self:end;
  border:1px solid rgba(0,224,255,.22);
  background:rgba(0,18,32,.48);
}

.pm-player-results-v56 .pm-cmd-head-title{
  justify-self:center;
  font-size:16px;
  font-weight:950;
}

.pm-player-results-v56 .pm-cmd-section-title,
.pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-section-title{
  font-size:15px !important;
  margin-bottom:13px !important;
}

.pm-player-results-v56 .pm-cmd-section-title-details{
  margin-top:18px !important;
}

.pm-player-results-v56 .pm-cmd-disc-head{
  grid-template-columns:42px minmax(0,1fr) 118px !important;
  align-items:start !important;
  margin-bottom:13px !important;
}

.pm-player-results-v56 .pm-cmd-disc-ball{
  width:42px !important;
  height:42px !important;
}

.pm-player-results-v56 .pm-cmd-disc-title strong{
  font-size:17px !important;
  line-height:1.05 !important;
}

.pm-player-results-v56 .pm-cmd-disc-title span{
  margin-top:8px !important;
  font-size:13px !important;
}

.pm-player-results-v56 .pm-cmd-winner-pill{
  align-self:start !important;
  margin-top:0 !important;
  min-height:29px !important;
  max-width:118px !important;
  padding:6px 9px !important;
  font-size:7px !important;
}

.pm-player-results-v56 .pm-cmd-score-grid{
  min-height:88px !important;
}

.pm-player-results-v56 .pm-cmd-score-box{
  min-height:88px !important;
  padding:13px 8px 12px !important;
}

.pm-player-results-v56 .pm-cmd-score-box span,
.pm-player-results-v56 .pm-cmd-score-box em{
  font-size:10px !important;
  line-height:1.18 !important;
}

.pm-player-results-v56 .pm-cmd-score-box b{
  margin-top:10px !important;
  font-size:36px !important;
  line-height:.95 !important;
}

.pm-player-results-v56 .pm-cmd-score-box.is-secondary b{
  font-size:31px !important;
}

.pm-player-results-v56 .pm-cmd-info-grid{
  gap:10px !important;
}

.pm-player-results-v56 .pm-cmd-info-grid > span,
.pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid > span{
  min-height:70px !important;
  padding:9px 6px !important;
  border-radius:12px !important;
}

@media (max-width:430px){
  .pm-player-results-v56 .pm-player-match-card-v56 > summary{
    padding:13px 14px 14px !important;
  }

  .pm-player-results-v56 .pm-pb-card-top{
    grid-template-columns:34% 22% 34% !important;
    gap:5% !important;
    min-height:156px !important;
    padding-top:14px !important;
  }

  .pm-player-results-v56 .pm-pb-avatar,
  .pm-player-results-v56 .pm-pb-avatar-link .pm-pb-avatar{
    width:86px !important;
    height:86px !important;
  }

  .pm-player-results-v56 .pm-pb-player strong{
    margin-top:11px !important;
    max-width:112px !important;
    font-size:14px !important;
  }

  .pm-player-results-v56 .pm-pb-result-core{
    max-width:92px !important;
    padding-top:16px !important;
  }

  .pm-player-results-v56 .pm-pb-result-core span{
    min-height:28px !important;
    padding:4px 9px !important;
    font-size:7.5px !important;
  }

  .pm-player-results-v56 .pm-pb-result-core b{
    font-size:36px !important;
  }

  .pm-player-results-v56 .pm-cmd-head-title{
    font-size:14px;
  }

  .pm-player-results-v56 .pm-cmd-disc-head{
    grid-template-columns:38px minmax(0,1fr) 104px !important;
    gap:8px !important;
  }

  .pm-player-results-v56 .pm-cmd-disc-ball{
    width:38px !important;
    height:38px !important;
  }

  .pm-player-results-v56 .pm-cmd-disc-title strong{
    font-size:15px !important;
  }

  .pm-player-results-v56 .pm-cmd-disc-title span{
    font-size:12px !important;
  }

  .pm-player-results-v56 .pm-cmd-winner-pill{
    max-width:104px !important;
    font-size:6.6px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid,
  .pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
}

@media (max-width:370px){
  .pm-player-results-v56 .pm-pb-avatar,
  .pm-player-results-v56 .pm-pb-avatar-link .pm-pb-avatar{
    width:78px !important;
    height:78px !important;
  }

  .pm-player-results-v56 .pm-pb-player strong{
    font-size:13px !important;
  }

  .pm-player-results-v56 .pm-pb-player em{
    font-size:8px !important;
  }

  .pm-player-results-v56 .pm-pb-result-core b{
    font-size:32px !important;
  }
}

/* =========================================================
   PATCH PLAYER ODIGRANI SUSRETI — HERO REF STRUCTURE FIX 2
   Moves the detail header onto the expanding main card summary.
   Expanded content now starts directly with DISCIPLINE.
   ========================================================= */

.pm-player-results-v56 .pm-cmd-expanded-head{
  display:none !important;
}

.pm-player-results-v56 .pm-player-match-card-v56 > summary{
  padding:0 18px 15px !important;
}

.pm-player-results-v56 .pm-cmd-summary-head{
  min-height:58px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
  margin:0 0 12px;
  border-bottom:1px solid rgba(120,210,255,.16);
  color:#00eaff;
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:.13em;
}

.pm-player-results-v56 .pm-cmd-head-back,
.pm-player-results-v56 .pm-cmd-head-close{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:999px;
  color:#00eaff;
  font-size:25px;
  line-height:1;
}

.pm-player-results-v56 .pm-cmd-head-close{
  justify-self:end;
  border:1px solid rgba(0,224,255,.26);
  background:rgba(0,18,32,.50);
}

.pm-player-results-v56 .pm-cmd-head-title{
  justify-self:center;
  color:#00eaff;
  font-size:18px;
  font-weight:950;
  line-height:1;
  text-shadow:0 0 14px rgba(0,234,255,.32);
}

.pm-player-results-v56 .pm-pb-card-top{
  padding-top:0 !important;
  min-height:150px !important;
}

.pm-player-results-v56 .pm-player-match-card-v56[open] .pm-pb-expand-hint{
  display:none !important;
}

.pm-player-results-v56 .pm-player-match-card-v56[open] .pm-cmd-expanded,
.pm-player-results-v56 .pm-player-match-card-v56[open] .pm-cmd-expanded-v4{
  padding:18px 14px 15px !important;
}

.pm-player-results-v56 .pm-player-match-card-v56[open] .pm-cmd-section-title-disc{
  margin-top:0 !important;
}

.pm-player-results-v56 .pm-pb-result-core{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.pm-player-results-v56 .pm-pb-result-core.win,
.pm-player-results-v56 .pm-pb-result-core.lose,
.pm-player-results-v56 .pm-pb-result-core.draw,
.pm-player-results-v56 .pm-player-match-card-v56.is-win .pm-pb-result-core,
.pm-player-results-v56 .pm-player-match-card-v56.is-lose .pm-pb-result-core,
.pm-player-results-v56 .pm-player-match-card-v56.is-draw .pm-pb-result-core{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.pm-player-results-v56 .pm-pb-result-core span{
  width:auto !important;
  white-space:nowrap !important;
  box-shadow:0 0 18px rgba(53,255,155,.12) !important;
}

.pm-player-results-v56 .pm-pb-result-core > em{
  margin-top:13px !important;
}

.pm-player-results-v56 .pm-pb-result-core b{
  font-size:40px !important;
}

.pm-player-results-v56 .pm-pb-player strong{
  max-width:138px !important;
}

.pm-player-results-v56 .pm-cmd-disc-card{
  padding:13px 14px !important;
  border-radius:17px !important;
}

.pm-player-results-v56 .pm-cmd-score-grid{
  border-radius:15px !important;
}

.pm-player-results-v56 .pm-cmd-score-box{
  justify-content:center !important;
}

.pm-player-results-v56 .pm-cmd-score-box span,
.pm-player-results-v56 .pm-cmd-score-box em{
  min-height:0 !important;
}

.pm-player-results-v56 .pm-cmd-info-grid > span,
.pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid > span{
  min-height:62px !important;
}

@media (max-width:430px){
  .pm-player-results-v56 .pm-player-match-card-v56 > summary{
    padding:0 14px 14px !important;
  }

  .pm-player-results-v56 .pm-cmd-summary-head{
    min-height:54px;
    grid-template-columns:40px minmax(0,1fr) 40px;
    margin-bottom:11px;
  }

  .pm-player-results-v56 .pm-cmd-head-title{
    font-size:16px;
  }

  .pm-player-results-v56 .pm-cmd-head-back,
  .pm-player-results-v56 .pm-cmd-head-close{
    width:37px;
    height:37px;
    font-size:22px;
  }

  .pm-player-results-v56 .pm-pb-card-top{
    min-height:148px !important;
  }

  .pm-player-results-v56 .pm-pb-result-core b{
    font-size:35px !important;
  }

  .pm-player-results-v56 .pm-cmd-disc-card{
    padding:12px !important;
  }
}

/* =========================================================
   PATCH PLAYER ODIGRANI SUSRETI — FIX4 REFERENCE ALIGNMENT
   - removes old bottom DETALJI button from closed card
   - makes discipline points plain text like reference
   - compacts DETALJI SUSRETA grid like reference
   ========================================================= */

.pm-player-results-v56 .pm-pb-expand-hint{
  display:none !important;
}

.pm-player-results-v56 .pm-player-match-card-v56 > summary{
  padding-bottom:18px !important;
}

.pm-player-results-v56 .pm-pb-card-top{
  margin-bottom:0 !important;
}

.pm-player-results-v56 .pm-cmd-expanded,
.pm-player-results-v56 .pm-cmd-expanded-v4{
  padding-top:20px !important;
}

.pm-player-results-v56 .pm-cmd-disc-card{
  padding:12px 13px 10px !important;
}

.pm-player-results-v56 .pm-cmd-winner-pill{
  position:relative !important;
  padding-right:30px !important;
  border-radius:999px !important;
}

.pm-player-results-v56 .pm-cmd-winner-pill::after{
  content:'🏆';
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-50%);
  font-family:initial;
  font-size:13px;
  line-height:1;
}

.pm-player-results-v56 .pm-cmd-disc-foot{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:10px !important;
  min-height:18px !important;
  color:#f7fbff !important;
  font-family:var(--font-display) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.pm-player-results-v56 .pm-cmd-points-line,
.pm-player-results-v56 .pm-pb-mini-pill.is-points{
  display:inline-flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#f7fbff !important;
}

.pm-player-results-v56 .pm-cmd-points-label{
  color:#ffd83f !important;
}

.pm-player-results-v56 .pm-cmd-points-score{
  color:#f7fbff !important;
  letter-spacing:.08em !important;
}

.pm-player-results-v56 .pm-cmd-section-title-details{
  margin-top:16px !important;
  margin-bottom:9px !important;
}

.pm-player-results-v56 .pm-cmd-info-grid,
.pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
}

.pm-player-results-v56 .pm-cmd-info-grid > span,
.pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid > span{
  min-height:62px !important;
  padding:8px 5px !important;
  border-radius:9px !important;
  background:rgba(1,12,20,.54) !important;
  border:1px solid rgba(0,224,255,.18) !important;
}

.pm-player-results-v56 .pm-cmd-info-grid > span > em{
  font-size:7px !important;
  line-height:1.05 !important;
  letter-spacing:.08em !important;
}

.pm-player-results-v56 .pm-cmd-info-grid > span > b{
  margin-top:8px !important;
  font-size:12px !important;
  line-height:1.14 !important;
}

.pm-player-results-v56 .pm-cmd-info-grid b small{
  font-size:11px !important;
  line-height:1.1 !important;
}

.pm-player-results-v56 .pm-cmd-handicap-card{
  margin-top:12px !important;
  padding:12px 14px !important;
}

@media (max-width:430px){
  .pm-player-results-v56 .pm-cmd-info-grid,
  .pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span,
  .pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid > span{
    min-height:58px !important;
    padding:7px 3px !important;
    border-radius:8px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span > em{
    font-size:6px !important;
    letter-spacing:.05em !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span > b{
    font-size:10px !important;
    line-height:1.12 !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid b small{
    font-size:9px !important;
  }

  .pm-player-results-v56 .pm-cmd-winner-pill{
    padding-right:24px !important;
  }

  .pm-player-results-v56 .pm-cmd-winner-pill::after{
    right:7px;
    font-size:12px;
  }
}

/* =========================================================
   PATCH PLAYER ODIGRANI SUSRETI — FIX5 STICKY HEADER + REF POLISH
   Sticky detail header, compact hero spacing, reference-like handicap row.
   ========================================================= */

.pm-player-results-v56 .pm-player-match-card-v56[open] .pm-cmd-summary-head{
  position:sticky;
  top:78px;
  z-index:30;
  margin-left:-18px !important;
  margin-right:-18px !important;
  padding:0 18px !important;
  min-height:52px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,234,255,.13), transparent 46%),
    linear-gradient(180deg, rgba(4,25,38,.98), rgba(2,10,18,.98)) !important;
  border-bottom:1px solid rgba(120,210,255,.18) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.34), 0 0 18px rgba(0,229,255,.06) !important;
}

.pm-player-results-v56 .pm-cmd-summary-head{
  min-height:52px !important;
  margin-bottom:8px !important;
}

.pm-player-results-v56 .pm-cmd-head-title{
  font-size:16px !important;
  letter-spacing:.13em !important;
}

.pm-player-results-v56 .pm-cmd-head-back,
.pm-player-results-v56 .pm-cmd-head-close{
  width:36px !important;
  height:36px !important;
  font-size:22px !important;
}

.pm-player-results-v56 .pm-pb-card-top{
  min-height:137px !important;
  padding-top:7px !important;
  align-items:start !important;
}

.pm-player-results-v56 .pm-pb-avatar,
.pm-player-results-v56 .pm-pb-avatar-link .pm-pb-avatar{
  width:88px !important;
  height:88px !important;
}

.pm-player-results-v56 .pm-pb-player strong{
  margin-top:9px !important;
  font-size:14px !important;
  line-height:1.05 !important;
}

.pm-player-results-v56 .pm-pb-player em{
  margin-top:5px !important;
  font-size:11px !important;
}

.pm-player-results-v56 .pm-pb-result-core{
  padding-top:12px !important;
  max-width:104px !important;
}

.pm-player-results-v56 .pm-pb-result-core span{
  min-height:27px !important;
  padding:4px 11px !important;
  font-size:8px !important;
}

.pm-player-results-v56 .pm-pb-result-core > em{
  margin-top:12px !important;
  font-size:12px !important;
}

.pm-player-results-v56 .pm-pb-result-core b{
  margin-top:7px !important;
  font-size:36px !important;
  line-height:.9 !important;
}

.pm-player-results-v56 .pm-player-match-card-v56[open] .pm-cmd-expanded,
.pm-player-results-v56 .pm-player-match-card-v56[open] .pm-cmd-expanded-v4{
  padding-top:16px !important;
}

.pm-player-results-v56 .pm-cmd-section-title,
.pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-section-title{
  font-size:14px !important;
  margin-bottom:11px !important;
}

.pm-player-results-v56 .pm-cmd-disc-card{
  padding:11px 13px 10px !important;
  border-radius:16px !important;
}

.pm-player-results-v56 .pm-cmd-disc-head{
  grid-template-columns:40px minmax(0,1fr) 118px !important;
  margin-bottom:10px !important;
}

.pm-player-results-v56 .pm-cmd-disc-ball{
  width:40px !important;
  height:40px !important;
}

.pm-player-results-v56 .pm-cmd-disc-title strong{
  font-size:16px !important;
}

.pm-player-results-v56 .pm-cmd-disc-title span{
  margin-top:6px !important;
  font-size:12px !important;
}

.pm-player-results-v56 .pm-cmd-winner-pill{
  padding:5px 9px !important;
  padding-right:9px !important;
  max-width:118px !important;
  min-height:27px !important;
  gap:7px !important;
}

.pm-player-results-v56 .pm-cmd-winner-pill::after{
  display:none !important;
  content:none !important;
}

.pm-player-results-v56 .pm-cmd-winner-pill i{
  display:inline-block !important;
  color:currentColor !important;
  font-size:15px !important;
  line-height:1 !important;
  filter:drop-shadow(0 0 8px currentColor);
}

.pm-player-results-v56 .pm-cmd-score-grid{
  min-height:80px !important;
}

.pm-player-results-v56 .pm-cmd-score-box{
  min-height:80px !important;
  padding:11px 8px 10px !important;
}

.pm-player-results-v56 .pm-cmd-score-box span,
.pm-player-results-v56 .pm-cmd-score-box em{
  font-size:9px !important;
}

.pm-player-results-v56 .pm-cmd-score-box b{
  margin-top:8px !important;
  font-size:32px !important;
}

.pm-player-results-v56 .pm-cmd-score-box.is-secondary b{
  font-size:28px !important;
}

.pm-player-results-v56 .pm-cmd-disc-foot{
  margin-top:8px !important;
  font-size:15px !important;
}

.pm-player-results-v56 .pm-cmd-section-title-details{
  margin-top:15px !important;
  margin-bottom:8px !important;
}

.pm-player-results-v56 .pm-cmd-info-grid > span,
.pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid > span{
  min-height:57px !important;
  padding:7px 4px !important;
}

.pm-player-results-v56 .pm-cmd-handicap-card{
  margin-top:12px !important;
  padding:12px 13px !important;
  border-radius:12px !important;
  border-color:rgba(0,224,255,.18) !important;
  background:
    radial-gradient(circle at 0 0, rgba(0,224,255,.10), transparent 42%),
    rgba(1,12,20,.44) !important;
}

.pm-player-results-v56 .pm-cmd-handicap-title{
  margin-bottom:9px !important;
  color:#00eaff !important;
  font-size:12px !important;
  letter-spacing:.11em !important;
}

.pm-player-results-v56 .pm-cmd-handicap-title i{
  color:#00eaff !important;
  font-size:17px !important;
}

.pm-player-results-v56 .pm-cmd-handicap-line-main{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  min-height:24px !important;
  padding-left:31px !important;
}

.pm-player-results-v56 .pm-cmd-hc-name{
  min-width:0 !important;
  color:#f4fbff !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.pm-player-results-v56 .pm-cmd-handicap-line-main b{
  color:#f4fbff !important;
  font-family:var(--font-body) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}

.pm-player-results-v56 .pm-cmd-handicap-line-main b::first-letter{
  color:inherit;
}

@media (max-width:430px){
  .pm-player-results-v56 .pm-player-match-card-v56[open] .pm-cmd-summary-head{
    top:74px;
    margin-left:-14px !important;
    margin-right:-14px !important;
    padding:0 14px !important;
  }

  .pm-player-results-v56 .pm-pb-card-top{
    min-height:130px !important;
    padding-top:6px !important;
  }

  .pm-player-results-v56 .pm-pb-avatar,
  .pm-player-results-v56 .pm-pb-avatar-link .pm-pb-avatar{
    width:82px !important;
    height:82px !important;
  }

  .pm-player-results-v56 .pm-pb-player strong{
    font-size:14px !important;
    max-width:104px !important;
  }

  .pm-player-results-v56 .pm-pb-result-core b{
    font-size:33px !important;
  }

  .pm-player-results-v56 .pm-cmd-disc-head{
    grid-template-columns:36px minmax(0,1fr) 102px !important;
    gap:0px !important;
  }

  .pm-player-results-v56 .pm-cmd-disc-ball{
    width:36px !important;
    height:36px !important;
  }

  .pm-player-results-v56 .pm-cmd-disc-title strong{
    font-size:14px !important;
  }

  .pm-player-results-v56 .pm-cmd-winner-pill{
    max-width:102px !important;
    font-size:6.3px !important;
  }

  .pm-player-results-v56 .pm-cmd-handicap-line-main{
    grid-template-columns:1fr !important;
    gap:5px !important;
    padding-left:31px !important;
  }
}


/* =========================================================
   PATCH PLAYER ODIGRANI SUSRETI — FIX6 STICKY HEADER SURGICAL FIX
   Native sticky was cutting through the hero. Header is normal at card top;
   JS activates fixed mode only after the hero has scrolled past.
   ========================================================= */

.pm-player-results-v56 .pm-player-match-card-v56[open] .pm-cmd-summary-head{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  width:auto !important;
  z-index:4 !important;
  transform:none !important;
}

.pm-player-results-v56 .pm-player-match-card-v56[open].pm-cmd-sticky-active .pm-cmd-summary-head{
  position:fixed !important;
  top:var(--pm-cmd-sticky-top, 88px) !important;
  left:var(--pm-cmd-sticky-left, 18px) !important;
  width:var(--pm-cmd-sticky-width, calc(100vw - 36px)) !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding:0 18px !important;
  z-index:120 !important;
  border-radius:0 0 18px 18px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,234,255,.14), transparent 46%),
    linear-gradient(180deg, rgba(3,22,34,.98), rgba(2,9,16,.98)) !important;
  border:1px solid rgba(0,224,255,.16) !important;
  border-top:0 !important;
  box-shadow:0 14px 28px rgba(0,0,0,.42), 0 0 20px rgba(0,229,255,.08) !important;
}

.pm-player-results-v56 .pm-player-match-card-v56[open].pm-cmd-sticky-active .pm-cmd-summary-head::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(0,229,255,.42), transparent);
  pointer-events:none;
}

@media (max-width:430px){
  .pm-player-results-v56 .pm-player-match-card-v56[open].pm-cmd-sticky-active .pm-cmd-summary-head{
    padding:0 14px !important;
  }
}

/* =========================================================
   PATCH PLAYER ODIGRANI SUSRETI — FIX7 REMOVE STICKY + BOTTOM CLOSE
   Sticky header was unstable inside the match cards. Keep the top detail
   header normal and add a bottom close action after expanded content.
   ========================================================= */

.pm-player-results-v56 .pm-player-match-card-v56[open] .pm-cmd-summary-head,
.pm-player-results-v56 .pm-player-match-card-v56[open].pm-cmd-sticky-active .pm-cmd-summary-head{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  width:auto !important;
  z-index:4 !important;
  margin-left:-18px !important;
  margin-right:-18px !important;
  padding:0 18px !important;
  border-radius:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-top:0 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,234,255,.11), transparent 46%),
    linear-gradient(180deg, rgba(4,25,38,.98), rgba(2,10,18,.98)) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.24), 0 0 16px rgba(0,229,255,.05) !important;
}

.pm-player-results-v56 .pm-player-match-card-v56[open].pm-cmd-sticky-active .pm-cmd-summary-head::after{
  display:none !important;
  content:none !important;
}

.pm-player-results-v56 .pm-cmd-bottom-close{
  width:100%;
  min-height:44px;
  margin:16px 0 0;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:999px;
  border:1px solid rgba(0,224,255,.34);
  background:
    radial-gradient(circle at 50% 0%, rgba(0,234,255,.13), transparent 55%),
    rgba(1,18,29,.72);
  color:#00eaff;
  font-family:var(--font-display, inherit);
  font-size:11px;
  font-weight:900;
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
  box-shadow:inset 0 0 18px rgba(0,224,255,.045), 0 0 18px rgba(0,224,255,.055);
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}

.pm-player-results-v56 .pm-cmd-bottom-close i{
  font-size:18px;
  line-height:1;
}

.pm-player-results-v56 .pm-cmd-bottom-close:active{
  transform:translateY(1px);
}

@media (max-width:430px){
  .pm-player-results-v56 .pm-player-match-card-v56[open] .pm-cmd-summary-head,
  .pm-player-results-v56 .pm-player-match-card-v56[open].pm-cmd-sticky-active .pm-cmd-summary-head{
    margin-left:-14px !important;
    margin-right:-14px !important;
    padding:0 14px !important;
  }

  .pm-player-results-v56 .pm-cmd-bottom-close{
    min-height:42px;
    margin-top:14px;
    font-size:10px;
  }
}

/* =========================================================
   PATCH FIX8 - played match footer close + handicap reference alignment
   Scope: player.php / Odigrani susreti only
   ========================================================= */

.pm-player-results-v56 .pm-cmd-handicap-card{
  margin-top:12px !important;
  padding:12px 14px !important;
  border-radius:12px !important;
  min-height:72px !important;
  display:grid !important;
  align-content:center !important;
  border:1px solid rgba(0,224,255,.24) !important;
  background:
    radial-gradient(circle at 0 0, rgba(0,224,255,.12), transparent 40%),
    rgba(1,12,20,.50) !important;
}

.pm-player-results-v56 .pm-cmd-handicap-title{
  margin:0 0 9px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#00eaff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.pm-player-results-v56 .pm-cmd-handicap-title i{
  width:18px !important;
  min-width:18px !important;
  color:#00eaff !important;
  font-size:18px !important;
  line-height:1 !important;
}

.pm-player-results-v56 .pm-cmd-handicap-line-main{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
  padding:0 0 0 28px !important;
  min-height:22px !important;
}

.pm-player-results-v56 .pm-cmd-hc-name{
  min-width:0 !important;
  color:#f4fbff !important;
  font-family:var(--font-body, inherit) !important;
  font-size:13px !important;
  font-weight:750 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.pm-player-results-v56 .pm-cmd-hc-values{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  min-width:0 !important;
  color:#f4fbff !important;
  white-space:nowrap !important;
}

.pm-player-results-v56 .pm-cmd-hc-values b,
.pm-player-results-v56 .pm-cmd-handicap-line-main b{
  color:#f4fbff !important;
  font-family:var(--font-body, inherit) !important;
  font-size:13px !important;
  font-weight:760 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

.pm-player-results-v56 .pm-cmd-hc-sep{
  width:1px !important;
  height:16px !important;
  display:inline-block !important;
  background:rgba(120,210,255,.28) !important;
  box-shadow:0 0 8px rgba(0,224,255,.12) !important;
}

.pm-player-results-v56 .pm-cmd-footer-head,
.pm-player-results-v56 .pm-cmd-bottom-close.pm-cmd-footer-head{
  width:auto !important;
  min-height:58px !important;
  margin:14px -14px -14px !important;
  padding:0 14px !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) 44px !important;
  align-items:center !important;
  justify-content:initial !important;
  gap:0 !important;
  border:0 !important;
  border-top:1px solid rgba(120,210,255,.16) !important;
  border-radius:0 0 18px 18px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,234,255,.11), transparent 50%),
    linear-gradient(180deg, rgba(3,22,34,.88), rgba(1,13,22,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 -8px 22px rgba(0,0,0,.12) !important;
  color:#00eaff !important;
  cursor:pointer !important;
}

.pm-player-results-v56 .pm-cmd-footer-back,
.pm-player-results-v56 .pm-cmd-footer-close{
  display:grid !important;
  place-items:center !important;
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  color:#00eaff !important;
  line-height:1 !important;
}

.pm-player-results-v56 .pm-cmd-footer-back{
  justify-self:start !important;
  font-size:25px !important;
}

.pm-player-results-v56 .pm-cmd-footer-close{
  justify-self:end !important;
  border:1px solid rgba(0,224,255,.26) !important;
  background:rgba(0,18,32,.50) !important;
  font-size:25px !important;
}

.pm-player-results-v56 .pm-cmd-footer-title{
  justify-self:center !important;
  color:#00eaff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:18px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 14px rgba(0,234,255,.32) !important;
}

.pm-player-results-v56 .pm-cmd-footer-head:active{
  transform:none !important;
}

@media (max-width:430px){
  .pm-player-results-v56 .pm-cmd-handicap-card{
    padding:12px 13px !important;
  }

  .pm-player-results-v56 .pm-cmd-handicap-line-main{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    padding-left:28px !important;
  }

  .pm-player-results-v56 .pm-cmd-hc-name,
  .pm-player-results-v56 .pm-cmd-hc-values b,
  .pm-player-results-v56 .pm-cmd-handicap-line-main b{
    font-size:12px !important;
  }

  .pm-player-results-v56 .pm-cmd-hc-values{
    gap:8px !important;
  }

  .pm-player-results-v56 .pm-cmd-footer-head,
  .pm-player-results-v56 .pm-cmd-bottom-close.pm-cmd-footer-head{
    min-height:54px !important;
    margin:14px -13px -13px !important;
    padding:0 13px !important;
    grid-template-columns:40px minmax(0,1fr) 40px !important;
  }

  .pm-player-results-v56 .pm-cmd-footer-title{
    font-size:15px !important;
    letter-spacing:.12em !important;
  }

  .pm-player-results-v56 .pm-cmd-footer-back,
  .pm-player-results-v56 .pm-cmd-footer-close{
    width:38px !important;
    height:38px !important;
    font-size:23px !important;
  }
}

/* =========================================================
   PATCH FIX9 - played match footer full width + handicap fit
   Scope: player.php / Odigrani susreti only
   ========================================================= */

.pm-player-results-v56 .pm-cmd-footer-head,
.pm-player-results-v56 .pm-cmd-bottom-close.pm-cmd-footer-head{
  width:calc(100% + 28px) !important;
  max-width:none !important;
  box-sizing:border-box !important;
  margin:14px -14px -14px !important;
  border-radius:0 0 18px 18px !important;
}

.pm-player-results-v56 .pm-cmd-handicap-line-main{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding-left:28px !important;
  min-width:0 !important;
}

.pm-player-results-v56 .pm-cmd-hc-name{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:none !important;
}

.pm-player-results-v56 .pm-cmd-hc-values{
  flex:0 0 auto !important;
  gap:8px !important;
}

@media (max-width:430px){
  .pm-player-results-v56 .pm-cmd-footer-head,
  .pm-player-results-v56 .pm-cmd-bottom-close.pm-cmd-footer-head{
    width:calc(100% + 26px) !important;
    max-width:none !important;
    box-sizing:border-box !important;
    margin:14px -13px -13px !important;
  }

  .pm-player-results-v56 .pm-cmd-handicap-card{
    padding:12px 12px !important;
  }

  .pm-player-results-v56 .pm-cmd-handicap-line-main{
    padding-left:0 !important;
    gap:7px !important;
  }

  .pm-player-results-v56 .pm-cmd-hc-name,
  .pm-player-results-v56 .pm-cmd-hc-values b,
  .pm-player-results-v56 .pm-cmd-handicap-line-main b{
    font-size:11px !important;
    line-height:1.1 !important;
  }

  .pm-player-results-v56 .pm-cmd-hc-values{
    gap:6px !important;
  }

  .pm-player-results-v56 .pm-cmd-hc-sep{
    height:14px !important;
  }
}

@media (max-width:370px){
  .pm-player-results-v56 .pm-cmd-handicap-title{
    font-size:11px !important;
    letter-spacing:.10em !important;
  }

  .pm-player-results-v56 .pm-cmd-hc-name,
  .pm-player-results-v56 .pm-cmd-hc-values b,
  .pm-player-results-v56 .pm-cmd-handicap-line-main b{
    font-size:10.4px !important;
  }

  .pm-player-results-v56 .pm-cmd-hc-values{
    gap:5px !important;
  }
}

/* =========================================================
   PATCH FIX10 - odigrani susreti final polish
   Scope: player.php / Odigrani susreti only
   ========================================================= */

.pm-player-results-v56 .pm-cmd-summary-head,
.pm-player-results-v56 .pm-player-match-card-v56[open] .pm-cmd-summary-head,
.pm-player-results-v56 .pm-player-match-card-v56[open].pm-cmd-sticky-active .pm-cmd-summary-head{
  min-height:56px !important;
  grid-template-columns:36px minmax(0,1fr) 36px !important;
  padding:0 14px !important;
}

.pm-player-results-v56 .pm-cmd-head-title{
  font-size:17px !important;
  letter-spacing:.11em !important;
  line-height:1 !important;
}

.pm-player-results-v56 .pm-cmd-head-back,
.pm-player-results-v56 .pm-cmd-head-spacer{
  width:34px !important;
  height:34px !important;
}

.pm-player-results-v56 .pm-cmd-head-back{
  font-size:23px !important;
}

.pm-player-results-v56 .pm-cmd-head-close{
  display:none !important;
}

.pm-player-results-v56 .pm-pb-result-core.lose span i,
.pm-player-results-v56 .pm-pb-result-core.draw span i{
  font-size:14px !important;
  margin-right:4px !important;
}

.pm-player-results-v56 .pm-pb-result-core.lose span{
  border-color:rgba(255,83,116,.55) !important;
  color:#f3f7fb !important;
  background:rgba(255,83,116,.09) !important;
}

.pm-player-results-v56 .pm-pb-result-core.draw span{
  border-color:rgba(255,201,77,.50) !important;
  color:#f3f7fb !important;
  background:rgba(255,201,77,.07) !important;
}

.pm-player-results-v56 .pm-pb-result-core.draw span i{
  display:inline-block !important;
}

.pm-player-results-v56 .pm-cmd-winner-pill{
  max-width:136px !important;
  min-height:34px !important;
  padding:7px 10px !important;
  font-size:8.6px !important;
  letter-spacing:.075em !important;
  line-height:1.05 !important;
  justify-content:center !important;
  gap:7px !important;
}

.pm-player-results-v56 .pm-cmd-winner-pill i{
  font-size:17px !important;
}

.pm-player-results-v56 .pm-cmd-disc-head{
  grid-template-columns:42px minmax(0,1fr) 136px !important;
}

.pm-player-results-v56 .pm-cmd-score-box span,
.pm-player-results-v56 .pm-cmd-score-box em{
  min-height:14px !important;
  font-size:10px !important;
  line-height:1.15 !important;
  letter-spacing:.06em !important;
}

.pm-player-results-v56 .pm-cmd-score-box b,
.pm-player-results-v56 .pm-cmd-score-box.is-secondary b{
  margin-top:10px !important;
  font-size:36px !important;
  line-height:.95 !important;
}

.pm-player-results-v56 .pm-cmd-footer-head,
.pm-player-results-v56 .pm-cmd-bottom-close.pm-cmd-footer-head{
  min-height:52px !important;
  grid-template-columns:36px minmax(0,1fr) 36px !important;
  padding:0 14px !important;
}

.pm-player-results-v56 .pm-cmd-footer-title{
  font-size:16px !important;
  letter-spacing:.11em !important;
  line-height:1 !important;
}

.pm-player-results-v56 .pm-cmd-footer-back,
.pm-player-results-v56 .pm-cmd-footer-spacer{
  display:grid !important;
  place-items:center !important;
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  color:#00eaff !important;
  line-height:1 !important;
}

.pm-player-results-v56 .pm-cmd-footer-back{
  justify-self:start !important;
  font-size:23px !important;
}

.pm-player-results-v56 .pm-cmd-footer-close{
  display:none !important;
}

@media (max-width:430px){
  .pm-player-results-v56 .pm-cmd-summary-head,
  .pm-player-results-v56 .pm-player-match-card-v56[open] .pm-cmd-summary-head,
  .pm-player-results-v56 .pm-player-match-card-v56[open].pm-cmd-sticky-active .pm-cmd-summary-head{
    min-height:34px !important;
    grid-template-columns:34px minmax(0,1fr) 34px !important;
    padding:0 12px !important;
  }

  .pm-player-results-v56 .pm-cmd-head-title{
    font-size:16px !important;
    letter-spacing:.10em !important;
  }

  .pm-player-results-v56 .pm-cmd-disc-head{
    grid-template-columns:38px minmax(0,1fr) 124px !important;
  }

  .pm-player-results-v56 .pm-cmd-winner-pill{
    max-width:124px !important;
    min-height:32px !important;
    font-size:8px !important;
    letter-spacing:.06em !important;
    padding:6px 8px !important;
  }

  .pm-player-results-v56 .pm-cmd-winner-pill i{
    font-size:16px !important;
  }

  .pm-player-results-v56 .pm-cmd-score-box b,
  .pm-player-results-v56 .pm-cmd-score-box.is-secondary b{
    font-size:35px !important;
  }

  .pm-player-results-v56 .pm-cmd-footer-head,
  .pm-player-results-v56 .pm-cmd-bottom-close.pm-cmd-footer-head{
    min-height:32px !important;
    grid-template-columns:34px minmax(0,1fr) 34px !important;
    padding:0 12px !important;
  }

  .pm-player-results-v56 .pm-cmd-footer-title{
    font-size:15px !important;
    letter-spacing:.10em !important;
  }
}

@media (max-width:370px){
  .pm-player-results-v56 .pm-cmd-disc-head{
    grid-template-columns:36px minmax(0,1fr) 112px !important;
  }

  .pm-player-results-v56 .pm-cmd-winner-pill{
    max-width:112px !important;
    font-size:7.3px !important;
    gap:5px !important;
  }

  .pm-player-results-v56 .pm-cmd-score-box b,
  .pm-player-results-v56 .pm-cmd-score-box.is-secondary b{
    font-size:32px !important;
  }
}

/* FIX12 - odigrani susreti micro polish on top of FIX10 only */
.pm-player-results-v56 .pm-pb-result-core span{
  min-height:36px !important;
  padding:0 18px !important;
  font-size:10px !important;
  letter-spacing:.15em !important;
  gap:9px !important;
}
.pm-player-results-v56 .pm-pb-result-core span i{
  font-size:18px !important;
}
.pm-player-results-v56 .pm-cmd-winner-pill{
  min-width:128px !important;
  height:36px !important;
  padding:0 14px !important;
  gap:3px !important;
  font-size:10px !important;
  letter-spacing:.075em !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.pm-player-results-v56 .pm-cmd-winner-pill i{
  font-size:18px !important;
}
.pm-player-results-v56 .pm-cmd-score-box b,
.pm-player-results-v56 .pm-cmd-score-box.is-secondary b{
  font-size:38px !important;
  line-height:.95 !important;
}
.pm-player-results-v56 .pm-cmd-info-grid > span > em{
  font-size:9px !important;
  line-height:1.15 !important;
  letter-spacing:.08em !important;
}
.pm-player-results-v56 .pm-cmd-info-grid > span > b{
  font-size:10px !important;
  line-height:1.16 !important;
}
.pm-player-results-v56 .pm-cmd-info-grid b small{
  font-size:13px !important;
  line-height:1.12 !important;
}
.pm-player-results-v56 .pm-cmd-hc-value{
  color:#4dff7a !important;
  text-shadow:0 0 10px rgba(77,255,122,.24) !important;
}
.pm-player-results-v56 .pm-cmd-hc-game{
  color:#f4f8ff !important;
}
@media (max-width:430px){
  .pm-player-results-v56 .pm-pb-result-core span{
    min-height:34px !important;
    padding:0 10px !important;
    font-size:12px !important;
  }
  .pm-player-results-v56 .pm-cmd-winner-pill{
    min-width:98px !important;
    height:34px !important;
    padding:0 2px !important;
    font-size:9.5px !important;
  }
  .pm-player-results-v56 .pm-cmd-score-box b,
  .pm-player-results-v56 .pm-cmd-score-box.is-secondary b{
    font-size:36px !important;
  }
}
@media (max-width:370px){
  .pm-player-results-v56 .pm-cmd-winner-pill{
    min-width:106px !important;
    font-size:9px !important;
    gap:7px !important;
  }
  .pm-player-results-v56 .pm-cmd-winner-pill i{font-size:16px !important;}
  .pm-player-results-v56 .pm-pb-result-core span{
    padding:0 13px !important;
    font-size:9px !important;
  }
  .pm-player-results-v56 .pm-cmd-score-box b,
  .pm-player-results-v56 .pm-cmd-score-box.is-secondary b{
    font-size:34px !important;
  }
}

/* =========================================================
   PATCH FIX13 - 390-430px player details scale polish
   Scope: player.php / Odigrani + upcoming detail cards only.
   Keeps 375px locked look, gives 430px viewport slightly stronger typography.
   ========================================================= */
@media (min-width:390px) and (max-width:430px){
  .pm-player-results-v56 .pm-cmd-section-title,
  .pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-section-title{
    font-size:15px !important;
    letter-spacing:.155em !important;
  }

  .pm-player-results-v56 .pm-cmd-disc-title span {
        font-size: 13px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid,
  .pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid{
    gap:8px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span,
  .pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid > span{
    min-height:66px !important;
    padding:9px 5px !important;
    border-radius:10px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span > em{
    font-size:9.5px !important;
    line-height:1.12 !important;
    letter-spacing:.075em !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span > b{
    margin-top:8px !important;
    font-size:11.6px !important;
    line-height:1.14 !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid b small{
    font-size:14px !important;
    line-height:1.08 !important;
  }

  .pm-player-results-v56 .pm-cmd-handicap-title{
    font-size:15px !important;
    letter-spacing:.13em !important;
  }

  .pm-player-results-v56 .pm-cmd-hc-name,
  .pm-player-results-v56 .pm-cmd-hc-game,
  .pm-player-results-v56 .pm-cmd-hc-value{
    font-size:13.5px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-quick span,
  .pm-player-upcoming-v56 .pm-pmc-meta-grid-v56 div{
    min-height:58px !important;
    padding:10px 8px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-quick b,
  .pm-player-upcoming-v56 .pm-pmc-meta-grid-v56 strong{
    font-size:12.5px !important;
    line-height:1.16 !important;
  }

  .pm-player-upcoming-v56 .pm-pb-quick em,
  .pm-player-upcoming-v56 .pm-pmc-meta-grid-v56 span{
    font-size:8.4px !important;
    letter-spacing:.10em !important;
  }
}


/* ============================================================
   FIX PREDSTOJEĆI SUSRETI — scoped card header/footer cleanup
   Scope: only .pm-player-upcoming-v56
   - removes old closed "Detalji meča" hint from layout
   - header/footer mimic completed-card visual language
   - footer spans the full expanded panel width
   ============================================================ */

.pm-player-upcoming-v56 .pm-section-title{
  text-transform:uppercase !important;
}

.pm-player-upcoming-v56 .pm-player-match-card-v56 > summary{
  padding:0 14px 14px !important;
}

.pm-player-upcoming-v56 .pm-pb-upcoming-card-head{
  min-height:54px !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) 42px !important;
  align-items:center !important;
  margin:0 0 12px !important;
  border-bottom:1px solid rgba(120,210,255,.15) !important;
  color:#00eaff !important;
  font-family:var(--font-display) !important;
  text-transform:uppercase !important;
  letter-spacing:.13em !important;
}

.pm-player-upcoming-v56 .pm-pb-upcoming-head-back,
.pm-player-upcoming-v56 .pm-pb-upcoming-head-spacer{
  display:grid !important;
  place-items:center !important;
  width:38px !important;
  height:38px !important;
  color:#00eaff !important;
  font-size:25px !important;
  line-height:1 !important;
}

.pm-player-upcoming-v56 .pm-pb-upcoming-head-title{
  justify-self:center !important;
  color:#00eaff !important;
  font-size:17px !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-shadow:0 0 14px rgba(0,234,255,.32) !important;
  white-space:nowrap !important;
}

/* Old closed-state pill must not appear on upcoming cards. */
.pm-player-upcoming-v56 .pm-pb-expand-hint{
  display:none !important;
}

.pm-player-upcoming-v56 .pm-pmc-expanded-v56{
  padding-bottom:0 !important;
  overflow:hidden !important;
}

.pm-player-upcoming-v56 .pm-pmc-expanded-v56 > .pm-pb-upcoming-bottom-close,
.pm-player-upcoming-v56 .pm-pmc-expanded.pm-pmc-expanded-v56 > .pm-pb-upcoming-bottom-close{
  inline-size:calc(100% + 28px) !important;
  width:calc(100% + 28px) !important;
  max-inline-size:calc(100% + 28px) !important;
  max-width:calc(100% + 28px) !important;
  min-height:54px !important;
  margin:14px -14px -14px !important;
  padding:0 14px !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) 42px !important;
  align-items:center !important;
  border:0 !important;
  border-top:1px solid rgba(120,210,255,.15) !important;
  border-radius:0 0 16px 16px !important;
  background:linear-gradient(180deg, rgba(0,28,42,.42), rgba(0,10,18,.86)) !important;
  color:#00eaff !important;
  font-family:var(--font-display) !important;
  text-transform:uppercase !important;
  letter-spacing:.13em !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
}

.pm-player-upcoming-v56 .pm-pb-upcoming-foot-back,
.pm-player-upcoming-v56 .pm-pb-upcoming-foot-spacer{
  display:grid !important;
  place-items:center !important;
  width:38px !important;
  height:38px !important;
  color:#00eaff !important;
  font-size:24px !important;
  line-height:1 !important;
}

.pm-player-upcoming-v56 .pm-pb-upcoming-foot-title{
  justify-self:center !important;
  color:#00eaff !important;
  font-size:16px !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-shadow:0 0 14px rgba(0,234,255,.28) !important;
  white-space:nowrap !important;
}

@media (max-width:430px){
  .pm-player-upcoming-v56 .pm-player-match-card-v56 > summary{
    padding:0 12px 13px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-upcoming-card-head{
    min-height:50px !important;
    grid-template-columns:38px minmax(0,1fr) 38px !important;
    margin-bottom:11px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-upcoming-head-back,
  .pm-player-upcoming-v56 .pm-pb-upcoming-head-spacer{
    width:34px !important;
    height:34px !important;
    font-size:24px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-upcoming-head-title{
    font-size:15px !important;
    letter-spacing:.12em !important;
  }

  .pm-player-upcoming-v56 .pm-pmc-expanded-v56 > .pm-pb-upcoming-bottom-close,
  .pm-player-upcoming-v56 .pm-pmc-expanded.pm-pmc-expanded-v56 > .pm-pb-upcoming-bottom-close{
    inline-size:calc(100% + 24px) !important;
    width:calc(100% + 24px) !important;
    max-inline-size:calc(100% + 24px) !important;
    max-width:calc(100% + 24px) !important;
    min-height:50px !important;
    margin:13px -12px -14px !important;
    grid-template-columns:38px minmax(0,1fr) 38px !important;
    padding:0 12px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-upcoming-foot-back,
  .pm-player-upcoming-v56 .pm-pb-upcoming-foot-spacer{
    width:34px !important;
    height:34px !important;
    font-size:23px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-upcoming-foot-title{
    font-size:14px !important;
    letter-spacing:.12em !important;
  }
}

/* ============================================================
   FIX PREDSTOJEĆI SUSRETI — header/footer 1:1 with ODIGRANI
   Scope: ONLY .pm-player-upcoming-v56
   - uses same visual dimensions, grid, glow, separators and compact mobile scale
   - does not touch odigrani susreti
   ============================================================ */

.pm-player-upcoming-v56 .pm-player-match-card-v56 > summary{
  padding:0 14px 14px !important;
}

.pm-player-upcoming-v56 .pm-pb-upcoming-card-head{
  min-height:56px !important;
  display:grid !important;
  grid-template-columns:36px minmax(0,1fr) 36px !important;
  align-items:center !important;
  margin:0 -14px 8px !important;
  padding:0 14px !important;
  border:0 !important;
  border-bottom:1px solid rgba(120,210,255,.16) !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,234,255,.11), transparent 46%),
    linear-gradient(180deg, rgba(4,25,38,.98), rgba(2,10,18,.98)) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.24), 0 0 16px rgba(0,229,255,.05) !important;
  color:#00eaff !important;
  font-family:var(--font-display, inherit) !important;
  text-transform:uppercase !important;
  letter-spacing:.11em !important;
}

.pm-player-upcoming-v56 .pm-pb-upcoming-head-back,
.pm-player-upcoming-v56 .pm-pb-upcoming-head-spacer{
  display:grid !important;
  place-items:center !important;
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  color:#00eaff !important;
  line-height:1 !important;
}

.pm-player-upcoming-v56 .pm-pb-upcoming-head-back{
  justify-self:start !important;
  font-size:23px !important;
}

.pm-player-upcoming-v56 .pm-pb-upcoming-head-title{
  justify-self:center !important;
  color:#00eaff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:17px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 14px rgba(0,234,255,.32) !important;
  white-space:nowrap !important;
}

.pm-player-upcoming-v56 .pm-pmc-expanded-v56{
  padding-bottom:0 !important;
  overflow:hidden !important;
}

.pm-player-upcoming-v56 .pm-pmc-expanded-v56 > .pm-pb-upcoming-bottom-close,
.pm-player-upcoming-v56 .pm-pmc-expanded.pm-pmc-expanded-v56 > .pm-pb-upcoming-bottom-close{
  inline-size:calc(100% + 28px) !important;
  width:calc(100% + 28px) !important;
  max-inline-size:calc(100% + 28px) !important;
  max-width:calc(100% + 28px) !important;
  min-height:52px !important;
  margin:14px -14px -14px !important;
  padding:0 14px !important;
  display:grid !important;
  grid-template-columns:36px minmax(0,1fr) 36px !important;
  align-items:center !important;
  justify-content:initial !important;
  gap:0 !important;
  border:0 !important;
  border-top:1px solid rgba(120,210,255,.16) !important;
  border-radius:0 0 18px 18px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,234,255,.11), transparent 50%),
    linear-gradient(180deg, rgba(3,22,34,.88), rgba(1,13,22,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 -8px 22px rgba(0,0,0,.12) !important;
  color:#00eaff !important;
  font-family:var(--font-display, inherit) !important;
  text-transform:uppercase !important;
  letter-spacing:.11em !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

.pm-player-upcoming-v56 .pm-pb-upcoming-foot-back,
.pm-player-upcoming-v56 .pm-pb-upcoming-foot-spacer{
  display:grid !important;
  place-items:center !important;
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  color:#00eaff !important;
  line-height:1 !important;
}

.pm-player-upcoming-v56 .pm-pb-upcoming-foot-back{
  justify-self:start !important;
  font-size:23px !important;
}

.pm-player-upcoming-v56 .pm-pb-upcoming-foot-title{
  justify-self:center !important;
  color:#00eaff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:16px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 14px rgba(0,234,255,.28) !important;
  white-space:nowrap !important;
}

@media (max-width:430px){
  .pm-player-upcoming-v56 .pm-player-match-card-v56 > summary{
    padding:0 12px 13px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-upcoming-card-head{
    min-height:34px !important;
    grid-template-columns:34px minmax(0,1fr) 34px !important;
    margin:0 -12px 8px !important;
    padding:0 12px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-upcoming-head-back,
  .pm-player-upcoming-v56 .pm-pb-upcoming-head-spacer{
    width:34px !important;
    height:34px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-upcoming-head-back{
    font-size:23px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-upcoming-head-title{
    font-size:15px !important;
    letter-spacing:.10em !important;
  }

  .pm-player-upcoming-v56 .pm-pmc-expanded-v56 > .pm-pb-upcoming-bottom-close,
  .pm-player-upcoming-v56 .pm-pmc-expanded.pm-pmc-expanded-v56 > .pm-pb-upcoming-bottom-close{
    inline-size:calc(100% + 24px) !important;
    width:calc(100% + 24px) !important;
    max-inline-size:calc(100% + 24px) !important;
    max-width:calc(100% + 24px) !important;
    min-height:32px !important;
    margin:13px -12px -14px !important;
    grid-template-columns:34px minmax(0,1fr) 34px !important;
    padding:0 12px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-upcoming-foot-back,
  .pm-player-upcoming-v56 .pm-pb-upcoming-foot-spacer{
    width:34px !important;
    height:34px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-upcoming-foot-back{
    font-size:23px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-upcoming-foot-title{
    font-size:15px !important;
    letter-spacing:.10em !important;
  }
}

/* ============================================================
   PREDSTOJEĆI SUSRETI FIX4 — center status structure
   Scope: ONLY upcoming cards on player.php
   Order in center: STATUS BADGE -> LIVE/VS -> RUNDA
   ============================================================ */

.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:108px !important;
  gap:7px !important;
  text-align:center !important;
}

.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming > span:not(.pm-upcoming-status-card){
  display:none !important;
}

.pm-player-upcoming-v56 .pm-upcoming-status-card{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:34px !important;
  min-width:118px !important;
  padding:7px 13px !important;
  border-radius:999px !important;
  border:1px solid rgba(120,170,205,.26) !important;
  background:linear-gradient(135deg, rgba(120,170,205,.10), rgba(4,15,26,.72)) !important;
  color:rgba(226,241,255,.92) !important;
  font-family:var(--font-display, inherit) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  box-shadow:0 0 18px rgba(0,0,0,.10) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-status-card i{
  font-size:17px !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}

.pm-player-upcoming-v56 .pm-upcoming-status-card.live{
  color:#ff5f78 !important;
  border-color:rgba(255,65,95,.48) !important;
  background:linear-gradient(135deg, rgba(255,65,95,.17), rgba(26,6,16,.72)) !important;
  box-shadow:0 0 24px rgba(255,65,95,.13) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-status-card.pending{
  color:#dceaf2 !important;
  border-color:rgba(190,220,238,.22) !important;
  background:linear-gradient(135deg, rgba(190,220,238,.08), rgba(4,15,26,.76)) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-status-card.partial{
  color:var(--gold) !important;
  border-color:rgba(255,201,77,.42) !important;
  background:linear-gradient(135deg, rgba(255,201,77,.15), rgba(24,18,6,.72)) !important;
  box-shadow:0 0 22px rgba(255,201,77,.10) !important;
}


.pm-player-upcoming-v56 .pm-upcoming-status-card.scheduled{
  color:var(--neon) !important;
  border-color:rgba(0,220,255,.42) !important;
  background:linear-gradient(135deg, rgba(0,220,255,.14), rgba(4,15,26,.74)) !important;
  box-shadow:0 0 22px rgba(0,220,255,.10) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-status-dot{
  width:10px !important;
  height:10px !important;
  border-radius:999px !important;
  flex:0 0 auto !important;
  background:#ff4a64 !important;
  box-shadow:0 0 0 5px rgba(255,74,100,.13), 0 0 16px rgba(255,74,100,.86) !important;
  animation:pm-blink 1s infinite !important;
}

.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming b{
  margin:0 !important;
  color:#eefbff !important;
  font-size:34px !important;
  line-height:.95 !important;
  font-family:var(--font-display, inherit) !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  text-shadow:0 0 16px rgba(0,217,255,.24) !important;
}

.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming small{
  display:block !important;
  color:rgba(180,205,218,.88) !important;
  font-family:var(--font-display, inherit) !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.015em !important;
}

.pm-player-upcoming-v56 .pm-pb-vs-player strong{
  color:#f4fbff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:clamp(14px,1.15vw,18px) !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  max-width:180px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

@media (max-width:520px){
  .pm-player-upcoming-v56 .pm-pb-vs-core-upcoming{
    min-width:82px !important;
    gap:6px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-status-card{
    min-width:0 !important;
    min-height:30px !important;
    padding:6px 9px !important;
    gap:6px !important;
    font-size:9.2px !important;
    letter-spacing:.105em !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-status-card i{
    font-size:14px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-status-dot{
    width:8px !important;
    height:8px !important;
    box-shadow:0 0 0 4px rgba(255,74,100,.13), 0 0 14px rgba(255,74,100,.82) !important;
  }

  .pm-player-upcoming-v56 .pm-pb-vs-core-upcoming b{
    font-size:28px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-vs-core-upcoming small{
    font-size:12px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-vs-player strong{
    max-width:96px !important;
    font-size:12px !important;
  }
}

/* ============================================================
   PREDSTOJEĆI SUSRETI FIX6B — remove BODOVI from upcoming center
   Scope: ONLY upcoming cards on player.php
   ============================================================ */

.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming::before,
.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming::after,
.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming em{
  content:none !important;
  display:none !important;
}

.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming{
  gap:9px !important;
  min-width:118px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-status-card{
  min-height:38px !important;
  min-width:132px !important;
  padding:8px 16px !important;
  gap:9px !important;
  font-size:12.5px !important;
  letter-spacing:.12em !important;
}

.pm-player-upcoming-v56 .pm-upcoming-status-card i{
  font-size:18px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-status-dot{
  width:11px !important;
  height:11px !important;
}

.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming b{
  margin-top:2px !important;
  font-size:38px !important;
  line-height:.92 !important;
}

.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming small{
  margin-top:-1px !important;
  font-size:14px !important;
}

@media (max-width:520px){
  .pm-player-upcoming-v56 .pm-pb-vs-core-upcoming{
    gap:7px !important;
    min-width:88px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-status-card{
    min-height:32px !important;
    min-width:0 !important;
    padding:7px 10px !important;
    gap:7px !important;
    font-size:9.8px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-status-card i{
    font-size:15px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-status-dot{
    width:9px !important;
    height:9px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-vs-core-upcoming b{
    font-size:31px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-vs-core-upcoming small{
    font-size:12.5px !important;
  }
}

/* ============================================================
   PLAYER SECTIONS FIX9 — collapsible sections + clean upcoming center
   Baseline: after upcoming center cleanup
   Scope: player.php only
   ============================================================ */

.pm-player-section-toggle{
  overflow:hidden !important;
}

.pm-player-section-toggle > summary.pm-player-section-summary{
  cursor:pointer !important;
  list-style:none !important;
  user-select:none !important;
}

.pm-player-section-toggle > summary.pm-player-section-summary::-webkit-details-marker{
  display:none !important;
}

.pm-section-actions-v56{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  flex:0 0 auto !important;
}

.pm-section-chevron-v56{
  width:42px !important;
  height:42px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--neon) !important;
  border:1px solid rgba(0,220,255,.28) !important;
  background:rgba(0,220,255,.055) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition:transform .18s ease, color .18s ease, border-color .18s ease !important;
}

.pm-section-chevron-v56 i{
  font-size:20px !important;
  line-height:1 !important;
  transition:transform .18s ease !important;
}

.pm-player-section-toggle[open] > summary .pm-section-chevron-v56 i{
  transform:rotate(180deg) !important;
}

.pm-player-section-upcoming-red{
  border-color:rgba(255,73,105,.25) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.42), 0 0 32px rgba(255,73,105,.045) !important;
}

.pm-player-section-upcoming-red > .pm-section-head-v56{
  background:
    linear-gradient(90deg, rgba(255,73,105,.18), rgba(5,18,29,.84) 58%, rgba(255,73,105,.06)) !important;
  border-bottom-color:rgba(255,73,105,.58) !important;
}

.pm-player-section-upcoming-red > .pm-section-head-v56 .pm-section-title,
.pm-player-section-upcoming-red > .pm-section-head-v56 .pm-section-title i{
  color:#ff5f78 !important;
  text-shadow:0 0 18px rgba(255,73,105,.16) !important;
}

.pm-player-section-upcoming-red > .pm-section-head-v56 .pm-section-count,
.pm-player-section-upcoming-red > .pm-section-head-v56 .pm-section-chevron-v56{
  color:#ff5f78 !important;
  border-color:rgba(255,73,105,.34) !important;
  background:rgba(255,73,105,.075) !important;
}

/* Upcoming center must NOT inherit result-core/BODOVI styling. */
.pm-player-upcoming-v56 .pm-pb-card-top-upcoming .pm-pb-vs-core-upcoming{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  min-height:0 !important;
  align-self:center !important;
}

.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming::before,
.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming::after,
.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming em{
  content:none !important;
  display:none !important;
}

.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming .pm-upcoming-status-card{
  min-height:38px !important;
  min-width:132px !important;
  padding:8px 16px !important;
  font-size:12.5px !important;
}

.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming b{
  margin-top:2px !important;
  font-size:38px !important;
  line-height:.92 !important;
}

.pm-player-upcoming-v56 .pm-pb-vs-core-upcoming small{
  font-size:14px !important;
}

@media (max-width:520px){
  .pm-section-chevron-v56{
    width:36px !important;
    height:36px !important;
  }

  .pm-section-chevron-v56 i{
    font-size:18px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-vs-core-upcoming .pm-upcoming-status-card{
    min-height:32px !important;
    min-width:0 !important;
    padding:7px 10px !important;
    font-size:9.8px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-vs-core-upcoming b{
    font-size:31px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-vs-core-upcoming small{
    font-size:12.5px !important;
  }
}


/* ============================================================
   FIX14 — restore approved player section polish
   Baseline: current compact/collapse state
   Scope:
   1) Odigrani individual card header uses the same full-strip language.
   2) Predstojeći player identity matches Odigrani: avatar -> ime -> nadimak,
      with the same mobile typography scale.
   3) Keep compact collapsed section headers and red upcoming styling.
   ============================================================ */

/* Compact premium collapsed section headers — no new content, only visual polish */
.pm-player-section-toggle{
  position:relative !important;
  overflow:hidden !important;
  border-radius:22px !important;
}

.pm-player-section-toggle > summary.pm-section-head-v56{
  position:relative !important;
  isolation:isolate !important;
  min-height:68px !important;
  padding:0 22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  overflow:hidden !important;
  border-radius:22px !important;
  border-bottom:1px solid rgba(0,229,255,.42) !important;
  background:
    radial-gradient(circle at 13% 55%, rgba(0,229,255,.18), transparent 34%),
    linear-gradient(100deg, rgba(0,118,135,.34), rgba(4,17,29,.92) 48%, rgba(0,229,255,.08)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(0,229,255,.16),
    0 18px 42px rgba(0,0,0,.28) !important;
}

.pm-player-section-toggle > summary.pm-section-head-v56::before{
  content:'' !important;
  position:absolute !important;
  left:-18px !important;
  bottom:-36px !important;
  width:142px !important;
  height:142px !important;
  border-radius:999px !important;
  background:
    radial-gradient(circle at 42% 42%, rgba(255,255,255,.14), transparent 18%),
    radial-gradient(circle at center, rgba(0,229,255,.15), rgba(0,229,255,.035) 44%, transparent 67%) !important;
  opacity:.32 !important;
  filter:blur(.2px) !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

.pm-player-section-toggle > summary.pm-section-head-v56::after{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.040), transparent 34%, rgba(0,229,255,.035)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.028) 0 1px, transparent 1px 42px) !important;
  opacity:.46 !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

.pm-player-section-toggle > summary.pm-section-head-v56 .pm-section-title{
  display:inline-flex !important;
  align-items:center !important;
  gap:15px !important;
  min-width:0 !important;
  color:#00eaff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:19px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 16px rgba(0,234,255,.25) !important;
  white-space:nowrap !important;
}

.pm-player-section-toggle > summary.pm-section-head-v56 .pm-section-title i{
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  color:#00eaff !important;
  font-size:23px !important;
  line-height:1 !important;
  border-radius:12px !important;
  background:rgba(0,229,255,.050) !important;
}

.pm-player-section-toggle > summary.pm-section-head-v56 .pm-section-count{
  min-width:44px !important;
  height:34px !important;
  padding:0 10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  color:#00eaff !important;
  border:1px solid rgba(0,229,255,.34) !important;
  background:rgba(0,229,255,.070) !important;
  font-family:var(--font-display, inherit) !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.040) !important;
}

.pm-player-section-toggle > summary.pm-section-head-v56 .pm-section-chevron-v56{
  width:46px !important;
  height:46px !important;
  border-radius:999px !important;
  color:#00eaff !important;
  border:1px solid rgba(0,229,255,.30) !important;
  background:rgba(0,229,255,.060) !important;
  box-shadow:0 0 20px rgba(0,229,255,.070), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.pm-player-section-toggle > summary.pm-section-head-v56 .pm-section-chevron-v56 i{
  font-size:21px !important;
}

/* Upcoming keeps its red identity, but same compact dimensions */
.pm-player-section-upcoming-red > summary.pm-section-head-v56{
  border-bottom-color:rgba(255,73,105,.52) !important;
  background:
    radial-gradient(circle at 13% 55%, rgba(255,73,105,.20), transparent 35%),
    linear-gradient(100deg, rgba(120,23,48,.42), rgba(11,12,24,.92) 52%, rgba(255,73,105,.085)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.050),
    inset 0 -1px 0 rgba(255,73,105,.18),
    0 18px 42px rgba(0,0,0,.30) !important;
}

.pm-player-section-upcoming-red > summary.pm-section-head-v56::before{
  background:
    radial-gradient(circle at 42% 42%, rgba(255,255,255,.12), transparent 18%),
    radial-gradient(circle at center, rgba(255,73,105,.18), rgba(255,73,105,.040) 44%, transparent 67%) !important;
  opacity:.34 !important;
}

.pm-player-section-upcoming-red > summary.pm-section-head-v56 .pm-section-title,
.pm-player-section-upcoming-red > summary.pm-section-head-v56 .pm-section-title i,
.pm-player-section-upcoming-red > summary.pm-section-head-v56 .pm-section-count,
.pm-player-section-upcoming-red > summary.pm-section-head-v56 .pm-section-chevron-v56{
  color:#ff5f78 !important;
}

.pm-player-section-upcoming-red > summary.pm-section-head-v56 .pm-section-count,
.pm-player-section-upcoming-red > summary.pm-section-head-v56 .pm-section-chevron-v56{
  border-color:rgba(255,73,105,.36) !important;
  background:rgba(255,73,105,.075) !important;
}

/* Restore ODIGRANI individual match header as a full strip, like the approved upcoming card header */
.pm-player-results-v56 .pm-player-match-card-v56 > summary{
  padding:0 14px 14px !important;
}

.pm-player-results-v56 .pm-cmd-summary-head,
.pm-player-results-v56 .pm-player-match-card-v56[open] .pm-cmd-summary-head,
.pm-player-results-v56 .pm-player-match-card-v56[open].pm-cmd-sticky-active .pm-cmd-summary-head{
  min-height:56px !important;
  display:grid !important;
  grid-template-columns:36px minmax(0,1fr) 36px !important;
  align-items:center !important;
  margin:0 -14px 8px !important;
  padding:0 14px !important;
  border:0 !important;
  border-bottom:1px solid rgba(120,210,255,.16) !important;
  border-radius:0 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,234,255,.11), transparent 46%),
    linear-gradient(180deg, rgba(4,25,38,.98), rgba(2,10,18,.98)) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.24), 0 0 16px rgba(0,229,255,.05) !important;
  color:#00eaff !important;
}

.pm-player-results-v56 .pm-cmd-head-title{
  justify-self:center !important;
  color:#00eaff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:17px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 14px rgba(0,234,255,.32) !important;
  white-space:nowrap !important;
}

.pm-player-results-v56 .pm-cmd-head-back,
.pm-player-results-v56 .pm-cmd-head-spacer{
  display:grid !important;
  place-items:center !important;
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  color:#00eaff !important;
  line-height:1 !important;
}

.pm-player-results-v56 .pm-cmd-head-back{
  justify-self:start !important;
  font-size:23px !important;
}

/* Upcoming player identity: same render language as Odigrani (avatar -> name -> nickname) */
.pm-player-upcoming-v56 .pm-pb-player-upcoming,
.pm-player-upcoming-v56 .pm-pb-player-upcoming.pm-pb-player-opp{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:7px !important;
  min-width:0 !important;
}

.pm-player-upcoming-v56 .pm-pb-player-upcoming .pm-pb-avatar,
.pm-player-upcoming-v56 .pm-pb-player-upcoming .pm-pb-avatar-link .pm-pb-avatar{
  width:88px !important;
  height:88px !important;
}

.pm-player-upcoming-v56 .pm-pb-player-upcoming strong{
  display:block !important;
  margin-top:9px !important;
  max-width:104px !important;
  color:#f4fbff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:14px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.pm-player-upcoming-v56 .pm-pb-player-upcoming em{
  display:block !important;
  margin-top:5px !important;
  max-width:104px !important;
  color:#ffd75f !important;
  font-family:var(--font-display, inherit) !important;
  font-size:11px !important;
  line-height:1.05 !important;
  font-style:normal !important;
  font-weight:850 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

@media (max-width:520px){
  .pm-player-section-toggle > summary.pm-section-head-v56{
    min-height:62px !important;
    padding:0 16px !important;
    border-radius:20px !important;
  }

  .pm-player-section-toggle > summary.pm-section-head-v56 .pm-section-title{
    gap:12px !important;
    font-size:15px !important;
    letter-spacing:.17em !important;
  }

  .pm-player-section-toggle > summary.pm-section-head-v56 .pm-section-title i{
    width:30px !important;
    height:30px !important;
    font-size:20px !important;
  }

  .pm-player-section-toggle > summary.pm-section-head-v56 .pm-section-count{
    min-width:38px !important;
    height:30px !important;
    font-size:15px !important;
  }

  .pm-player-section-toggle > summary.pm-section-head-v56 .pm-section-chevron-v56{
    width:42px !important;
    height:42px !important;
  }

  .pm-player-results-v56 .pm-player-match-card-v56 > summary{
    padding:0 12px 13px !important;
  }

  .pm-player-results-v56 .pm-cmd-summary-head,
  .pm-player-results-v56 .pm-player-match-card-v56[open] .pm-cmd-summary-head,
  .pm-player-results-v56 .pm-player-match-card-v56[open].pm-cmd-sticky-active .pm-cmd-summary-head{
    min-height:34px !important;
    grid-template-columns:34px minmax(0,1fr) 34px !important;
    margin:0 -12px 8px !important;
    padding:0 12px !important;
  }

  .pm-player-results-v56 .pm-cmd-head-title{
    font-size:15px !important;
    letter-spacing:.10em !important;
  }

  .pm-player-upcoming-v56 .pm-pb-player-upcoming .pm-pb-avatar,
  .pm-player-upcoming-v56 .pm-pb-player-upcoming .pm-pb-avatar-link .pm-pb-avatar{
    width:88px !important;
    height:88px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-player-upcoming strong{
    margin-top:9px !important;
    max-width:104px !important;
    font-size:14px !important;
    line-height:1.05 !important;
  }

  .pm-player-upcoming-v56 .pm-pb-player-upcoming em{
    margin-top:5px !important;
    max-width:104px !important;
    font-size:11px !important;
    line-height:1.05 !important;
  }
}

@media (max-width:370px){
  .pm-player-section-toggle > summary.pm-section-head-v56 .pm-section-title{
    font-size:14px !important;
    letter-spacing:.14em !important;
  }

  .pm-player-upcoming-v56 .pm-pb-player-upcoming .pm-pb-avatar,
  .pm-player-upcoming-v56 .pm-pb-player-upcoming .pm-pb-avatar-link .pm-pb-avatar{
    width:82px !important;
    height:82px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-player-upcoming strong{
    max-width:98px !important;
    font-size:13px !important;
  }

  .pm-player-upcoming-v56 .pm-pb-player-upcoming em{
    max-width:98px !important;
    font-size:10px !important;
  }
}

/* =========================================================
   PATCH 57A - upcoming open match details unified with played cards
   Scope: player.php / Predstojeći susreti open content only
   ========================================================= */

.pm-player-upcoming-v56 .pm-upcoming-detail-v57{
  padding:14px !important;
  border-top:1px solid rgba(0,224,255,.13) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,234,255,.07), transparent 46%),
    linear-gradient(180deg, rgba(1,30,43,.70), rgba(0,10,18,.94)) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-cmd-section-title{
  margin:0 0 10px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  color:#00eaff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1.15 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 14px rgba(0,234,255,.26) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-cmd-section-title::before{
  display:none !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-cmd-section-title i{
  color:#00eaff !important;
  font-size:19px !important;
  filter:drop-shadow(0 0 10px rgba(0,234,255,.28)) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-cmd-section-title-details,
.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-section-details-v57{
  margin-top:0 !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-section-played-v57{
  position:relative !important;
  padding-right:92px !important;
  color:#bd74ff !important;
  text-shadow:0 0 14px rgba(189,116,255,.22) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-section-played-v57 i{
  color:#bd74ff !important;
  filter:drop-shadow(0 0 10px rgba(189,116,255,.35)) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-finished-badge-v57{
  position:absolute !important;
  right:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  padding:5px 10px !important;
  border:1px solid rgba(189,116,255,.36) !important;
  border-radius:999px !important;
  background:rgba(82,24,111,.34) !important;
  color:#d9a6ff !important;
  font-family:var(--font-body, inherit) !important;
  font-size:11px !important;
  font-weight:850 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  white-space:nowrap !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57{
  margin:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span{
  min-height:76px !important;
  padding:14px 14px 13px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  border:1px solid rgba(0,224,255,.16) !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(0,234,255,.09), transparent 40%),
    linear-gradient(180deg, rgba(3,31,44,.78), rgba(0,11,19,.82)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 12px 28px rgba(0,0,0,.16) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span > i{
  display:block !important;
  margin-bottom:8px !important;
  color:#59efff !important;
  font-size:19px !important;
  filter:drop-shadow(0 0 9px rgba(0,234,255,.23)) !important;
  order:0 !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span > b{
  order:2 !important;
  margin-top:6px !important;
  color:#f7fbff !important;
  font-family:var(--font-body, inherit) !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.32 !important;
  letter-spacing:-.02em !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span > em{
  order:1 !important;
  color:#8fa7b9 !important;
  font-family:var(--font-display, inherit) !important;
  font-size:8px !important;
  font-style:normal !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

.pm-player-upcoming-v56 .pm-upcoming-deadline-card-v57{
  min-height:92px !important;
  padding:18px 19px !important;
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  column-gap:14px !important;
  align-items:center !important;
  border:1px solid rgba(255,214,90,.26) !important;
  border-radius:17px !important;
  background:
    radial-gradient(circle at 17% 45%, rgba(255,214,90,.18), transparent 28%),
    linear-gradient(180deg, rgba(24,27,14,.72), rgba(3,13,17,.86)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 14px 34px rgba(0,0,0,.18) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-deadline-card-v57 > i{
  grid-row:1 / span 2 !important;
  width:48px !important;
  height:48px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  background:rgba(255,214,90,.10) !important;
  color:#ffd64d !important;
  font-size:29px !important;
  filter:drop-shadow(0 0 13px rgba(255,214,90,.24)) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-deadline-card-v57 > span{
  align-self:end !important;
  color:#9fb2bd !important;
  font-family:var(--font-display, inherit) !important;
  font-size:9px !important;
  font-weight:950 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

.pm-player-upcoming-v56 .pm-upcoming-deadline-card-v57 > strong{
  align-self:start !important;
  margin-top:5px !important;
  color:#f8fbff !important;
  font-size:16px !important;
  font-weight:950 !important;
  line-height:1.25 !important;
}

.pm-player-upcoming-v56 .pm-upcoming-live-cta-v57{
  margin-top:12px !important;
  min-height:64px !important;
  padding:12px 16px !important;
  border-radius:17px !important;
  border:1px solid rgba(255,61,112,.48) !important;
  background:
    radial-gradient(circle at 4% 12%, rgba(255,61,112,.30), transparent 36%),
    linear-gradient(180deg, rgba(68,9,32,.82), rgba(8,17,27,.90)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 22px rgba(255,61,112,.10) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-duration-v57{
  margin:0 0 10px !important;
  padding:13px 15px !important;
  border:1px solid rgba(120,210,255,.15) !important;
  border-radius:15px !important;
  background:
    radial-gradient(circle at 0 0, rgba(0,234,255,.08), transparent 42%),
    rgba(0,0,0,.20) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-duration-v57 span{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#9fc1d0 !important;
  font-family:var(--font-display, inherit) !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.pm-player-upcoming-v56 .pm-upcoming-duration-v57 strong{
  display:block !important;
  margin-top:8px !important;
  color:#f8fbff !important;
  font-size:17px !important;
  font-weight:950 !important;
}

.pm-player-upcoming-v56 .pm-upcoming-played-list-v57{
  margin:0 0 13px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-hc-card-v57{
  margin-top:13px !important;
  padding:12px !important;
  border:1px solid rgba(0,224,255,.18) !important;
  border-radius:15px !important;
  background:
    radial-gradient(circle at 0 0, rgba(0,234,255,.09), transparent 42%),
    rgba(0,13,21,.58) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-hc-card-v57 .pm-cmd-handicap-line-main{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding-left:28px !important;
  min-width:0 !important;
}

.pm-player-upcoming-v56 .pm-upcoming-hc-card-v57 .pm-cmd-hc-name{
  flex:1 1 auto !important;
  min-width:0 !important;
  color:#f4fbff !important;
  font-family:var(--font-body, inherit) !important;
  font-size:13px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.pm-player-upcoming-v56 .pm-upcoming-hc-card-v57 .pm-cmd-hc-values{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-hc-card-v57 .pm-cmd-hc-values b{
  color:#f4fbff !important;
  font-family:var(--font-body, inherit) !important;
  font-size:13px !important;
  font-weight:760 !important;
  white-space:nowrap !important;
}

.pm-player-upcoming-v56 .pm-upcoming-hc-card-v57 .pm-cmd-hc-value{
  color:#55ff92 !important;
  font-weight:950 !important;
}

.pm-player-upcoming-v56 .pm-upcoming-hc-card-v57 .pm-cmd-hc-sep{
  width:1px !important;
  height:16px !important;
  display:inline-block !important;
  background:rgba(120,210,255,.28) !important;
  box-shadow:0 0 8px rgba(0,224,255,.12) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-footer-v57{
  width:calc(100% + 28px) !important;
  max-width:none !important;
  min-height:58px !important;
  box-sizing:border-box !important;
  margin:14px -14px -14px !important;
  padding:0 14px !important;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) 44px !important;
  align-items:center !important;
  justify-content:initial !important;
  gap:0 !important;
  border:0 !important;
  border-top:1px solid rgba(120,210,255,.16) !important;
  border-radius:0 0 18px 18px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,234,255,.11), transparent 50%),
    linear-gradient(180deg, rgba(3,22,34,.88), rgba(1,13,22,.96)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 -8px 22px rgba(0,0,0,.12) !important;
  color:#00eaff !important;
  cursor:pointer !important;
}

.pm-player-upcoming-v56 .pm-upcoming-footer-v57 .pm-cmd-footer-back{
  display:grid !important;
  place-items:center !important;
  justify-self:start !important;
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  color:#00eaff !important;
  font-size:25px !important;
  line-height:1 !important;
}

.pm-player-upcoming-v56 .pm-upcoming-footer-v57 .pm-cmd-footer-title{
  justify-self:center !important;
  color:#00eaff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:18px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 14px rgba(0,234,255,.32) !important;
}

@media (max-width:430px){
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57{
    padding:13px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-cmd-section-title{
    font-size:11px !important;
    margin-bottom:9px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-cmd-section-title i{
    font-size:17px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57{
    gap:8px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span{
    min-height:70px !important;
    padding:12px 11px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span > b{
    font-size:13px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-deadline-card-v57{
    min-height:86px !important;
    padding:16px !important;
    grid-template-columns:48px minmax(0,1fr) !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-deadline-card-v57 > i{
    width:42px !important;
    height:42px !important;
    font-size:25px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-deadline-card-v57 > strong{
    font-size:15px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-hc-card-v57{
    padding:12px 13px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-hc-card-v57 .pm-cmd-handicap-line-main{
    gap:10px !important;
    padding-left:28px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-hc-card-v57 .pm-cmd-hc-name,
  .pm-player-upcoming-v56 .pm-upcoming-hc-card-v57 .pm-cmd-hc-values b{
    font-size:12px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-footer-v57{
    min-height:54px !important;
    width:calc(100% + 26px) !important;
    margin:14px -13px -13px !important;
    padding:0 13px !important;
    grid-template-columns:40px minmax(0,1fr) 40px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-footer-v57 .pm-cmd-footer-title{
    font-size:15px !important;
    letter-spacing:.12em !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-footer-v57 .pm-cmd-footer-back{
    width:38px !important;
    height:38px !important;
    font-size:23px !important;
  }
}

/* =========================================================
   PATCH 57E - upcoming partial discipline visual hierarchy fix
   Scope: Predstojeći susreti / DELIMIČNO played discipline only
   ========================================================= */

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-upcoming-section-played-v57{
  margin:0 0 12px !important;
  padding:0 !important;
  color:#00eaff !important;
  text-shadow:0 0 14px rgba(0,234,255,.26) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-upcoming-section-played-v57 i{
  color:#00eaff !important;
  filter:drop-shadow(0 0 10px rgba(0,234,255,.30)) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-upcoming-duration-v57{
  display:none !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-upcoming-played-list-v57{
  margin:0 0 16px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-list{
  display:grid !important;
  gap:14px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-card{
  padding:15px 15px 13px !important;
  border-radius:20px !important;
  border:1px solid rgba(27,247,132,.46) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(0,234,255,.11), transparent 38%),
    radial-gradient(circle at 100% 0%, rgba(27,247,132,.11), transparent 34%),
    linear-gradient(180deg, rgba(0,48,58,.76), rgba(0,12,19,.92)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(0,0,0,.18),
    0 16px 34px rgba(0,0,0,.20),
    0 0 22px rgba(27,247,132,.08) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-head{
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  margin-bottom:14px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-ball{
  width:52px !important;
  height:52px !important;
  filter:drop-shadow(0 8px 13px rgba(0,0,0,.38)) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-title{
  min-width:0 !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-title-row{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  min-width:0 !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-title-row > strong{
  color:#f7fbff !important;
  font-family:var(--font-body, inherit) !important;
  font-size:20px !important;
  font-weight:950 !important;
  line-height:1.05 !important;
  letter-spacing:-.02em !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-title > span{
  display:block !important;
  margin-top:4px !important;
  color:#24ff83 !important;
  font-family:var(--font-body, inherit) !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-shadow:0 0 10px rgba(27,247,132,.16) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-progress{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:23px !important;
  padding:0 9px !important;
  border:1px solid rgba(255,216,63,.42) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(255,216,63,.14), rgba(111,82,0,.16)) !important;
  color:#ffd83f !important;
  font-family:var(--font-display, inherit) !important;
  font-size:9px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.03em !important;
  text-transform:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 14px rgba(255,216,63,.10) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-winner-pill{
  min-width:88px !important;
  min-height:33px !important;
  padding:0 11px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  border-radius:999px !important;
  border:1px solid rgba(27,247,132,.34) !important;
  background:linear-gradient(180deg, rgba(27,247,132,.15), rgba(5,57,43,.58)) !important;
  color:#61ff9a !important;
  font-family:var(--font-display, inherit) !important;
  font-size:9px !important;
  font-weight:950 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-winner-pill i{
  font-size:17px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-score-grid{
  min-height:104px !important;
  border-radius:17px !important;
  overflow:hidden !important;
  border:1px solid rgba(120,210,255,.15) !important;
  background:rgba(0,8,14,.38) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-score-box{
  min-height:104px !important;
  padding:15px 10px 12px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-score-box span,
.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-score-box em{
  color:#a6bac8 !important;
  font-family:var(--font-display, inherit) !important;
  font-size:10px !important;
  font-weight:950 !important;
  line-height:1.25 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-score-box b{
  margin-top:10px !important;
  color:#58ff93 !important;
  font-family:var(--font-display, inherit) !important;
  font-size:38px !important;
  font-weight:950 !important;
  line-height:.92 !important;
  letter-spacing:-.03em !important;
  text-shadow:0 0 16px rgba(27,247,132,.24) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-score-box.is-secondary b{
  color:#f2f8ff !important;
  font-size:34px !important;
  text-shadow:0 0 14px rgba(255,255,255,.08) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-foot{
  margin-top:12px !important;
  min-height:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:8px 14px !important;
  color:#f7fbff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-points-line{
  display:inline-flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:9px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-points-label{
  color:#ffd83f !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-points-score{
  color:#f7fbff !important;
  letter-spacing:.06em !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-duration-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  min-height:24px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,234,255,.18) !important;
  background:rgba(0,234,255,.055) !important;
  color:#a9c8d6 !important;
  font-family:var(--font-body, inherit) !important;
  font-size:11px !important;
  font-weight:850 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-duration-chip i{
  color:#00eaff !important;
  font-size:13px !important;
}

@media (max-width:430px){
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-card{
    padding:14px 13px 12px !important;
    border-radius:18px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-head{
    grid-template-columns:46px minmax(0,1fr) auto !important;
    gap:10px !important;
    margin-bottom:12px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-ball{
    width:46px !important;
    height:46px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-title-row > strong{
    font-size:18px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-title > span{
    font-size:11px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-progress{
    min-height:20px !important;
    padding:0 7px !important;
    font-size:8px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-winner-pill{
    min-width:72px !important;
    min-height:29px !important;
    padding:0 8px !important;
    gap:5px !important;
    font-size:7.5px !important;
    letter-spacing:.04em !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-winner-pill i{
    font-size:14px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-score-grid,
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-score-box{
    min-height:92px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-score-box{
    padding:12px 7px 10px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-score-box span,
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-score-box em{
    font-size:8px !important;
    letter-spacing:.07em !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-score-box b{
    margin-top:9px !important;
    font-size:32px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-score-box.is-secondary b{
    font-size:30px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-foot{
    margin-top:10px !important;
    font-size:10px !important;
    gap:7px 10px !important;
  }
}

/* =========================================================
   PATCH 57G - scoped upcoming details repair
   Scope: player.php / Predstojeći susreti open content only
   Fixes: compact one-row details, duration below points, no global CSS side effects
   ========================================================= */

/* Detalji susreta: one compact row, 50/50 Rok/Termin */
.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57{
  width:100% !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:0 !important;
  margin:0 0 14px !important;
  border:1px solid rgba(0,224,255,.18) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(0,234,255,.10), transparent 38%),
    linear-gradient(180deg, rgba(3,31,44,.76), rgba(0,11,19,.86)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 14px 30px rgba(0,0,0,.16) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span{
  min-height:66px !important;
  padding:10px 11px !important;
  display:grid !important;
  grid-template-columns:32px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:10px !important;
  row-gap:3px !important;
  align-items:center !important;
  justify-content:initial !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span + span{
  border-left:1px solid rgba(120,210,255,.18) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span > i{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:30px !important;
  height:30px !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  border-radius:10px !important;
  background:rgba(0,234,255,.095) !important;
  color:#00eaff !important;
  font-size:18px !important;
  filter:drop-shadow(0 0 9px rgba(0,234,255,.22)) !important;
  order:initial !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span > em{
  grid-column:2 !important;
  grid-row:1 !important;
  order:initial !important;
  margin:0 !important;
  color:#8fa7b9 !important;
  font-family:var(--font-display, inherit) !important;
  font-size:9px !important;
  font-style:normal !important;
  font-weight:950 !important;
  line-height:1.05 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span > b{
  grid-column:2 !important;
  grid-row:2 !important;
  order:initial !important;
  margin:0 !important;
  color:#f7fbff !important;
  font-family:var(--font-body, inherit) !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1.15 !important;
  letter-spacing:-.02em !important;
  white-space:normal !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span > b small{
  display:inline !important;
  margin-left:4px !important;
  color:inherit !important;
  font:inherit !important;
  letter-spacing:inherit !important;
}

/* Pending/agreement deadline: keep same visual language, compact and contained */
.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-deadline-card-v57{
  min-height:72px !important;
  padding:12px 14px !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  column-gap:12px !important;
  border-radius:18px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-deadline-card-v57 > i{
  width:34px !important;
  height:34px !important;
  border-radius:11px !important;
  font-size:21px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-deadline-card-v57 > strong{
  margin-top:3px !important;
  font-size:15px !important;
  line-height:1.18 !important;
}

/* Partial score footer: points first, duration as its own centered row below */
.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-disc-foot{
  margin-top:13px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-points-line{
  display:inline-flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:13px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-duration-chip{
  min-height:26px !important;
  padding:0 13px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  border-radius:999px !important;
  border:1px solid rgba(120,210,255,.18) !important;
  background:rgba(3,18,28,.58) !important;
  color:#a9c8d6 !important;
  font-family:var(--font-body, inherit) !important;
  font-size:13px !important;
  font-weight:850 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-duration-chip i{
  color:#8fa7b9 !important;
  font-size:16px !important;
}

@media (max-width:430px){
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    margin-bottom:13px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span{
    min-height:62px !important;
    padding:9px 9px !important;
    grid-template-columns:28px minmax(0,1fr) !important;
    column-gap:8px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span > i{
    width:27px !important;
    height:27px !important;
    border-radius:9px !important;
    font-size:16px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span > em{
    font-size:11px !important;
    letter-spacing:.12em !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57 .pm-upcoming-info-grid-v57 > span > b{
    font-size:9px !important;
    line-height:1.12 !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-partial .pm-cmd-duration-chip{
    min-height:24px !important;
    padding:0 11px !important;
    font-size:10px !important;
  }
}

/* ============================================================
   PATCH FIX14 - Odigrani susreti / Detalji susreta compact cards
   Scope: ONLY player.php completed match expanded details grid.
   Goal: equal title baseline, slimmer premium cards, readable date line.
   ============================================================ */

.pm-player-results-v56 .pm-cmd-info-grid,
.pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:7px !important;
  align-items:stretch !important;
}

.pm-player-results-v56 .pm-cmd-info-grid > span,
.pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid > span{
  min-height:66px !important;
  padding:8px 3px 9px !important;
  border-radius:10px !important;
  justify-content:center !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,224,255,.07), transparent 58%),
    rgba(1,12,20,.56) !important;
  border:1px solid rgba(0,224,255,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 0 14px rgba(0,224,255,.035) !important;
}

.pm-player-results-v56 .pm-cmd-info-grid > span > em{
  order:1 !important;
  display:block !important;
  width:100% !important;
  min-height:18px !important;
  margin:0 !important;
  color:#91aebe !important;
  font-family:var(--font-display, inherit) !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:950 !important;
  line-height:1.08 !important;
  letter-spacing:.075em !important;
  text-align:center !important;
  text-transform:uppercase !important;
}

.pm-player-results-v56 .pm-cmd-info-grid > span > b{
  order:2 !important;
  display:block !important;
  width:100% !important;
  min-height:26px !important;
  margin:4px 0 0 !important;
  color:#f7fbff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:13px !important;
  font-weight:950 !important;
  line-height:1.03 !important;
  letter-spacing:.01em !important;
  text-align:center !important;
  white-space:normal !important;
  overflow:visible !important;
}

.pm-player-results-v56 .pm-cmd-info-grid > span:nth-child(1) > b{
  font-size:22px !important;
  line-height:.95 !important;
}

.pm-player-results-v56 .pm-cmd-info-grid > span:nth-child(3) > b{
  font-size:10.8px !important;
  line-height:1.05 !important;
  letter-spacing:.005em !important;
  white-space:nowrap !important;
}

.pm-player-results-v56 .pm-cmd-info-grid > span:nth-child(3) b small{
  display:block !important;
  margin-top:2px !important;
  color:#f7fbff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:17px !important;
  font-weight:950 !important;
  line-height:.98 !important;
  letter-spacing:.01em !important;
}

@media (min-width:390px) and (max-width:430px){
  .pm-player-results-v56 .pm-cmd-info-grid,
  .pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid{
    gap:8px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span,
  .pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid > span{
    min-height:70px !important;
    padding:9px 5px 10px !important;
    border-radius:11px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span > em{
    min-height:19px !important;
    font-size:12px !important;
    letter-spacing:.08em !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span > b{
    margin-top:4px !important;
    font-size:14px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span:nth-child(1) > b{
    font-size:24px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span:nth-child(3) > b{
    font-size:12px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span:nth-child(3) b small{
    font-size:16px !important;
    margin-top:2px !important;
  }
}

@media (max-width:370px){
  .pm-player-results-v56 .pm-cmd-info-grid,
  .pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid{
    gap:6px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span,
  .pm-player-results-v56 .pm-cmd-expanded-v4 .pm-cmd-info-grid > span{
    min-height:62px !important;
    padding:7px 2px 8px !important;
    border-radius:9px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span > em{
    min-height:17px !important;
    font-size:6.2px !important;
    letter-spacing:.055em !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span > b{
    min-height:24px !important;
    margin-top:3px !important;
    font-size:13px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span:nth-child(1) > b{
    font-size:20px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span:nth-child(3) > b{
    font-size:9.7px !important;
  }

  .pm-player-results-v56 .pm-cmd-info-grid > span:nth-child(3) b small{
    font-size:15.5px !important;
  }
}

/* ============================================================
   PATCH V57C - Upcoming / Čeka dogovor compact deadline + handicap
   Scope: player.php upcoming expanded card only.
   ============================================================ */
.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal{
  gap:10px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-section-deadline-v57{
  margin:0 !important;
  padding:12px 13px 7px !important;
  border:1px solid rgba(255,214,77,.28) !important;
  border-bottom:0 !important;
  border-radius:15px 15px 0 0 !important;
  background:
    radial-gradient(circle at 0 0, rgba(255,214,77,.13), transparent 42%),
    linear-gradient(180deg, rgba(28,26,10,.64), rgba(5,14,16,.74)) !important;
  color:#ffd64d !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-section-deadline-v57 i,
.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-section-deadline-v57 span{
  color:#ffd64d !important;
  text-shadow:0 0 11px rgba(255,214,77,.18) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57{
  min-height:74px !important;
  margin:0 0 11px !important;
  padding:2px 12px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  border:1px solid rgba(255,214,77,.28) !important;
  border-top:0 !important;
  border-radius:0 0 15px 15px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,214,77,.10), transparent 58%),
    linear-gradient(180deg, rgba(8,17,15,.74), rgba(2,10,13,.82)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 10px 22px rgba(0,0,0,.13) !important;
  text-align:center !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57 > i{
  display:none !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57 > span{
  margin:0 !important;
  align-self:center !important;
  color:#ffd64d !important;
  font-family:var(--font-display, inherit) !important;
  font-size:9px !important;
  font-weight:950 !important;
  line-height:1.05 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57 > strong{
  margin:0 !important;
  align-self:center !important;
  color:#f8fbff !important;
  font-family:var(--font-body, inherit) !important;
  font-size:17px !important;
  font-weight:950 !important;
  line-height:1.12 !important;
  letter-spacing:-.02em !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57 > strong small{
  display:block !important;
  margin-top:3px !important;
  color:#f8fbff !important;
  font-size:22px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:-.03em !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57{
  margin:0 0 11px !important;
  padding:12px 13px !important;
  border:1px solid rgba(0,224,255,.24) !important;
  border-radius:15px !important;
  background:
    radial-gradient(circle at 0 0, rgba(0,234,255,.12), transparent 42%),
    linear-gradient(180deg, rgba(3,31,44,.62), rgba(0,12,20,.80)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 10px 24px rgba(0,0,0,.14) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-handicap-title{
  margin-bottom:11px !important;
  color:#00eaff !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-handicap-title i,
.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-handicap-title span{
  color:#00eaff !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-handicap-line-main{
  padding-left:0 !important;
}

@media (max-width:430px){
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-section-deadline-v57{
    padding:11px 12px 6px !important;
    border-radius:14px 14px 0 0 !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57{
    min-height:66px !important;
    padding:1px 10px 12px !important;
    border-radius:0 0 14px 14px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57 > strong{
    font-size:15px !important;
    line-height:1.08 !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57 > strong small{
    font-size:20px !important;
  }

  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57{
    padding:11px 12px !important;
  }
}

/* ============================================================
   PATCH V59 - Upcoming pending: safe HC card + compact deadline
   Scope: only player.php / Predstojeći susreti / Čeka dogovor expanded body
   ============================================================ */
.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal{
  padding:12px 13px 13px !important;
  display:block !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-section-deadline-v57{
  margin:0 !important;
  min-height:46px !important;
  padding:12px 14px 8px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  border:1px solid rgba(255,214,77,.35) !important;
  border-bottom:0 !important;
  border-radius:16px 16px 0 0 !important;
  background:
    radial-gradient(circle at 0 0, rgba(255,214,77,.18), transparent 44%),
    linear-gradient(180deg, rgba(36,32,8,.58), rgba(7,18,18,.76)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
  color:#ffd64d !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-section-deadline-v57 i,
.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-section-deadline-v57 span{
  color:#ffd64d !important;
  text-shadow:0 0 12px rgba(255,214,77,.22) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57{
  min-height:90px !important;
  margin:0 0 12px !important;
  padding:13px 14px 16px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  border:1px solid rgba(255,214,77,.35) !important;
  border-top:0 !important;
  border-radius:0 0 16px 16px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,214,77,.11), transparent 62%),
    linear-gradient(180deg, rgba(8,18,15,.77), rgba(2,10,14,.88)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018), 0 12px 26px rgba(0,0,0,.14) !important;
  text-align:center !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57 > i{
  display:none !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57 > span{
  margin:0 !important;
  align-self:center !important;
  color:#ffd64d !important;
  font-family:var(--font-display, inherit) !important;
  font-size:9px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57 > strong{
  margin:0 !important;
  align-self:center !important;
  color:#f8fbff !important;
  font-family:var(--font-body, inherit) !important;
  font-size:18px !important;
  font-weight:950 !important;
  line-height:1.05 !important;
  letter-spacing:-.03em !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57 > strong small{
  display:block !important;
  margin-top:5px !important;
  color:#f8fbff !important;
  font-size:26px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57{
  display:block !important;
  margin:0 0 12px !important;
  padding:13px 14px !important;
  border:1px solid rgba(0,224,255,.25) !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 0 0, rgba(0,234,255,.12), transparent 46%),
    linear-gradient(180deg, rgba(3,31,44,.70), rgba(0,12,20,.86)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 12px 26px rgba(0,0,0,.14) !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-handicap-title{
  margin:0 0 13px !important;
  color:#00eaff !important;
  font-size:12px !important;
  line-height:1.12 !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-handicap-title i,
.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-handicap-title span{
  color:#00eaff !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-handicap-line-main{
  padding-left:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-hc-name{
  flex:1 1 auto !important;
  min-width:0 !important;
  color:#f5fbff !important;
  font-size:13px !important;
  font-weight:850 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-hc-values{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-hc-values b{
  color:#f5fbff !important;
  font-size:13px !important;
  font-weight:820 !important;
  white-space:nowrap !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-hc-value{
  color:#52ff91 !important;
  font-weight:950 !important;
}

.pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-footer-v57{
  margin-top:0 !important;
}

@media (max-width:430px){
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal{
    padding:11px 12px 12px !important;
  }
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-section-deadline-v57{
    min-height:42px !important;
    padding:11px 12px 7px !important;
    border-radius:15px 15px 0 0 !important;
  }
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57{
    min-height:82px !important;
    margin-bottom:11px !important;
    padding:11px 12px 14px !important;
    border-radius:0 0 15px 15px !important;
  }
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57 > strong{
    font-size:17px !important;
  }
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-deadline-card-v57 > strong small{
    font-size:12px !important;
  }
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57{
    margin-bottom:11px !important;
    padding:12px !important;
    border-radius:15px !important;
  }
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-handicap-title{
    font-size:11px !important;
    margin-bottom:12px !important;
  }
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-hc-values{
    gap:9px !important;
  }
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-hc-name,
  .pm-player-upcoming-v56 .pm-upcoming-detail-v57.is-pending-minimal .pm-upcoming-hc-card-v57 .pm-cmd-hc-values b{
    font-size:12px !important;
  }
}

/* =========================================================
   PATCH PM-UPCOMING-HC-01
   Player page / Predstojeći susreti: use the same handicap
   card layout as Odigrani susreti.
   ========================================================= */
.pm-player-upcoming-v56 .pm-cmd-handicap-card,
.pm-player-upcoming-v56 .pm-upcoming-hc-card-v57{
  margin-top:12px !important;
  padding:12px 14px !important;
  border-radius:12px !important;
  min-height:72px !important;
  display:grid !important;
  align-content:center !important;
  border:1px solid rgba(0,224,255,.24) !important;
  background:
    radial-gradient(circle at 0 0, rgba(0,224,255,.12), transparent 40%),
    rgba(1,12,20,.50) !important;
}

.pm-player-upcoming-v56 .pm-cmd-handicap-title{
  margin:0 0 9px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#00eaff !important;
  font-family:var(--font-display, inherit) !important;
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.pm-player-upcoming-v56 .pm-cmd-handicap-title i{
  width:18px !important;
  min-width:18px !important;
  color:#00eaff !important;
  font-size:18px !important;
  line-height:1 !important;
}

.pm-player-upcoming-v56 .pm-cmd-handicap-line-main{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
  padding:0 0 0 28px !important;
  min-height:22px !important;
}

.pm-player-upcoming-v56 .pm-cmd-hc-name{
  min-width:0 !important;
  color:#f4fbff !important;
  font-family:var(--font-body, inherit) !important;
  font-size:13px !important;
  font-weight:750 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.pm-player-upcoming-v56 .pm-cmd-hc-values{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  min-width:0 !important;
  color:#f4fbff !important;
  white-space:nowrap !important;
}

.pm-player-upcoming-v56 .pm-cmd-hc-values b,
.pm-player-upcoming-v56 .pm-cmd-handicap-line-main b{
  color:#f4fbff !important;
  font-family:var(--font-body, inherit) !important;
  font-size:13px !important;
  font-weight:760 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

.pm-player-upcoming-v56 .pm-cmd-hc-value{
  color:#48ff86 !important;
  font-weight:900 !important;
}

.pm-player-upcoming-v56 .pm-cmd-hc-sep{
  width:1px !important;
  height:16px !important;
  display:inline-block !important;
  background:rgba(120,210,255,.28) !important;
  box-shadow:0 0 8px rgba(0,224,255,.12) !important;
}

@media (max-width:430px){
  .pm-player-upcoming-v56 .pm-cmd-handicap-card,
  .pm-player-upcoming-v56 .pm-upcoming-hc-card-v57{
    padding:11px 13px !important;
  }
  .pm-player-upcoming-v56 .pm-cmd-handicap-line-main{
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    padding-left:24px !important;
  }
  .pm-player-upcoming-v56 .pm-cmd-hc-name,
  .pm-player-upcoming-v56 .pm-cmd-hc-values b,
  .pm-player-upcoming-v56 .pm-cmd-handicap-line-main b{
    font-size:12.5px !important;
  }
  .pm-player-upcoming-v56 .pm-cmd-hc-values{
    gap:8px !important;
  }
}