#playerDetail.player-premium {
  --player-page: #030a13;
  --player-surface: #091827;
  --player-surface-strong: #0c1d2e;
  --player-surface-soft: #102438;
  --player-line: #1c3950;
  --player-line-soft: rgba(129, 170, 200, 0.18);
  --player-text: #f5f9fc;
  --player-muted: #92a8bb;
  --player-green: #50e58f;
  --player-green-strong: #18b96c;
  --player-blue: #62aafc;
  --player-cyan: #44d7dc;
  --player-gold: #f8bd48;
  --player-red: #ff6f75;
  --player-shadow: 0 22px 58px rgba(0, 0, 0, 0.32);
  min-width: 0;
  color: var(--player-text);
  background:
    radial-gradient(circle at 90% 8%, rgba(66, 147, 204, 0.12), transparent 31rem),
    linear-gradient(145deg, #030a13 0%, #06111d 56%, #04101a 100%) !important;
  border: 1px solid #132b3e;
  border-radius: 8px;
  box-shadow: var(--player-shadow);
  overflow: hidden;
  isolation: isolate;
}

#playerDetail.player-premium *,
#playerDetail.player-premium *::before,
#playerDetail.player-premium *::after {
  box-sizing: border-box;
}

#playerDetail.player-premium h2,
#playerDetail.player-premium h3,
#playerDetail.player-premium h4,
#playerDetail.player-premium h5,
#playerDetail.player-premium strong,
#playerDetail.player-premium b {
  color: var(--player-text);
  letter-spacing: 0;
}

#playerDetail.player-premium p,
#playerDetail.player-premium span,
#playerDetail.player-premium small,
#playerDetail.player-premium dt,
#playerDetail.player-premium dd,
#playerDetail.player-premium li {
  letter-spacing: 0;
}

#playerDetail.player-premium > .profile-header {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(290px, 0.65fr);
  gap: 24px;
  min-height: 260px;
  margin: 0;
  padding: 28px 30px;
  border: 0;
  border-bottom: 1px solid var(--player-line);
  border-radius: 0;
  background:
    linear-gradient(115deg, rgba(80, 229, 143, 0.07), transparent 42%),
    linear-gradient(145deg, #0a1b2d, #071525);
  box-shadow: none;
}

#playerDetail.player-premium > .profile-header::after {
  position: absolute;
  right: 26px;
  bottom: 5px;
  z-index: -1;
  color: rgba(105, 151, 188, 0.08);
  content: "KELEN";
  font-size: clamp(62px, 9vw, 144px);
  font-weight: 900;
  line-height: 0.75;
  pointer-events: none;
}

#playerDetail.player-premium .profile-main {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  align-items: center;
  gap: 26px;
  min-width: 0;
}

#playerDetail.player-premium .profile-photo {
  display: grid;
  width: 190px;
  height: 210px;
  place-items: center;
  overflow: hidden;
  border: 1px solid #31506a;
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(98, 170, 252, 0.2), rgba(80, 229, 143, 0.08)),
    #102438;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
}

#playerDetail.player-premium .profile-photo .avatar,
#playerDetail.player-premium .profile-photo .avatar-large {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--player-green);
  font-size: 48px;
}

#playerDetail.player-premium .profile-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#playerDetail.player-premium .player-premium-identity {
  min-width: 0;
}

#playerDetail.player-premium .player-premium-club {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  margin-bottom: 10px;
  color: var(--player-muted);
  font-size: 13px;
  font-weight: 700;
}

#playerDetail.player-premium .player-premium-club img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

#playerDetail.player-premium .player-premium-club b {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 3px 9px;
  border: 1px solid rgba(80, 229, 143, 0.24);
  border-radius: 4px;
  background: rgba(80, 229, 143, 0.09);
  color: var(--player-green);
  font-size: 12px;
}

#playerDetail.player-premium .profile-main .eyebrow {
  display: none;
}

#playerDetail.player-premium #detailName {
  max-width: 100%;
  margin: 0;
  color: var(--player-text);
  font-size: clamp(32px, 4.1vw, 58px);
  line-height: 1.03;
  overflow-wrap: anywhere;
}

#playerDetail.player-premium .profile-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 15px;
}

#playerDetail.player-premium .profile-meta .meta-pill {
  position: relative;
  padding: 0 0 0 13px;
  border: 0;
  background: transparent;
  color: #c3d2df;
  font-size: 13px;
}

#playerDetail.player-premium .profile-meta .meta-pill::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--player-green);
  content: "";
  transform: translateY(-50%);
}

#playerDetail.player-premium .player-premium-summary {
  max-width: 650px;
  margin: 15px 0 0;
  color: var(--player-muted);
  font-size: 14px;
  line-height: 1.55;
}

#playerDetail.player-premium .player-premium-hero-facts {
  align-self: center;
  min-width: 0;
  margin: 0;
  padding: 12px 18px;
  border: 1px solid var(--player-line);
  border-radius: 8px;
  background: rgba(4, 15, 26, 0.55);
  backdrop-filter: blur(10px);
}

#playerDetail.player-premium .player-premium-hero-facts > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 45px;
  border-bottom: 1px solid var(--player-line-soft);
}

#playerDetail.player-premium .player-premium-hero-facts > div:last-child {
  border-bottom: 0;
}

#playerDetail.player-premium .player-premium-hero-facts dt {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--player-muted);
  font-size: 12px;
}

#playerDetail.player-premium .player-premium-hero-facts dt svg {
  width: 16px;
  height: 16px;
  color: var(--player-blue);
}

#playerDetail.player-premium .player-premium-hero-facts dd {
  margin: 0;
  color: var(--player-text);
  font-size: 12px;
  font-weight: 800;
  text-align: right;
}

#playerDetail.player-premium .profile-actions {
  position: absolute;
  top: 16px;
  right: 18px;
  z-index: 4;
  display: flex;
  gap: 7px;
}

#playerDetail.player-premium .profile-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid #28465e;
  border-radius: 6px;
  background: rgba(8, 24, 39, 0.9);
  color: #d9e5ef;
  box-shadow: none;
  font-size: 12px;
  font-weight: 800;
}

#playerDetail.player-premium .profile-actions button:hover {
  border-color: var(--player-green);
  color: var(--player-green);
  transform: translateY(-1px);
}

#playerDetail.player-premium .profile-actions .danger-action {
  border-color: rgba(255, 111, 117, 0.38);
  color: #ff9ca1;
}

#playerDetail.player-premium .profile-actions svg {
  width: 16px;
  height: 16px;
}

#playerDetail.player-premium > .tabs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
  margin: 0;
  padding: 8px;
  overflow: visible;
  border: 1px solid var(--player-line);
  border-radius: 7px;
  background: var(--player-surface);
}

#playerDetail.player-premium > .tabs .tab {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  min-height: 46px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: var(--player-muted);
  font-size: 12px;
  font-weight: 800;
  text-align: left;
}

#playerDetail.player-premium > .tabs .tab svg {
  width: 18px;
  height: 18px;
}

#playerDetail.player-premium > .tabs .tab:hover {
  color: var(--player-text);
}

#playerDetail.player-premium > .tabs .tab.is-active {
  border-color: rgba(80, 229, 143, 0.28);
  background: rgba(80, 229, 143, 0.09);
  color: var(--player-green);
  box-shadow: inset 3px 0 0 var(--player-green);
}

#playerDetail.player-premium > .tab-panel {
  min-width: 0;
  padding: 30px;
  background: transparent;
}

#playerDetail.player-premium #overviewPanel .overview-grid.profile-only {
  display: none;
}

#playerDetail.player-premium .player-premium-view-heading {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 22px;
}

#playerDetail.player-premium .player-premium-view-heading > div {
  min-width: 0;
}

#playerDetail.player-premium .player-premium-view-heading span:first-child {
  color: var(--player-green);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#playerDetail.player-premium .player-premium-view-heading h2 {
  margin: 4px 0 5px;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.1;
}

#playerDetail.player-premium .player-premium-view-heading p {
  margin: 0;
  color: var(--player-muted);
  font-size: 13px;
  line-height: 1.45;
}

#playerDetail.player-premium .player-premium-view-date {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 11px;
  border: 1px solid var(--player-line);
  border-radius: 6px;
  color: #bed0de;
  font-size: 11px;
  font-weight: 700;
}

#playerDetail.player-premium .player-premium-view-date svg {
  width: 16px;
  height: 16px;
  color: var(--player-blue);
}

#playerDetail.player-premium .player-premium-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

#playerDetail.player-premium .player-premium-kpis.is-orthopedic-only {
  grid-template-columns: minmax(260px, 420px);
}

#playerDetail.player-premium .player-premium-kpi {
  position: relative;
  min-width: 0;
  min-height: 140px;
  padding: 19px 58px 17px 18px;
  overflow: hidden;
  border: 1px solid var(--player-line);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(13, 35, 54, 0.92), rgba(7, 23, 37, 0.92));
}

#playerDetail.player-premium .player-premium-kpi::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: var(--accent, var(--player-green));
  content: "";
}

#playerDetail.player-premium .player-premium-kpi > svg {
  position: absolute;
  top: 18px;
  right: 16px;
  width: 28px;
  height: 28px;
  padding: 6px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--accent, var(--player-green)) 16%, transparent);
  color: var(--accent, var(--player-green));
}

#playerDetail.player-premium .player-premium-kpi.is-green {
  --accent: var(--player-green);
}

#playerDetail.player-premium .player-premium-kpi.is-blue {
  --accent: var(--player-blue);
}

#playerDetail.player-premium .player-premium-kpi.is-gold {
  --accent: var(--player-gold);
}

#playerDetail.player-premium .player-premium-kpi.is-cyan {
  --accent: var(--player-cyan);
}

#playerDetail.player-premium .player-premium-kpi span {
  display: block;
  color: var(--player-muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

#playerDetail.player-premium .player-premium-kpi strong {
  display: block;
  max-width: 100%;
  margin-top: 11px;
  color: var(--accent, var(--player-text));
  font-size: clamp(24px, 2.5vw, 34px);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

#playerDetail.player-premium .player-premium-kpi strong small {
  margin-left: 3px;
  color: var(--player-muted);
  font-size: 14px;
}

#playerDetail.player-premium .player-premium-kpi p {
  margin: 9px 0 0;
  color: #a9bdcc;
  font-size: 11px;
  line-height: 1.35;
}

#playerDetail.player-premium .player-premium-insight-band {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(180px, 0.56fr) minmax(180px, 0.56fr);
  gap: 12px;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--player-line);
  border-radius: 8px;
  background:
    linear-gradient(120deg, rgba(80, 229, 143, 0.07), transparent 42%),
    var(--player-surface);
}

#playerDetail.player-premium .player-premium-insight-copy > span,
#playerDetail.player-premium .player-premium-quality > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--player-green);
  font-size: 11px;
  font-weight: 900;
}

#playerDetail.player-premium .player-premium-insight-copy svg {
  width: 16px;
  height: 16px;
}

#playerDetail.player-premium .player-premium-insight-copy h3 {
  margin: 10px 0 7px;
  font-size: 17px;
  line-height: 1.32;
}

#playerDetail.player-premium .player-premium-insight-copy p {
  margin: 0;
  color: var(--player-muted);
  font-size: 12px;
  line-height: 1.55;
}

#playerDetail.player-premium .player-premium-quality {
  padding: 13px;
  border: 1px solid rgba(80, 229, 143, 0.3);
  border-radius: 7px;
  background: rgba(80, 229, 143, 0.06);
}

#playerDetail.player-premium .player-premium-quality.is-focus {
  border-color: rgba(248, 189, 72, 0.3);
  background: rgba(248, 189, 72, 0.06);
}

#playerDetail.player-premium .player-premium-quality.is-focus > span,
#playerDetail.player-premium .player-premium-quality.is-focus li svg {
  color: var(--player-gold);
}

#playerDetail.player-premium .player-premium-quality ul {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

#playerDetail.player-premium .player-premium-quality li {
  display: flex;
  gap: 7px;
  align-items: flex-start;
  color: #d8e4ed;
  font-size: 11px;
  line-height: 1.35;
}

#playerDetail.player-premium .player-premium-quality li svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: var(--player-green);
}

#playerDetail.player-premium .player-premium-overview-grid,
#playerDetail.player-premium .player-premium-growth-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

#playerDetail.player-premium .player-premium-data-panel,
#playerDetail.player-premium .insight-panel,
#playerDetail.player-premium .local-data-card {
  min-width: 0;
  border: 1px solid var(--player-line);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(11, 29, 46, 0.96), rgba(6, 20, 33, 0.96));
  box-shadow: none;
}

#playerDetail.player-premium .player-premium-data-panel {
  padding: 18px;
}

#playerDetail.player-premium .player-premium-data-panel > header,
#playerDetail.player-premium .player-premium-tracking-card > header {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 14px;
}

#playerDetail.player-premium .player-premium-data-panel > header span {
  color: var(--player-green);
  font-size: 10px;
  font-weight: 900;
}

#playerDetail.player-premium .player-premium-data-panel > header h3 {
  margin: 3px 0 0;
  font-size: 17px;
}

#playerDetail.player-premium .player-premium-data-panel > header p {
  margin: 4px 0 0;
  color: var(--player-muted);
  font-size: 11px;
}

#playerDetail.player-premium .player-premium-radar-panel .radar-chart,
#playerDetail.player-premium .profile-report .radar-chart,
#playerDetail.player-premium .radar-comparison-chart {
  display: block;
  width: min(100%, 520px);
  height: auto;
  margin: 0 auto;
  overflow: visible;
}

#playerDetail.player-premium .radar-ring,
#playerDetail.player-premium .radar-axis {
  fill: none;
  stroke: #264156;
  stroke-width: 1;
}

#playerDetail.player-premium .radar-area,
#playerDetail.player-premium .radar-player-area {
  fill: rgba(80, 229, 143, 0.16);
  stroke: var(--player-green);
  stroke-width: 2;
}

#playerDetail.player-premium .radar-line,
#playerDetail.player-premium .radar-player-line {
  fill: none;
  stroke: var(--player-green);
  stroke-width: 2.5;
}

#playerDetail.player-premium .radar-reference-area {
  fill: rgba(148, 169, 186, 0.04);
  stroke: #8ca0b0;
  stroke-dasharray: 7 6;
}

#playerDetail.player-premium .radar-reference-line {
  fill: none;
  stroke: #8ca0b0;
  stroke-dasharray: 7 6;
}

#playerDetail.player-premium .radar-dot,
#playerDetail.player-premium .radar-player-dot {
  fill: var(--player-green);
  stroke: #061320;
  stroke-width: 2;
}

#playerDetail.player-premium .radar-label,
#playerDetail.player-premium .radar-scale {
  fill: #b7c7d4;
  font-size: 11px;
  font-weight: 700;
}

#playerDetail.player-premium .player-premium-chart-legend,
#playerDetail.player-premium .radar-comparison-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  color: var(--player-muted);
  font-size: 10px;
}

#playerDetail.player-premium .player-premium-chart-legend span,
#playerDetail.player-premium .radar-comparison-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

#playerDetail.player-premium .player-premium-chart-legend i,
#playerDetail.player-premium .radar-legend-swatch.player {
  width: 24px;
  height: 3px;
  border-radius: 999px;
  background: var(--player-green);
}

#playerDetail.player-premium .player-premium-chart-legend i.is-reference,
#playerDetail.player-premium .radar-legend-swatch.reference {
  height: 0;
  border-top: 2px dashed #8ca0b0;
  background: none;
}

#playerDetail.player-premium .player-premium-timeline {
  display: grid;
  gap: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--player-line-soft);
  border-radius: 7px;
  background: var(--player-line-soft);
  list-style: none;
}

#playerDetail.player-premium .player-premium-timeline li {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  min-height: 82px;
  padding: 12px;
  background: #081827;
}

#playerDetail.player-premium .player-premium-timeline li.is-empty {
  display: block;
  min-height: 70px;
  color: var(--player-muted);
  text-align: center;
}

#playerDetail.player-premium .player-premium-activity-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 7px;
  background: rgba(98, 170, 252, 0.11);
  color: var(--player-blue);
}

#playerDetail.player-premium .player-premium-activity-icon.orthopedic {
  background: rgba(68, 215, 220, 0.1);
  color: var(--player-cyan);
}

#playerDetail.player-premium .player-premium-activity-icon.classification {
  background: rgba(248, 189, 72, 0.1);
  color: var(--player-gold);
}

#playerDetail.player-premium .player-premium-activity-icon svg {
  width: 18px;
  height: 18px;
}

#playerDetail.player-premium .player-premium-timeline strong {
  display: block;
  font-size: 12px;
}

#playerDetail.player-premium .player-premium-timeline p {
  margin: 3px 0;
  color: var(--player-muted);
  font-size: 10px;
}

#playerDetail.player-premium .player-premium-timeline small {
  color: #71899c;
  font-size: 9px;
}

#playerDetail.player-premium .player-premium-timeline b {
  max-width: 110px;
  color: var(--player-green);
  font-size: 11px;
  text-align: right;
  overflow-wrap: anywhere;
}

#playerDetail.player-premium .player-premium-score-band {
  display: grid;
  grid-template-columns: minmax(240px, 1.25fr) repeat(3, minmax(150px, 0.75fr));
  gap: 1px;
  margin-bottom: 16px;
  overflow: hidden;
  border: 1px solid var(--player-line);
  border-radius: 8px;
  background: var(--player-line);
}

#playerDetail.player-premium .player-premium-score-band > div {
  min-width: 0;
  min-height: 135px;
  padding: 18px;
  background: #091927;
}

#playerDetail.player-premium .player-premium-score-band > div.is-main {
  background:
    linear-gradient(135deg, rgba(80, 229, 143, 0.13), transparent),
    #091927;
}

#playerDetail.player-premium .player-premium-score-band span {
  display: block;
  color: var(--player-muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

#playerDetail.player-premium .player-premium-score-band strong {
  display: block;
  margin-top: 11px;
  color: var(--player-green);
  font-size: clamp(26px, 3.4vw, 45px);
}

#playerDetail.player-premium .player-premium-score-band strong small {
  margin-left: 3px;
  color: var(--player-muted);
  font-size: 16px;
}

#playerDetail.player-premium .player-premium-score-band > div:not(.is-main) strong {
  font-size: 23px;
}

#playerDetail.player-premium .player-premium-score-band strong.is-negative {
  color: var(--player-red);
}

#playerDetail.player-premium .player-premium-score-band p {
  margin: 7px 0 0;
  color: #a9bdcc;
  font-size: 10px;
}

#playerDetail.player-premium .player-premium-progress {
  display: block;
  height: 6px;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: #1b3143;
}

#playerDetail.player-premium .player-premium-progress b {
  display: block;
  width: var(--progress);
  height: 100%;
  border-radius: inherit;
  background: var(--player-green);
}

#playerDetail.player-premium .result-subtabs {
  display: inline-flex;
  gap: 4px;
  margin: 0 0 18px;
  padding: 4px;
  border: 1px solid var(--player-line);
  border-radius: 7px;
  background: #061321;
}

#playerDetail.player-premium .result-subtab {
  min-height: 36px;
  padding: 7px 12px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--player-muted);
  font-size: 11px;
  font-weight: 800;
}

#playerDetail.player-premium .result-subtab.is-active {
  background: rgba(80, 229, 143, 0.12);
  color: var(--player-green);
}

#playerDetail.player-premium .insight-panel,
#playerDetail.player-premium .local-data-card {
  margin-top: 14px;
  padding: 19px;
}

#playerDetail.player-premium .section-heading {
  margin-bottom: 14px;
}

#playerDetail.player-premium .section-heading h3 {
  font-size: 17px;
}

#playerDetail.player-premium .section-heading span {
  color: var(--player-muted);
  font-size: 11px;
}

#playerDetail.player-premium .reference-compare-card,
#playerDetail.player-premium .measurement-type-card,
#playerDetail.player-premium .form-section,
#playerDetail.player-premium .feedback-card,
#playerDetail.player-premium .visual-card,
#playerDetail.player-premium .profile-report,
#playerDetail.player-premium .classification-summary-card,
#playerDetail.player-premium .history-list > *,
#playerDetail.player-premium .reference-values-card {
  border-color: var(--player-line) !important;
  background: #081826 !important;
  color: var(--player-text);
  box-shadow: none !important;
}

#playerDetail.player-premium label,
#playerDetail.player-premium .form-section label {
  color: #c5d4df;
}

#playerDetail.player-premium input,
#playerDetail.player-premium select,
#playerDetail.player-premium textarea {
  border-color: #274358;
  background: #061320;
  color: var(--player-text);
}

#playerDetail.player-premium input::placeholder,
#playerDetail.player-premium textarea::placeholder {
  color: #60788c;
}

#playerDetail.player-premium input:focus,
#playerDetail.player-premium select:focus,
#playerDetail.player-premium textarea:focus {
  border-color: var(--player-green);
  box-shadow: 0 0 0 3px rgba(80, 229, 143, 0.12);
}

#playerDetail.player-premium .primary-action {
  border-color: var(--player-green-strong);
  background: var(--player-green-strong);
  color: #03140d;
}

#playerDetail.player-premium .ghost-action {
  border-color: #29465d;
  background: #0b2031;
  color: #d8e5ee;
}

#playerDetail.player-premium .feedback-grid,
#playerDetail.player-premium .visual-grid {
  gap: 14px;
}

#playerDetail.player-premium .feedback-card h4,
#playerDetail.player-premium .visual-card h4,
#playerDetail.player-premium .profile-report h4 {
  color: var(--player-text);
}

#playerDetail.player-premium .feedback-card p,
#playerDetail.player-premium .visual-card p,
#playerDetail.player-premium .profile-report p,
#playerDetail.player-premium .muted-empty,
#playerDetail.player-premium .helper-text {
  color: var(--player-muted);
}

#playerDetail.player-premium .motoric-insight-summary,
#playerDetail.player-premium .motoric-development-overview,
#playerDetail.player-premium .motoric-insight-section,
#playerDetail.player-premium .motoric-narrative-section,
#playerDetail.player-premium .metric-trend-card,
#playerDetail.player-premium .report-results-row,
#playerDetail.player-premium .classification-category-card,
#playerDetail.player-premium .orthopedic-profile-section {
  border-color: var(--player-line-soft) !important;
  background: #0a1b2a !important;
}

#playerDetail.player-premium .motoric-trend-card,
#playerDetail.player-premium .profile-radar-card,
#playerDetail.player-premium .profile-results-card {
  border-color: var(--player-line) !important;
  background: #081826 !important;
}

#playerDetail.player-premium .motoric-trend-svg .grid-line,
#playerDetail.player-premium .metric-trend-svg .grid-line {
  stroke: #223d51;
}

#playerDetail.player-premium .motoric-trend-svg text,
#playerDetail.player-premium .metric-trend-svg text {
  fill: #91a8ba;
}

#playerDetail.player-premium .motoric-trend-svg .trend-line,
#playerDetail.player-premium .metric-trend-svg .trend-line {
  stroke: var(--player-green);
}

#playerDetail.player-premium .motoric-trend-svg .trend-area,
#playerDetail.player-premium .metric-trend-svg .trend-area {
  fill: rgba(80, 229, 143, 0.11);
}

#playerDetail.player-premium .report-results-row,
#playerDetail.player-premium .reference-values-row {
  color: #c5d4df;
}

#playerDetail.player-premium .report-results-row:nth-child(even),
#playerDetail.player-premium .reference-values-row:nth-child(even) {
  background: rgba(17, 40, 59, 0.7);
}

#playerDetail.player-premium .report-results-row.is-head,
#playerDetail.player-premium .reference-values-row.is-head {
  background: #10263a;
  color: var(--player-green);
}

#playerDetail.player-premium .player-premium-growth-grid {
  margin-bottom: 16px;
}

#playerDetail.player-premium .player-premium-tracking-current {
  flex: 0 0 auto;
  text-align: right;
}

#playerDetail.player-premium .player-premium-tracking-current strong {
  display: block;
  color: var(--player-green);
  font-size: 28px;
}

#playerDetail.player-premium .player-premium-tracking-current strong small {
  margin-left: 4px;
  color: var(--player-muted);
  font-size: 12px;
}

#playerDetail.player-premium .player-premium-tracking-current span {
  display: block;
  margin-top: 4px;
  color: var(--player-muted);
  font-size: 9px;
}

#playerDetail.player-premium .player-premium-tracking-chart {
  display: block;
  width: 100%;
  height: auto;
}

#playerDetail.player-premium .player-premium-tracking-chart line,
#playerDetail.player-premium .player-premium-classification-tracking svg line {
  stroke: #203a4d;
  stroke-width: 1;
}

#playerDetail.player-premium .player-premium-tracking-chart polyline,
#playerDetail.player-premium .player-premium-classification-tracking svg polyline {
  fill: none;
  stroke: var(--player-green);
  stroke-width: 3;
  stroke-linejoin: round;
  stroke-linecap: round;
}

#playerDetail.player-premium .player-premium-tracking-chart circle,
#playerDetail.player-premium .player-premium-classification-tracking svg circle {
  fill: #071522;
  stroke: var(--player-green);
  stroke-width: 3;
}

#playerDetail.player-premium .player-premium-tracking-chart text,
#playerDetail.player-premium .player-premium-classification-tracking svg text {
  fill: var(--player-muted);
  font-size: 10px;
}

#playerDetail.player-premium .player-premium-tracking-chart text.is-value,
#playerDetail.player-premium .player-premium-classification-tracking svg text.is-value {
  fill: var(--player-text);
  font-weight: 800;
}

#playerDetail.player-premium .player-premium-tracking-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-top: 9px;
  padding-top: 11px;
  border-top: 1px solid var(--player-line-soft);
  color: var(--player-muted);
  font-size: 10px;
}

#playerDetail.player-premium .player-premium-tracking-card footer span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

#playerDetail.player-premium .player-premium-tracking-card footer svg {
  width: 14px;
  height: 14px;
  color: var(--player-green);
}

#playerDetail.player-premium .player-premium-tracking-card footer strong {
  font-size: 10px;
}

#playerDetail.player-premium .player-premium-classification-hero {
  display: grid;
  grid-template-columns: minmax(230px, 0.55fr) minmax(0, 1.45fr);
  gap: 1px;
  margin-bottom: 14px;
  overflow: hidden;
  border: 1px solid var(--player-line);
  border-radius: 8px;
  background: var(--player-line);
}

#playerDetail.player-premium .player-premium-classification-hero > div {
  min-width: 0;
  padding: 20px;
  background: #091927;
}

#playerDetail.player-premium .player-premium-classification-hero > div:first-child {
  background:
    linear-gradient(135deg, rgba(248, 189, 72, 0.12), transparent),
    #091927;
}

#playerDetail.player-premium .player-premium-classification-hero span {
  color: var(--player-gold);
  font-size: 10px;
  font-weight: 900;
}

#playerDetail.player-premium .player-premium-classification-hero strong {
  display: block;
  margin: 9px 0 7px;
  color: var(--player-gold);
  font-size: 42px;
}

#playerDetail.player-premium .player-premium-classification-hero strong small {
  margin-left: 3px;
  color: var(--player-muted);
  font-size: 16px;
}

#playerDetail.player-premium .player-premium-classification-hero h3 {
  margin: 9px 0 6px;
  font-size: 18px;
  line-height: 1.35;
}

#playerDetail.player-premium .player-premium-classification-hero p {
  margin: 0;
  color: var(--player-muted);
  font-size: 11px;
  line-height: 1.5;
}

#playerDetail.player-premium .player-premium-classification-tracking {
  margin-bottom: 16px;
}

#playerDetail.player-premium .player-premium-classification-tracking > svg {
  display: block;
  width: 100%;
  height: auto;
}

#playerDetail.player-premium .player-premium-classification-progress {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

#playerDetail.player-premium .player-premium-classification-progress > div {
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(80, 229, 143, 0.2);
  border-radius: 6px;
  background: rgba(80, 229, 143, 0.05);
}

#playerDetail.player-premium .player-premium-classification-progress > div.needs-focus {
  border-color: rgba(248, 189, 72, 0.3);
  background: rgba(248, 189, 72, 0.07);
}

#playerDetail.player-premium .player-premium-classification-progress span,
#playerDetail.player-premium .player-premium-classification-progress small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

#playerDetail.player-premium .player-premium-classification-progress span {
  color: var(--player-muted);
  font-size: 9px;
}

#playerDetail.player-premium .player-premium-classification-progress strong {
  display: block;
  margin: 4px 0;
  color: var(--player-green);
  font-size: 21px;
}

#playerDetail.player-premium .player-premium-classification-progress small {
  color: #91a8ba;
  font-size: 8px;
}

#playerDetail.player-premium .classification-summary {
  min-width: 0;
}

#playerDetail.player-premium .classification-category-card,
#playerDetail.player-premium .classification-category-head,
#playerDetail.player-premium .classification-detail-row,
#playerDetail.player-premium .classification-section-radar {
  border-color: var(--player-line) !important;
  background: #091a29 !important;
}

#playerDetail.player-premium .classification-detail-row {
  color: #c6d5e0;
}

#playerDetail.player-premium .classification-grade,
#playerDetail.player-premium .classification-score {
  color: var(--player-green);
}

#playerDetail.player-premium .reference-compare-summary,
#playerDetail.player-premium .reference-compare-table,
#playerDetail.player-premium .reference-compare-row {
  border-color: var(--player-line) !important;
  background: var(--player-surface) !important;
}

#playerDetail.player-premium .reference-compare-row:nth-child(even) {
  background: var(--player-surface-strong) !important;
}

#playerDetail.player-premium .reference-compare-summary.good {
  border-left-color: var(--player-green) !important;
}

#playerDetail.player-premium .reference-compare-summary.warn,
#playerDetail.player-premium .reference-compare-summary.neutral {
  border-left-color: var(--player-gold) !important;
}

#playerDetail.player-premium .reference-compare-summary.bad {
  border-left-color: var(--player-red) !important;
}

#playerDetail.player-premium .reference-compare-summary span,
#playerDetail.player-premium .reference-compare-summary small,
#playerDetail.player-premium .reference-compare-row > span:first-child,
#playerDetail.player-premium .reference-compare-row > span:nth-child(2) {
  color: var(--player-muted) !important;
}

#playerDetail.player-premium .reference-compare-summary strong,
#playerDetail.player-premium .reference-compare-row > strong {
  color: var(--player-text) !important;
}

#playerDetail.player-premium .reference-pill {
  border: 1px solid var(--player-line);
  background: var(--player-surface-soft) !important;
  color: #c9d7e1 !important;
}

#playerDetail.player-premium .reference-pill.good {
  border-color: rgba(80, 229, 143, 0.34);
  background: rgba(80, 229, 143, 0.12) !important;
  color: var(--player-green) !important;
}

#playerDetail.player-premium .reference-pill.warn,
#playerDetail.player-premium .reference-pill.neutral {
  border-color: rgba(248, 189, 72, 0.34);
  background: rgba(248, 189, 72, 0.12) !important;
  color: var(--player-gold) !important;
}

#playerDetail.player-premium .reference-pill.bad {
  border-color: rgba(255, 111, 117, 0.34);
  background: rgba(255, 111, 117, 0.12) !important;
  color: #ff9ca1 !important;
}

#playerDetail.player-premium .motoric-evaluation-focus,
#playerDetail.player-premium .motoric-score-tile {
  border-color: var(--player-line) !important;
  background: linear-gradient(145deg, rgba(12, 32, 49, 0.96), rgba(7, 23, 37, 0.96)) !important;
}

#playerDetail.player-premium .motoric-evaluation-focus.good,
#playerDetail.player-premium .motoric-score-tile.good {
  border-color: rgba(80, 229, 143, 0.35) !important;
  background: rgba(80, 229, 143, 0.08) !important;
}

#playerDetail.player-premium .motoric-evaluation-focus.warn,
#playerDetail.player-premium .motoric-score-tile.warn,
#playerDetail.player-premium .motoric-score-tile.neutral {
  border-color: rgba(248, 189, 72, 0.34) !important;
  background: rgba(248, 189, 72, 0.08) !important;
}

#playerDetail.player-premium .motoric-evaluation-focus.bad,
#playerDetail.player-premium .motoric-score-tile.bad,
#playerDetail.player-premium .motoric-score-tile.needs-focus {
  border-color: rgba(255, 111, 117, 0.36) !important;
  background: rgba(255, 111, 117, 0.08) !important;
}

#playerDetail.player-premium .motoric-evaluation-focus span,
#playerDetail.player-premium .motoric-evaluation-focus p,
#playerDetail.player-premium .motoric-score-tile > small,
#playerDetail.player-premium .motoric-score-tile > p {
  color: var(--player-muted) !important;
}

#playerDetail.player-premium .motoric-pace-callout,
#playerDetail.player-premium .report-results-head,
#playerDetail.player-premium .trend-period,
#playerDetail.player-premium .spark-row {
  border-color: var(--player-line) !important;
  background: var(--player-surface) !important;
}

#playerDetail.player-premium .motoric-pace-callout.neutral {
  border-left-color: var(--player-gold) !important;
  background: rgba(248, 189, 72, 0.08) !important;
}

#playerDetail.player-premium .motoric-pace-callout p,
#playerDetail.player-premium .motoric-pace-callout span,
#playerDetail.player-premium .report-results-head span,
#playerDetail.player-premium .trend-period span,
#playerDetail.player-premium .trend-period small,
#playerDetail.player-premium .spark-row span,
#playerDetail.player-premium .spark-row small {
  color: var(--player-muted) !important;
}

#playerDetail.player-premium .motoric-pace-callout strong,
#playerDetail.player-premium .report-results-head strong,
#playerDetail.player-premium .trend-period strong,
#playerDetail.player-premium .spark-row strong {
  color: var(--player-text) !important;
}

#playerDetail.player-premium .info-bubble {
  border-color: var(--player-line) !important;
  background: #102438 !important;
  color: #e4edf4 !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.38) !important;
}

#playerDetail.player-premium .info-bubble::after {
  border-top-color: #102438 !important;
}

#playerDetail.player-premium .reference-values-content,
#playerDetail.player-premium .history-list,
#playerDetail.player-premium .classification-summary,
#playerDetail.player-premium .profile-report-visual {
  min-width: 0;
  overflow-wrap: anywhere;
}

#playerDetail.player-premium .report-export-card .data-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(190px, 1fr));
  gap: 12px;
}

#playerDetail.player-premium .report-export-card .data-actions button {
  min-height: 76px;
  border: 1px solid var(--player-line);
  background:
    linear-gradient(135deg, rgba(80, 229, 143, 0.08), transparent),
    #091a29;
  color: var(--player-text);
  font-size: 14px;
}

#playerDetail.player-premium .report-export-card .data-actions button:hover {
  border-color: var(--player-green);
  color: var(--player-green);
}

@media (max-width: 1180px) {
  #playerDetail.player-premium > .profile-header {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 58px;
  }

  #playerDetail.player-premium .player-premium-hero-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  #playerDetail.player-premium .player-premium-hero-facts > div:nth-child(odd) {
    padding-right: 14px;
  }

  #playerDetail.player-premium .player-premium-hero-facts > div:nth-child(even) {
    padding-left: 14px;
  }

  #playerDetail.player-premium .player-premium-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #playerDetail.player-premium .player-premium-insight-band {
    grid-template-columns: minmax(0, 1fr) repeat(2, minmax(180px, 0.58fr));
  }

  #playerDetail.player-premium .player-premium-score-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  #playerDetail.player-premium > .tabs {
    display: flex;
    flex-direction: row;
    gap: 5px;
    padding: 6px;
    overflow-x: auto;
    scrollbar-width: thin;
  }

  #playerDetail.player-premium > .tabs .tab {
    flex: 0 0 auto;
    width: auto;
    min-width: 112px;
    justify-content: center;
    white-space: nowrap;
  }

  #playerDetail.player-premium > .tabs .tab.is-active {
    box-shadow: inset 0 -3px 0 var(--player-green);
  }
}

@media (max-width: 820px) {
  #playerDetail.player-premium {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  #playerDetail.player-premium > .profile-header {
    min-height: 0;
    padding: 62px 18px 20px;
  }

  #playerDetail.player-premium .profile-main {
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 16px;
  }

  #playerDetail.player-premium .profile-photo {
    width: 118px;
    height: 142px;
  }

  #playerDetail.player-premium #detailName {
    font-size: clamp(27px, 8vw, 42px);
  }

  #playerDetail.player-premium .player-premium-summary {
    display: -webkit-box;
    margin-top: 10px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  #playerDetail.player-premium .profile-actions {
    left: auto !important;
    right: 12px;
    display: flex !important;
    flex-wrap: nowrap !important;
    width: auto !important;
  }

  #playerDetail.player-premium .profile-actions button {
    flex: 0 0 38px !important;
    width: 38px !important;
    padding: 8px;
  }

  #playerDetail.player-premium .profile-actions button span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  #playerDetail.player-premium > .tabs {
    display: flex;
    flex-direction: row;
    justify-content: start;
    padding: 0 8px;
  }

  #playerDetail.player-premium > .tab-panel {
    padding: 22px 16px;
  }

  #playerDetail.player-premium .player-premium-view-heading {
    display: grid;
  }

  #playerDetail.player-premium .player-premium-view-date {
    justify-self: start;
  }

  #playerDetail.player-premium .player-premium-kpis,
  #playerDetail.player-premium .player-premium-overview-grid,
  #playerDetail.player-premium .player-premium-growth-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-premium .player-premium-kpi {
    min-height: 116px;
  }

  #playerDetail.player-premium .player-premium-insight-band {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-premium .player-premium-score-band {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-premium .player-premium-score-band > div {
    min-height: 108px;
  }

  #playerDetail.player-premium .player-premium-classification-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-premium .player-premium-classification-progress {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #playerDetail.player-premium .report-export-card .data-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-premium .form-grid,
  #playerDetail.player-premium .compact-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
  #playerDetail.player-premium > .profile-header {
    padding-right: 14px;
    padding-left: 14px;
  }

  #playerDetail.player-premium .profile-main {
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
  }

  #playerDetail.player-premium .profile-photo {
    width: 86px;
    height: 104px;
  }

  #playerDetail.player-premium .profile-photo .avatar,
  #playerDetail.player-premium .profile-photo .avatar-large {
    font-size: 27px;
  }

  #playerDetail.player-premium .player-premium-club {
    flex-wrap: wrap;
    gap: 5px;
  }

  #playerDetail.player-premium .player-premium-club img {
    width: 22px;
    height: 22px;
  }

  #playerDetail.player-premium #detailName {
    font-size: 27px;
  }

  #playerDetail.player-premium .profile-meta {
    display: grid;
    gap: 4px;
  }

  #playerDetail.player-premium .player-premium-summary {
    grid-column: 1 / -1;
    font-size: 11px;
  }

  #playerDetail.player-premium .player-premium-hero-facts {
    grid-template-columns: minmax(0, 1fr);
    padding: 9px 12px;
  }

  #playerDetail.player-premium .player-premium-hero-facts > div {
    padding: 0 !important;
  }

  #playerDetail.player-premium .player-premium-view-heading h2 {
    font-size: 25px;
  }

  #playerDetail.player-premium .player-premium-kpi {
    min-height: 108px;
    padding: 16px 52px 15px 15px;
  }

  #playerDetail.player-premium .player-premium-kpi strong {
    font-size: 27px;
  }

  #playerDetail.player-premium .player-premium-data-panel,
  #playerDetail.player-premium .insight-panel,
  #playerDetail.player-premium .local-data-card {
    padding: 14px;
  }

  #playerDetail.player-premium .player-premium-timeline li {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  #playerDetail.player-premium .player-premium-timeline li > b {
    grid-column: 2;
    max-width: none;
    text-align: left;
  }

  #playerDetail.player-premium .player-premium-tracking-card > header {
    display: grid;
  }

  #playerDetail.player-premium .player-premium-tracking-current {
    text-align: left;
  }

  #playerDetail.player-premium .player-premium-tracking-chart,
  #playerDetail.player-premium .player-premium-classification-tracking > svg {
    min-width: 0;
  }

  #playerDetail.player-premium .player-premium-tracking-card,
  #playerDetail.player-premium .player-premium-classification-tracking {
    overflow: hidden;
  }

  #playerDetail.player-premium .player-premium-classification-progress {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-premium .result-subtabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
}

/* A jovahagyott player-profile.html minta pontos alkalmazasbeli valtozata. */
.app-shell.is-player-focus .topbar {
  display: none !important;
}

.app-shell.is-player-focus .workspace,
.app-shell.is-player-focus .detail-layout {
  background: #06111e !important;
}

.app-shell.is-player-focus .detail-layout {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#playerDetail.player-premium.player-profile-exact {
  --player-page: #030a13;
  --player-surface: #091827;
  --player-surface-strong: #0d2032;
  --player-surface-soft: #0b1b2a;
  --player-line: #1c3950;
  --player-line-soft: #142d40;
  --player-text: #f4f8fb;
  --player-muted: #9db0bf;
  --player-green: #50e58f;
  --player-green-strong: #16bd6a;
  --player-blue: #62aafc;
  --player-cyan: #64d4f5;
  --player-gold: #f0bd4f;
  --player-red: #ef6473;
  display: block;
  width: 100%;
  min-height: 100vh;
  border: 0;
  border-radius: 0;
  background: #06111e !important;
  box-shadow: none;
  overflow: clip;
}

#playerDetail.player-profile-exact .player-exact-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  min-height: 70px;
  gap: 14px;
  padding: 11px 24px;
  border-bottom: 1px solid var(--player-line);
  background: rgba(6, 17, 30, 0.96);
  backdrop-filter: blur(14px);
}

#playerDetail.player-profile-exact .player-exact-back,
#playerDetail.player-profile-exact .player-exact-secondary,
#playerDetail.player-profile-exact .player-exact-danger,
#playerDetail.player-profile-exact .player-exact-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  gap: 8px;
  padding: 0 14px;
  cursor: pointer;
  border: 1px solid var(--player-line);
  border-radius: 6px;
  box-shadow: none;
  font-size: 12px;
  font-weight: 800;
}

#playerDetail.player-profile-exact .player-exact-back {
  padding-left: 0;
  border-color: transparent;
  background: transparent;
  color: var(--player-muted);
}

#playerDetail.player-profile-exact .player-exact-secondary {
  background: var(--player-surface);
  color: var(--player-text);
}

#playerDetail.player-profile-exact .player-exact-danger {
  border-color: rgba(239, 100, 115, 0.34);
  background: rgba(53, 25, 35, 0.72);
  color: #ff9aa5;
}

#playerDetail.player-profile-exact .player-exact-primary {
  border-color: var(--player-green-strong);
  background: var(--player-green);
  color: #03130b;
  box-shadow: 0 10px 25px rgba(22, 189, 106, 0.13);
}

#playerDetail.player-profile-exact .player-exact-back:hover,
#playerDetail.player-profile-exact .player-exact-secondary:hover {
  border-color: #2c5a49;
  background: #0b2822;
  color: var(--player-green);
}

#playerDetail.player-profile-exact .player-exact-primary:hover {
  background: #72efa5;
}

#playerDetail.player-profile-exact .player-exact-danger:hover {
  border-color: var(--player-red);
  background: #351923;
}

#playerDetail.player-profile-exact .player-exact-topbar svg {
  width: 17px;
  height: 17px;
}

#playerDetail.player-profile-exact .player-exact-topbar-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-left: auto;
}

#playerDetail.player-premium.player-profile-exact > .profile-header.player-hero {
  position: relative;
  display: grid;
  grid-template-columns: 190px minmax(280px, 1fr) minmax(270px, 360px);
  min-width: 0;
  min-height: 0;
  gap: 26px;
  margin: 22px 24px 0;
  padding: 22px;
  border: 1px solid var(--player-line);
  border-radius: 7px;
  background: var(--player-surface);
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.24);
}

#playerDetail.player-premium.player-profile-exact > .profile-header.player-hero::after {
  display: none;
}

#playerDetail.player-profile-exact .player-hero-main {
  display: contents;
}

#playerDetail.player-profile-exact .profile-photo.player-photo {
  position: relative;
  display: grid;
  width: 190px;
  height: auto;
  min-height: 190px;
  place-items: center;
  overflow: hidden;
  border: 1px solid #274a61;
  border-radius: 6px;
  background: #0f2639 url("assets/kelen-home-background.png") center / cover no-repeat;
  box-shadow: none;
}

#playerDetail.player-profile-exact .profile-photo.player-photo::after {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  background: rgba(4, 17, 29, 0.72);
}

#playerDetail.player-profile-exact .profile-photo.player-photo .avatar,
#playerDetail.player-profile-exact .profile-photo.player-photo .avatar-large,
#playerDetail.player-profile-exact .profile-photo.player-photo img {
  position: relative;
  z-index: 1;
}

#playerDetail.player-profile-exact .profile-photo.player-photo .avatar,
#playerDetail.player-profile-exact .profile-photo.player-photo .avatar-large {
  width: 100%;
  height: 100%;
  color: var(--player-green);
  font-size: clamp(44px, 5vw, 70px);
  font-weight: 350;
}

#playerDetail.player-profile-exact .player-identity {
  align-self: center;
  min-width: 0;
}

#playerDetail.player-profile-exact .player-club {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 0 0 7px;
  color: var(--player-green);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

#playerDetail.player-profile-exact .player-club img {
  width: 23px;
  height: 28px;
}

#playerDetail.player-profile-exact .player-club b {
  min-height: 0;
  padding: 0 0 0 8px;
  border: 0;
  border-left: 1px solid var(--player-line);
  border-radius: 0;
  background: transparent;
  color: var(--player-muted);
  font-size: 11px;
}

#playerDetail.player-profile-exact #detailName {
  margin: 0;
  color: var(--player-text);
  font-size: clamp(36px, 4vw, 64px);
  line-height: 0.96;
}

#playerDetail.player-profile-exact .profile-meta.player-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-top: 16px;
}

#playerDetail.player-profile-exact .profile-meta.player-meta .meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  color: #d7e3eb;
  font-size: 12px;
  font-weight: 750;
}

#playerDetail.player-profile-exact .profile-meta.player-meta .meta-pill::before {
  position: static;
  width: 5px;
  height: 5px;
  transform: none;
}

#playerDetail.player-profile-exact .player-premium-summary {
  max-width: 720px;
  margin: 16px 0 0;
  color: var(--player-muted);
  font-size: 12px;
  line-height: 1.55;
}

#playerDetail.player-profile-exact .player-premium-hero-facts.player-facts {
  align-self: stretch;
  min-width: 0;
  margin: 0;
  padding: 6px 16px;
  border: 1px solid var(--player-line);
  border-radius: 6px;
  background: #071523;
  backdrop-filter: none;
}

#playerDetail.player-profile-exact .player-premium-hero-facts.player-facts > div {
  min-height: 46px;
}

#playerDetail.player-profile-exact > .tabs.profile-view-strip {
  display: flex;
  min-width: 0;
  gap: 8px;
  margin: 14px 24px 0;
  padding: 7px;
  overflow-x: auto;
  border: 1px solid var(--player-line);
  border-radius: 7px;
  background: var(--player-surface);
  scrollbar-width: thin;
}

#playerDetail.player-profile-exact > .tabs.profile-view-strip .tab {
  display: inline-flex;
  flex: 1 0 auto;
  width: auto;
  min-width: 120px;
  min-height: 45px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--player-muted);
  font-size: 12px;
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
}

#playerDetail.player-profile-exact > .tabs.profile-view-strip .tab[data-tab="newMeasurement"] {
  display: none !important;
}

#playerDetail.player-profile-exact > .tabs.profile-view-strip .tab:hover {
  border-color: var(--player-line);
  background: #0a1b2a;
  color: var(--player-text);
}

#playerDetail.player-profile-exact > .tabs.profile-view-strip .tab.is-active {
  border-color: #174a39;
  background: #0b2a22;
  color: var(--player-green);
  box-shadow: none;
}

#playerDetail.player-profile-exact > .tabs.profile-view-strip .tab svg {
  width: 18px;
  height: 18px;
}

#playerDetail.player-profile-exact .player-profile-content {
  min-width: 0;
  padding: 20px 24px 64px;
}

#playerDetail.player-profile-exact .player-profile-content > .tab-panel {
  min-width: 0;
  padding: 0;
  background: transparent;
}

#playerDetail.player-profile-exact .player-premium-view-heading {
  margin-bottom: 20px;
}

#playerDetail.player-profile-exact .player-premium-view-heading span:first-child {
  font-size: 10px;
}

#playerDetail.player-profile-exact .player-premium-view-heading h2 {
  margin: 4px 0 5px;
  font-size: clamp(26px, 3vw, 38px);
}

#playerDetail.player-profile-exact .player-premium-kpis {
  gap: 12px;
  margin-bottom: 14px;
}

#playerDetail.player-profile-exact .player-premium-kpi {
  min-height: 145px;
  padding: 17px 58px 17px 17px;
  border-radius: 6px;
  background: var(--player-surface);
}

#playerDetail.player-profile-exact .player-premium-insight-band {
  grid-template-columns: minmax(0, 1.8fr) minmax(170px, 0.65fr) minmax(170px, 0.65fr);
  gap: 20px;
  margin-bottom: 14px;
  padding: 20px;
  border-radius: 6px;
  background: var(--player-surface);
}

#playerDetail.player-profile-exact .player-premium-overview-grid {
  grid-template-columns: minmax(320px, 1fr) minmax(360px, 1.15fr);
  gap: 14px;
}

#playerDetail.player-profile-exact .player-premium-data-panel,
#playerDetail.player-profile-exact .insight-panel,
#playerDetail.player-profile-exact .local-data-card {
  border-radius: 6px;
  background: var(--player-surface);
}

#playerDetail.player-profile-exact .player-premium-data-panel {
  padding: 18px;
}

#playerDetail.player-profile-exact .player-premium-score-band {
  grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(160px, 0.75fr));
  border-radius: 6px;
}

#playerDetail.player-profile-exact .player-premium-score-band > div {
  min-height: 132px;
  background: var(--player-surface);
}

#playerDetail.player-profile-exact .player-premium-score-band > div.is-main {
  background: #0b2a22;
}

#playerDetail.player-profile-exact #motoricPanel [data-result-panel="motoricOverview"].is-active {
  display: flex;
  flex-direction: column;
}

#playerDetail.player-profile-exact #motoricPanel [data-result-panel="motoricOverview"] > #playerPremiumMotoricSummary {
  order: 1;
}

#playerDetail.player-profile-exact #motoricPanel [data-result-panel="motoricOverview"] > .insight-panel:nth-of-type(1) {
  order: 3;
}

#playerDetail.player-profile-exact #motoricPanel [data-result-panel="motoricOverview"] > .insight-panel:nth-of-type(2) {
  order: 4;
}

#playerDetail.player-profile-exact #motoricPanel [data-result-panel="motoricOverview"] > .insight-panel:nth-of-type(3) {
  order: 2;
  margin-top: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

#playerDetail.player-profile-exact #motoricPanel [data-result-panel="motoricOverview"] > .insight-panel:nth-of-type(3) > .section-heading {
  display: none;
}

#playerDetail.player-profile-exact #motoricVisualGrid {
  display: grid;
  grid-template-columns: minmax(320px, 0.68fr) minmax(520px, 1.32fr);
  gap: 14px;
}

#playerDetail.player-profile-exact #motoricVisualGrid > :nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}

#playerDetail.player-profile-exact #motoricVisualGrid > :nth-child(2) {
  grid-column: 1 / -1;
  grid-row: 2;
}

#playerDetail.player-profile-exact #motoricVisualGrid > :nth-child(3) {
  grid-column: 2;
  grid-row: 1;
}

#playerDetail.player-profile-exact #motoricVisualGrid .chart-card,
#playerDetail.player-profile-exact #motoricVisualGrid .report-panel {
  min-width: 0;
  margin: 0;
  border: 1px solid var(--player-line);
  border-radius: 6px;
  background: var(--player-surface) !important;
}

#playerDetail.player-profile-exact #motoricVisualGrid .motoric-trend-card {
  min-height: 100%;
}

#playerDetail.player-profile-exact .result-subtabs {
  border-radius: 6px;
}

#playerDetail.player-profile-exact .player-premium-growth-grid {
  gap: 14px;
}

#playerDetail.player-profile-exact .player-premium-classification-hero,
#playerDetail.player-profile-exact .player-premium-classification-hero > div {
  border-radius: 6px;
}

@media (max-width: 1220px) {
  #playerDetail.player-premium.player-profile-exact > .profile-header.player-hero {
    grid-template-columns: 160px minmax(240px, 1fr) minmax(240px, 310px);
    gap: 18px;
  }

  #playerDetail.player-profile-exact .profile-photo.player-photo {
    width: 160px;
  }

  #playerDetail.player-profile-exact .player-premium-insight-band {
    grid-template-columns: minmax(0, 1fr) repeat(2, minmax(170px, 0.55fr));
  }
}

@media (max-width: 980px) {
  #playerDetail.player-premium.player-profile-exact > .profile-header.player-hero {
    grid-template-columns: 150px minmax(0, 1fr);
  }

  #playerDetail.player-profile-exact .profile-photo.player-photo {
    width: 150px;
  }

  #playerDetail.player-profile-exact .player-premium-hero-facts.player-facts {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #playerDetail.player-profile-exact .player-premium-hero-facts.player-facts > div:nth-child(odd) {
    padding-right: 14px;
  }

  #playerDetail.player-profile-exact .player-premium-hero-facts.player-facts > div:nth-child(even) {
    padding-left: 14px;
  }

  #playerDetail.player-profile-exact .player-premium-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #playerDetail.player-profile-exact .player-premium-score-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #playerDetail.player-profile-exact .player-premium-overview-grid,
  #playerDetail.player-profile-exact .player-premium-growth-grid,
  #playerDetail.player-profile-exact #motoricVisualGrid {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-profile-exact #motoricVisualGrid > :nth-child(1),
  #playerDetail.player-profile-exact #motoricVisualGrid > :nth-child(2),
  #playerDetail.player-profile-exact #motoricVisualGrid > :nth-child(3) {
    grid-column: 1;
    grid-row: auto;
  }
}

@media (max-width: 820px) {
  .app-shell.is-player-focus {
    display: block !important;
  }

  .app-shell.is-player-focus .sidebar {
    display: none !important;
  }

  #playerDetail.player-profile-exact .player-exact-topbar {
    min-height: 62px;
    padding: 9px 14px;
  }

  #playerDetail.player-profile-exact .player-exact-back span,
  #playerDetail.player-profile-exact .player-exact-secondary span,
  #playerDetail.player-profile-exact .player-exact-danger span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  #playerDetail.player-profile-exact .player-exact-back,
  #playerDetail.player-profile-exact .player-exact-secondary,
  #playerDetail.player-profile-exact .player-exact-danger {
    width: 42px;
    padding: 0;
  }

  #playerDetail.player-premium.player-profile-exact > .profile-header.player-hero {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 16px;
    margin: 14px 14px 0;
    padding: 16px;
  }

  #playerDetail.player-profile-exact .profile-photo.player-photo {
    width: 112px;
    min-height: 140px;
  }

  #playerDetail.player-profile-exact #detailName {
    font-size: clamp(28px, 7vw, 42px);
  }

  #playerDetail.player-profile-exact .player-premium-summary {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  #playerDetail.player-profile-exact > .tabs.profile-view-strip {
    margin: 10px 14px 0;
  }

  #playerDetail.player-profile-exact > .tabs.profile-view-strip .tab {
    flex: 0 0 auto;
    min-width: 112px;
  }

  #playerDetail.player-profile-exact .player-profile-content {
    padding: 18px 14px 48px;
  }

  #playerDetail.player-profile-exact .player-premium-insight-band {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
}

@media (max-width: 560px) {
  #playerDetail.player-profile-exact .player-exact-primary {
    width: 42px;
    padding: 0;
  }

  #playerDetail.player-profile-exact .player-exact-primary span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  #playerDetail.player-premium.player-profile-exact > .profile-header.player-hero {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 12px;
    padding: 13px;
  }

  #playerDetail.player-profile-exact .profile-photo.player-photo {
    width: 82px;
    min-height: 106px;
  }

  #playerDetail.player-profile-exact .player-club {
    flex-wrap: wrap;
  }

  #playerDetail.player-profile-exact #detailName {
    font-size: 27px;
  }

  #playerDetail.player-profile-exact .profile-meta.player-meta {
    display: grid;
    gap: 4px;
    margin-top: 10px;
  }

  #playerDetail.player-profile-exact .player-premium-summary {
    grid-column: 1 / -1;
    font-size: 11px;
  }

  #playerDetail.player-profile-exact .player-premium-hero-facts.player-facts {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-profile-exact .player-premium-hero-facts.player-facts > div {
    padding: 0 !important;
  }

  #playerDetail.player-profile-exact .player-premium-kpis,
  #playerDetail.player-profile-exact .player-premium-score-band {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-profile-exact .player-premium-kpi {
    min-height: 112px;
  }

  #playerDetail.player-profile-exact .player-premium-view-heading {
    display: grid;
  }

  #playerDetail.player-profile-exact .player-premium-view-date {
    justify-self: start;
  }
}

/* Exact measurement views based on the approved player-profile preview. */
#playerDetail.player-profile-exact .player-exact-trend-panel {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 18px;
}

#playerDetail.player-profile-exact .player-exact-trend-panel .chart-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

#playerDetail.player-profile-exact .player-exact-trend-panel .chart-card-head > div {
  min-width: 0;
}

#playerDetail.player-profile-exact .player-exact-trend-panel .chart-card-head > div > span,
#playerDetail.player-profile-exact .player-exact-results-panel .report-panel-head > div > span:first-child {
  color: var(--player-green);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
}

#playerDetail.player-profile-exact .player-exact-trend-panel .chart-card-head h4,
#playerDetail.player-profile-exact .player-exact-results-panel .report-panel-head h3 {
  margin: 4px 0 0;
  color: var(--player-text);
  font-size: 17px;
  line-height: 1.25;
}

#playerDetail.player-profile-exact .player-exact-trend-panel .chart-card-head p,
#playerDetail.player-profile-exact .player-exact-results-panel .report-panel-head > div > span:last-child {
  margin: 5px 0 0;
  color: var(--player-muted);
  font-size: 10px;
  line-height: 1.4;
}

#playerDetail.player-profile-exact .player-exact-trend-panel .info-tip {
  flex: 0 0 auto;
}

#playerDetail.player-profile-exact .player-exact-trend-panel .motoric-trend-controls {
  grid-template-columns: minmax(120px, 1fr) minmax(112px, 0.7fr) auto;
  margin: 0 0 10px;
  padding: 9px;
  border: 1px solid var(--player-line-soft);
  border-radius: 5px;
  background: #071827;
}

#playerDetail.player-profile-exact .player-exact-trend-dates {
  display: grid;
  grid-template-columns: repeat(var(--trend-columns), minmax(0, 1fr));
  gap: 3px;
  margin-bottom: 9px;
  padding: 9px 12px;
  border: 1px solid var(--player-line-soft);
  border-radius: 5px;
  background: #071827;
}

#playerDetail.player-profile-exact .player-exact-trend-dates span {
  overflow: hidden;
  color: #8297a6;
  font-size: 8px;
  font-weight: 750;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#playerDetail.player-profile-exact .player-exact-all-trends-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
  gap: 8px;
}

#playerDetail.player-profile-exact .player-exact-metric-trend {
  min-width: 0;
  padding: 11px 12px 9px;
  border: 1px solid var(--player-line-soft);
  border-radius: 5px;
  background: #091827;
}

#playerDetail.player-profile-exact .player-exact-metric-trend header {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

#playerDetail.player-profile-exact .player-exact-metric-trend header > span {
  min-width: 0;
  color: #d6e1e8;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
}

#playerDetail.player-profile-exact .player-exact-metric-trend header strong {
  flex: 0 0 auto;
  color: var(--player-text);
  font-size: 11px;
  text-align: right;
}

#playerDetail.player-profile-exact .player-exact-metric-trend header small {
  display: block;
  margin-top: 2px;
  color: var(--player-green);
  font-size: 9px;
}

#playerDetail.player-profile-exact .player-exact-metric-trend svg {
  display: block;
  width: 100%;
  height: 46px;
  margin-top: 7px;
  overflow: visible;
}

#playerDetail.player-profile-exact .player-exact-metric-trend polyline {
  fill: none;
  stroke: var(--player-green);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.5;
}

#playerDetail.player-profile-exact .player-exact-metric-trend circle {
  fill: #071522;
  stroke: var(--player-green);
  stroke-width: 2.5;
}

#playerDetail.player-profile-exact .player-exact-metric-trend circle.bad {
  stroke: var(--player-red);
}

#playerDetail.player-profile-exact .player-exact-metric-trend circle.neutral {
  stroke: var(--player-blue);
}

#playerDetail.player-profile-exact .player-exact-metric-trend footer {
  display: grid;
  grid-template-columns: repeat(var(--trend-columns), minmax(0, 1fr));
  gap: 2px;
}

#playerDetail.player-profile-exact .player-exact-metric-trend footer span {
  overflow: hidden;
  color: #718797;
  font-size: 8px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#playerDetail.player-profile-exact .player-exact-metric-trend footer span.bad {
  color: var(--player-red);
  font-weight: 850;
}

#playerDetail.player-profile-exact .player-exact-trend-caption {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}

#playerDetail.player-profile-exact .player-exact-trend-caption span {
  display: grid;
  min-width: 0;
  gap: 3px;
  padding: 9px 10px;
  color: var(--player-muted);
  border: 1px solid var(--player-line-soft);
  border-radius: 5px;
  background: #071827;
  font-size: 9px;
}

#playerDetail.player-profile-exact .player-exact-trend-caption b {
  color: var(--player-green);
  font-size: 12px;
}

#playerDetail.player-profile-exact .player-exact-results-panel {
  min-width: 0;
  padding: 18px !important;
}

#playerDetail.player-profile-exact .player-exact-results-panel .report-panel-head {
  margin-bottom: 12px;
}

#playerDetail.player-profile-exact .player-exact-results-scroll {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid var(--player-line-soft);
  border-radius: 5px;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-table {
  width: 100%;
  min-width: 860px;
  overflow: visible;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-head,
#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-row {
  grid-template-columns: minmax(170px, 1.15fr) repeat(3, minmax(130px, 0.82fr)) minmax(105px, 0.66fr) minmax(140px, 0.88fr);
  width: 100%;
  min-width: 860px;
  gap: 10px;
  padding: 11px 12px;
  overflow: visible;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-head {
  color: #90a6b6;
  background: #10263a !important;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-row {
  min-height: 50px;
  border-radius: 0;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-row:nth-child(odd) {
  background: #091827 !important;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-row:nth-child(even) {
  background: #0c1d2c !important;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-date-cell {
  align-items: center;
  justify-items: center;
  text-align: center;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-date-cell time {
  display: block;
  width: 100%;
  color: var(--player-text);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-row > strong {
  color: var(--player-text);
  overflow-wrap: normal;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-row > span {
  overflow-wrap: normal;
  white-space: nowrap;
}

#playerDetail.player-profile-exact .player-exact-orthopedic-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 0;
  gap: 12px;
  margin-bottom: 14px;
}

#playerDetail.player-profile-exact .player-exact-orthopedic-summary article {
  display: grid;
  min-width: 0;
  min-height: 135px;
  grid-template-columns: 38px minmax(0, 1fr);
  align-content: start;
  gap: 5px 10px;
  padding: 17px;
  border: 1px solid var(--player-line);
  border-radius: 6px;
  background: var(--player-surface);
}

#playerDetail.player-profile-exact .player-exact-orthopedic-summary article > svg {
  grid-row: 1 / span 3;
  width: 36px;
  height: 36px;
  padding: 8px;
  color: var(--player-blue);
  border: 1px solid #28536b;
  border-radius: 50%;
  background: rgba(98, 179, 255, 0.08);
}

#playerDetail.player-profile-exact .player-exact-orthopedic-summary article.good > svg {
  color: var(--player-green);
  border-color: #1d6048;
  background: rgba(80, 229, 143, 0.08);
}

#playerDetail.player-profile-exact .player-exact-orthopedic-summary article.warn > svg {
  color: var(--player-gold);
  border-color: #5b4926;
  background: rgba(248, 189, 72, 0.08);
}

#playerDetail.player-profile-exact .player-exact-orthopedic-summary span {
  color: var(--player-muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

#playerDetail.player-profile-exact .player-exact-orthopedic-summary strong {
  color: var(--player-text);
  font-size: 17px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

#playerDetail.player-profile-exact .player-exact-orthopedic-summary small {
  color: var(--player-muted);
  font-size: 10px;
  line-height: 1.35;
}

#playerDetail.player-profile-exact .player-premium-growth-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 14px;
}

#playerDetail.player-profile-exact .player-premium-tracking-card {
  padding-bottom: 13px;
}

#playerDetail.player-profile-exact .player-premium-tracking-card > header {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--player-line-soft);
}

#playerDetail.player-profile-exact .player-premium-tracking-chart {
  min-height: 210px;
}

#playerDetail.player-profile-exact .player-exact-history-table {
  width: 100%;
  min-width: 760px;
}

#playerDetail.player-profile-exact .player-exact-history-row {
  display: grid;
  grid-template-columns: minmax(190px, 1.25fr) repeat(3, minmax(150px, 1fr));
  min-height: 50px;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  color: #c5d4df;
  border-top: 1px solid var(--player-line-soft);
  background: #091827;
}

#playerDetail.player-profile-exact .player-exact-history-row:nth-child(odd) {
  background: #0c1d2c;
}

#playerDetail.player-profile-exact .player-exact-history-row.is-head {
  min-height: 56px;
  color: #90a6b6;
  border-top: 0;
  background: #10263a;
}

#playerDetail.player-profile-exact .player-exact-history-row > strong {
  color: var(--player-text);
  font-size: 11px;
}

#playerDetail.player-profile-exact .player-exact-history-row > span {
  min-width: 0;
  font-size: 11px;
  line-height: 1.3;
  text-align: center;
  overflow-wrap: anywhere;
}

#playerDetail.player-profile-exact .player-exact-history-row time {
  color: var(--player-text);
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}

#playerDetail.player-profile-exact .player-premium-classification-tracking {
  overflow: hidden;
  padding: 0 !important;
}

#playerDetail.player-profile-exact .player-premium-classification-tracking > header {
  margin: 0;
  padding: 18px;
  border-bottom: 1px solid var(--player-line-soft);
}

#playerDetail.player-profile-exact .player-exact-classification-current {
  display: grid;
  min-width: 190px;
  justify-items: end;
  gap: 5px;
}

#playerDetail.player-profile-exact .player-exact-classification-current strong {
  color: var(--player-green);
  font-size: 30px;
  line-height: 1;
}

#playerDetail.player-profile-exact .player-exact-classification-current strong small {
  margin-left: 3px;
  color: var(--player-muted);
  font-size: 12px;
}

#playerDetail.player-profile-exact .player-exact-classification-current span {
  color: var(--player-green);
  font-size: 10px;
}

#playerDetail.player-profile-exact .player-exact-classification-tracking-content {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(250px, 0.6fr);
  min-width: 0;
}

#playerDetail.player-profile-exact .player-exact-classification-chart-wrap {
  min-width: 0;
  padding: 16px 20px 10px;
  border-right: 1px solid var(--player-line-soft);
}

#playerDetail.player-profile-exact .player-exact-classification-chart-wrap svg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 210px;
}

#playerDetail.player-profile-exact .player-premium-classification-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 0;
  margin: 0;
  padding: 18px;
}

#playerDetail.player-profile-exact .player-premium-classification-progress > div {
  display: grid;
  min-height: 52px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 9px 0;
  border: 0;
  border-top: 1px solid var(--player-line-soft);
  border-radius: 0;
  background: transparent;
}

#playerDetail.player-profile-exact .player-premium-classification-progress > .player-exact-progress-heading {
  display: flex;
  min-height: auto;
  justify-content: space-between;
  padding: 0 0 12px;
  border-top: 0;
  color: var(--player-muted);
}

#playerDetail.player-profile-exact .player-premium-classification-progress > div.needs-focus {
  padding-left: 10px;
  box-shadow: inset 3px 0 0 var(--player-gold);
}

#playerDetail.player-profile-exact .player-premium-classification-progress > div > span {
  color: var(--player-text);
  font-size: 11px;
  font-weight: 800;
}

#playerDetail.player-profile-exact .player-premium-classification-progress > div > small {
  color: var(--player-muted);
  font-size: 10px;
}

#playerDetail.player-profile-exact .player-premium-classification-progress > div > strong {
  min-width: 48px;
  padding: 5px 7px;
  color: var(--player-green);
  border-radius: 5px;
  background: rgba(80, 229, 143, 0.08);
  font-size: 10px;
  text-align: center;
}

@media (max-width: 1080px) {
  #playerDetail.player-profile-exact .player-exact-orthopedic-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #playerDetail.player-profile-exact .player-exact-classification-tracking-content {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-profile-exact .player-exact-classification-chart-wrap {
    border-right: 0;
    border-bottom: 1px solid var(--player-line-soft);
  }
}

@media (max-width: 760px) {
  #playerDetail.player-profile-exact .player-exact-trend-panel .motoric-trend-controls,
  #playerDetail.player-profile-exact .player-exact-trend-caption {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-profile-exact .player-exact-all-trends-grid,
  #playerDetail.player-profile-exact .player-premium-growth-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-profile-exact .player-exact-results-scroll .report-results-table,
  #playerDetail.player-profile-exact .player-exact-results-scroll .report-results-head,
  #playerDetail.player-profile-exact .player-exact-results-scroll .report-results-row {
    min-width: 780px;
  }

  #playerDetail.player-profile-exact .player-exact-results-scroll .report-results-head,
  #playerDetail.player-profile-exact .player-exact-results-scroll .report-results-row {
    grid-template-columns: minmax(150px, 1.1fr) repeat(3, minmax(118px, 0.85fr)) minmax(95px, 0.65fr) minmax(125px, 0.85fr);
  }
}

@media (max-width: 560px) {
  #playerDetail.player-profile-exact .player-exact-orthopedic-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-profile-exact .player-exact-orthopedic-summary article {
    min-height: 112px;
  }

  #playerDetail.player-profile-exact .player-exact-classification-current {
    min-width: 0;
    justify-items: start;
  }

  #playerDetail.player-profile-exact .player-premium-classification-tracking > header {
    display: grid;
  }

  #playerDetail.player-profile-exact .player-exact-classification-chart-wrap {
    padding: 12px 6px 8px;
  }

  #playerDetail.player-profile-exact .player-premium-classification-progress > div {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  #playerDetail.player-profile-exact .player-premium-classification-progress > div > small {
    grid-row: 2;
  }
}

/* Final exact measurement layouts: orthopedic and classification follow the
   same compact, dark report system as the approved motoric preview. */
#playerDetail.player-profile-exact #orthopedicPanel [data-result-panel="orthopedicOverview"] > .insight-panel,
#playerDetail.player-profile-exact #classificationPanel [data-result-panel="classificationOverview"] > .insight-panel {
  margin-top: 14px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#playerDetail.player-profile-exact #orthopedicPanel [data-result-panel="orthopedicOverview"] > .insight-panel > .section-heading,
#playerDetail.player-profile-exact #classificationPanel [data-result-panel="classificationOverview"] > .insight-panel > .section-heading {
  display: none;
}

#playerDetail.player-profile-exact #orthopedicFeedbackGrid,
#playerDetail.player-profile-exact #orthopedicVisualGrid,
#playerDetail.player-profile-exact #classificationSummary {
  display: block;
  min-width: 0;
}

#playerDetail.player-profile-exact .player-exact-empty-panel {
  display: grid;
  min-height: 240px;
  place-items: center;
  align-content: center;
  gap: 9px;
  text-align: center;
}

#playerDetail.player-profile-exact .player-exact-empty-panel > svg {
  width: 48px;
  height: 48px;
  padding: 12px;
  color: var(--player-green);
  border: 1px solid rgba(80, 229, 143, 0.35);
  border-radius: 50%;
  background: rgba(80, 229, 143, 0.08);
}

#playerDetail.player-profile-exact .player-exact-empty-panel h3 {
  margin: 4px 0 0;
  color: var(--player-text);
  font-size: 18px;
}

#playerDetail.player-profile-exact .player-exact-empty-panel p {
  max-width: 520px;
  margin: 0;
  color: var(--player-muted);
  font-size: 11px;
  line-height: 1.55;
}

#playerDetail.player-profile-exact .player-exact-orthopedic-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.75fr);
  min-width: 0;
  gap: 14px;
}

#playerDetail.player-profile-exact .player-exact-correction-panel,
#playerDetail.player-profile-exact .player-exact-fms-panel,
#playerDetail.player-profile-exact .player-exact-step-panel,
#playerDetail.player-profile-exact .player-exact-classification-radar {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--player-line);
  border-radius: 6px;
  background: var(--player-surface);
}

#playerDetail.player-profile-exact .player-exact-correction-panel > header,
#playerDetail.player-profile-exact .player-exact-fms-panel > header,
#playerDetail.player-profile-exact .player-exact-step-panel > header,
#playerDetail.player-profile-exact .player-exact-classification-radar > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: -18px -18px 15px;
  padding: 18px;
  border-bottom: 1px solid var(--player-line-soft);
  background: #091a29;
}

#playerDetail.player-profile-exact .player-exact-correction-panel > header span,
#playerDetail.player-profile-exact .player-exact-fms-panel > header span,
#playerDetail.player-profile-exact .player-exact-step-panel > header span,
#playerDetail.player-profile-exact .player-exact-classification-radar > header span {
  color: var(--player-green);
  font-size: 9px;
  font-weight: 900;
}

#playerDetail.player-profile-exact .player-exact-correction-panel > header h3,
#playerDetail.player-profile-exact .player-exact-fms-panel > header h3,
#playerDetail.player-profile-exact .player-exact-step-panel > header h3,
#playerDetail.player-profile-exact .player-exact-classification-radar > header h3 {
  margin: 4px 0;
  color: var(--player-text);
  font-size: 18px;
}

#playerDetail.player-profile-exact .player-exact-correction-panel > header p,
#playerDetail.player-profile-exact .player-exact-fms-panel > header p,
#playerDetail.player-profile-exact .player-exact-step-panel > header p,
#playerDetail.player-profile-exact .player-exact-classification-radar > header p {
  margin: 0;
  color: var(--player-muted);
  font-size: 10px;
  line-height: 1.45;
}

#playerDetail.player-profile-exact .player-exact-correction-list {
  display: grid;
  gap: 9px;
}

#playerDetail.player-profile-exact .player-exact-correction-item {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid var(--player-line-soft);
  border-left: 3px solid var(--player-blue);
  border-radius: 5px;
  background: #091827;
}

#playerDetail.player-profile-exact .player-exact-correction-item.bad {
  border-left-color: var(--player-red);
  background: rgba(255, 105, 112, 0.06);
}

#playerDetail.player-profile-exact .player-exact-correction-item.warn {
  border-left-color: var(--player-gold);
  background: rgba(248, 189, 72, 0.06);
}

#playerDetail.player-profile-exact .player-exact-correction-item.good {
  border-left-color: var(--player-green);
  background: rgba(80, 229, 143, 0.06);
}

#playerDetail.player-profile-exact .player-exact-correction-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  color: var(--player-blue);
  border: 1px solid #28536b;
  border-radius: 50%;
  background: rgba(98, 179, 255, 0.08);
}

#playerDetail.player-profile-exact .player-exact-correction-item.bad .player-exact-correction-icon {
  color: var(--player-red);
  border-color: rgba(255, 105, 112, 0.35);
  background: rgba(255, 105, 112, 0.08);
}

#playerDetail.player-profile-exact .player-exact-correction-item.warn .player-exact-correction-icon {
  color: var(--player-gold);
  border-color: rgba(248, 189, 72, 0.35);
  background: rgba(248, 189, 72, 0.08);
}

#playerDetail.player-profile-exact .player-exact-correction-item > div {
  min-width: 0;
}

#playerDetail.player-profile-exact .player-exact-correction-item small {
  display: block;
  color: var(--player-muted);
  font-size: 8px;
  font-weight: 850;
  text-transform: uppercase;
}

#playerDetail.player-profile-exact .player-exact-correction-item strong {
  display: block;
  margin-top: 3px;
  color: var(--player-text);
  font-size: 13px;
}

#playerDetail.player-profile-exact .player-exact-correction-item p {
  margin: 4px 0 0;
  color: var(--player-muted);
  font-size: 9px;
  line-height: 1.4;
}

#playerDetail.player-profile-exact .player-exact-correction-item > b {
  align-self: start;
  padding: 5px 8px;
  color: #9eb4c4;
  border: 1px solid #2c485c;
  border-radius: 999px;
  background: #102438;
  font-size: 8px;
  white-space: nowrap;
}

#playerDetail.player-profile-exact .player-exact-correction-item.bad > b {
  color: #ff9da3;
  border-color: rgba(255, 105, 112, 0.35);
  background: rgba(255, 105, 112, 0.09);
}

#playerDetail.player-profile-exact .player-exact-correction-item.warn > b {
  color: #ffd071;
  border-color: rgba(248, 189, 72, 0.35);
  background: rgba(248, 189, 72, 0.09);
}

#playerDetail.player-profile-exact .player-exact-all-clear {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  color: var(--player-green);
  border: 1px solid rgba(80, 229, 143, 0.25);
  border-radius: 5px;
  background: rgba(80, 229, 143, 0.06);
}

#playerDetail.player-profile-exact .player-exact-all-clear > svg {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
}

#playerDetail.player-profile-exact .player-exact-all-clear strong,
#playerDetail.player-profile-exact .player-exact-all-clear span {
  display: block;
}

#playerDetail.player-profile-exact .player-exact-all-clear strong {
  color: var(--player-text);
  font-size: 12px;
}

#playerDetail.player-profile-exact .player-exact-all-clear span {
  margin-top: 3px;
  color: var(--player-muted);
  font-size: 9px;
}

#playerDetail.player-profile-exact .player-exact-medical-alert {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-top: 10px;
  padding: 11px;
  color: #ffafb4;
  border: 1px solid rgba(255, 105, 112, 0.35);
  border-radius: 5px;
  background: rgba(255, 105, 112, 0.08);
  font-size: 9px;
  line-height: 1.45;
}

#playerDetail.player-profile-exact .player-exact-medical-alert > svg {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
}

#playerDetail.player-profile-exact .player-exact-fms-score {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding: 14px;
  border: 1px solid rgba(80, 229, 143, 0.23);
  border-radius: 5px;
  background: #0a241f;
}

#playerDetail.player-profile-exact .player-exact-fms-score strong {
  color: var(--player-green);
  font-size: 34px;
  line-height: 1;
}

#playerDetail.player-profile-exact .player-exact-fms-score strong small {
  margin-left: 2px;
  color: #83a195;
  font-size: 12px;
}

#playerDetail.player-profile-exact .player-exact-fms-score span {
  color: var(--player-muted);
  font-size: 9px;
  text-align: right;
}

#playerDetail.player-profile-exact .player-exact-fms-list {
  display: grid;
  gap: 0;
}

#playerDetail.player-profile-exact .player-exact-fms-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  border-top: 1px solid var(--player-line-soft);
}

#playerDetail.player-profile-exact .player-exact-fms-list span {
  color: #cad8e2;
  font-size: 9px;
  line-height: 1.25;
}

#playerDetail.player-profile-exact .player-exact-fms-list b {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: #9fb3c2;
  border-radius: 50%;
  background: #102438;
  font-size: 10px;
}

#playerDetail.player-profile-exact .player-exact-fms-list b.good {
  color: var(--player-green);
  background: rgba(80, 229, 143, 0.1);
}

#playerDetail.player-profile-exact .player-exact-fms-list b.warn {
  color: var(--player-gold);
  background: rgba(248, 189, 72, 0.1);
}

#playerDetail.player-profile-exact .player-exact-fms-list b.bad {
  color: var(--player-red);
  background: rgba(255, 105, 112, 0.1);
}

#playerDetail.player-profile-exact .player-exact-step-panel {
  padding: 18px;
}

#playerDetail.player-profile-exact .player-exact-step-panel > header > strong {
  flex: 0 0 auto;
  padding: 6px 9px;
  color: #9fb3c2;
  border-radius: 999px;
  background: #102438;
  font-size: 9px;
  white-space: nowrap;
}

#playerDetail.player-profile-exact .player-exact-step-panel > header > strong.good {
  color: var(--player-green);
  background: rgba(80, 229, 143, 0.1);
}

#playerDetail.player-profile-exact .player-exact-step-panel > header > strong.warn {
  color: var(--player-gold);
  background: rgba(248, 189, 72, 0.1);
}

#playerDetail.player-profile-exact .player-exact-step-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

#playerDetail.player-profile-exact .player-exact-step-grid > div {
  display: grid;
  min-width: 0;
  min-height: 98px;
  align-content: start;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--player-line-soft);
  border-top: 2px solid #365268;
  border-radius: 5px;
  background: #091827;
}

#playerDetail.player-profile-exact .player-exact-step-grid > div.is-good {
  border-top-color: var(--player-green);
}

#playerDetail.player-profile-exact .player-exact-step-grid > div.is-warn {
  border-top-color: var(--player-gold);
  background: rgba(248, 189, 72, 0.05);
}

#playerDetail.player-profile-exact .player-exact-step-grid > div > span {
  color: #567083;
  font-size: 8px;
  font-weight: 900;
}

#playerDetail.player-profile-exact .player-exact-step-grid > div > strong {
  color: var(--player-text);
  font-size: 10px;
  line-height: 1.25;
}

#playerDetail.player-profile-exact .player-exact-step-grid > div > small {
  margin-top: auto;
  color: var(--player-muted);
  font-size: 8px;
}

#playerDetail.player-profile-exact .player-exact-step-grid > div.is-good > small {
  color: var(--player-green);
}

#playerDetail.player-profile-exact .player-exact-step-grid > div.is-warn > small {
  color: var(--player-gold);
}

#playerDetail.player-profile-exact .player-premium-classification-hero {
  grid-template-columns: minmax(230px, 0.72fr) minmax(0, 1.7fr);
  gap: 14px;
  margin-bottom: 14px;
}

#playerDetail.player-profile-exact .player-premium-classification-hero > div {
  min-height: 150px;
  padding: 18px;
  border: 1px solid var(--player-line);
  border-radius: 6px;
  background: var(--player-surface);
}

#playerDetail.player-profile-exact .player-premium-classification-hero > div:first-child {
  display: grid;
  align-content: center;
  background: #0a241f;
}

#playerDetail.player-profile-exact .player-premium-classification-hero span {
  color: var(--player-green);
  font-size: 9px;
  font-weight: 900;
}

#playerDetail.player-profile-exact .player-premium-classification-hero strong {
  display: block;
  margin: 8px 0 5px;
  color: var(--player-green);
  font-size: 45px;
  line-height: 1;
}

#playerDetail.player-profile-exact .player-premium-classification-hero strong small {
  margin-left: 4px;
  color: #83a195;
  font-size: 14px;
}

#playerDetail.player-profile-exact .player-premium-classification-hero h3 {
  margin: 8px 0;
  color: var(--player-text);
  font-size: 16px;
  line-height: 1.4;
}

#playerDetail.player-profile-exact .player-premium-classification-hero p {
  margin: 0;
  color: var(--player-muted);
  font-size: 10px;
  line-height: 1.5;
}

#playerDetail.player-profile-exact .player-exact-classification-layout {
  display: grid;
  grid-template-columns: minmax(340px, 0.85fr) minmax(0, 1.15fr);
  min-width: 0;
  gap: 14px;
}

#playerDetail.player-profile-exact .player-exact-classification-radar {
  align-self: start;
  padding: 18px;
}

#playerDetail.player-profile-exact .player-exact-classification-radar .radar-legend {
  margin-bottom: 4px;
}

#playerDetail.player-profile-exact .player-exact-classification-radar svg {
  width: 100%;
  height: auto;
  max-height: 430px;
}

#playerDetail.player-profile-exact .player-exact-classification-categories {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: 8px;
}

#playerDetail.player-profile-exact .player-exact-category {
  overflow: hidden;
  border: 1px solid var(--player-line);
  border-left: 3px solid #365268;
  border-radius: 6px;
  background: var(--player-surface);
}

#playerDetail.player-profile-exact .player-exact-category.good {
  border-left-color: var(--player-green);
}

#playerDetail.player-profile-exact .player-exact-category.warn {
  border-left-color: var(--player-gold);
}

#playerDetail.player-profile-exact .player-exact-category.bad {
  border-left-color: var(--player-red);
}

#playerDetail.player-profile-exact .player-exact-category summary {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto 18px;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  padding: 12px 14px;
  cursor: pointer;
  list-style: none;
}

#playerDetail.player-profile-exact .player-exact-category summary::-webkit-details-marker {
  display: none;
}

#playerDetail.player-profile-exact .player-exact-category summary > span:nth-child(2) {
  min-width: 0;
}

#playerDetail.player-profile-exact .player-exact-category summary small,
#playerDetail.player-profile-exact .player-exact-category summary strong {
  display: block;
}

#playerDetail.player-profile-exact .player-exact-category summary small {
  color: var(--player-muted);
  font-size: 7px;
  font-weight: 850;
}

#playerDetail.player-profile-exact .player-exact-category summary strong {
  margin-top: 3px;
  color: var(--player-text);
  font-size: 12px;
}

#playerDetail.player-profile-exact .player-exact-category-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  color: var(--player-blue);
  border: 1px solid #28536b;
  border-radius: 50%;
  background: rgba(98, 179, 255, 0.08);
}

#playerDetail.player-profile-exact .player-exact-category.good .player-exact-category-icon {
  color: var(--player-green);
  border-color: rgba(80, 229, 143, 0.3);
  background: rgba(80, 229, 143, 0.08);
}

#playerDetail.player-profile-exact .player-exact-category.warn .player-exact-category-icon {
  color: var(--player-gold);
  border-color: rgba(248, 189, 72, 0.3);
  background: rgba(248, 189, 72, 0.08);
}

#playerDetail.player-profile-exact .player-exact-category.bad .player-exact-category-icon {
  color: var(--player-red);
  border-color: rgba(255, 105, 112, 0.3);
  background: rgba(255, 105, 112, 0.08);
}

#playerDetail.player-profile-exact .player-exact-category summary > b {
  color: var(--player-text);
  font-size: 22px;
}

#playerDetail.player-profile-exact .player-exact-category summary > b small {
  display: inline;
  margin-left: 2px;
  font-size: 9px;
}

#playerDetail.player-profile-exact .player-exact-category summary > svg:last-child {
  color: #6d8394;
  transition: transform 160ms ease;
}

#playerDetail.player-profile-exact .player-exact-category[open] summary > svg:last-child {
  transform: rotate(180deg);
}

#playerDetail.player-profile-exact .player-exact-category-details {
  padding: 0 14px 14px 64px;
  border-top: 1px solid var(--player-line-soft);
}

#playerDetail.player-profile-exact .player-exact-category-details > p {
  margin: 10px 0;
  color: var(--player-muted);
  font-size: 8px;
}

#playerDetail.player-profile-exact .player-exact-category-details > div {
  display: grid;
  gap: 0;
}

#playerDetail.player-profile-exact .player-exact-category-details > div > span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.7fr) 28px;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  border-top: 1px solid var(--player-line-soft);
}

#playerDetail.player-profile-exact .player-exact-category-details strong {
  color: #cad8e2;
  font-size: 9px;
}

#playerDetail.player-profile-exact .player-exact-category-details small {
  color: var(--player-muted);
  font-size: 8px;
}

#playerDetail.player-profile-exact .player-exact-category-details b {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  color: #9fb3c2;
  border-radius: 50%;
  background: #102438;
  font-size: 9px;
}

#playerDetail.player-profile-exact .player-exact-category-details b.good {
  color: var(--player-green);
  background: rgba(80, 229, 143, 0.1);
}

#playerDetail.player-profile-exact .player-exact-category-details b.warn {
  color: var(--player-gold);
  background: rgba(248, 189, 72, 0.1);
}

#playerDetail.player-profile-exact .player-exact-category-details b.bad {
  color: var(--player-red);
  background: rgba(255, 105, 112, 0.1);
}

/* Keep the latest three measurements readable: one table, one scroll area. */
#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-table,
#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-head,
#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-row {
  min-width: 760px;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-head,
#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-row {
  grid-template-columns: minmax(140px, 1.1fr) repeat(3, minmax(105px, 0.88fr)) minmax(88px, 0.65fr) minmax(108px, 0.8fr);
}

#playerDetail.player-profile-exact .player-exact-results-scroll .change-text,
#playerDetail.player-profile-exact .player-exact-results-scroll .report-rating {
  display: inline-flex;
  min-width: 72px;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  justify-self: center;
  padding: 5px 9px;
  border: 1px solid transparent !important;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.1;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .change-text.good,
#playerDetail.player-profile-exact .player-exact-results-scroll .report-rating.good {
  color: var(--player-green) !important;
  border-color: rgba(80, 229, 143, 0.3) !important;
  background: rgba(80, 229, 143, 0.1) !important;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .change-text.neutral,
#playerDetail.player-profile-exact .player-exact-results-scroll .change-text.warn,
#playerDetail.player-profile-exact .player-exact-results-scroll .report-rating.neutral,
#playerDetail.player-profile-exact .player-exact-results-scroll .report-rating.warn {
  color: #ffd071 !important;
  border-color: rgba(248, 189, 72, 0.3) !important;
  background: rgba(248, 189, 72, 0.1) !important;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .change-text.bad,
#playerDetail.player-profile-exact .player-exact-results-scroll .report-rating.bad {
  color: #ff9da3 !important;
  border-color: rgba(255, 105, 112, 0.3) !important;
  background: rgba(255, 105, 112, 0.1) !important;
}

/* Approved reference comparison language: summary band and compact metric bars. */
#playerDetail.player-profile-exact .reference-compare-card {
  gap: 12px;
  padding: 0;
  border: 0;
  background: transparent;
}

#playerDetail.player-profile-exact .reference-compare-card > label {
  display: grid;
  width: min(280px, 100%);
  gap: 6px;
  color: var(--player-muted);
  font-size: 10px;
  font-weight: 800;
}

#playerDetail.player-profile-exact .reference-compare-card > label select {
  min-height: 40px;
  color: var(--player-text);
  border-color: var(--player-line);
  background: #071522;
}

#playerDetail.player-profile-exact .player-exact-reference-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

#playerDetail.player-profile-exact .player-exact-reference-summary article {
  display: grid;
  min-width: 0;
  min-height: 112px;
  align-content: center;
  gap: 5px;
  padding: 15px 17px;
  border: 1px solid var(--player-line);
  border-left: 4px solid var(--player-gold);
  border-radius: 5px;
  background: var(--player-surface);
}

#playerDetail.player-profile-exact .player-exact-reference-summary article.good {
  border-left-color: var(--player-green);
}

#playerDetail.player-profile-exact .player-exact-reference-summary article.bad {
  border-left-color: var(--player-red);
}

#playerDetail.player-profile-exact .player-exact-reference-summary span {
  color: var(--player-muted);
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}

#playerDetail.player-profile-exact .player-exact-reference-summary strong {
  overflow: hidden;
  color: var(--player-text);
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#playerDetail.player-profile-exact .player-exact-reference-summary p {
  margin: 0;
  color: #8fa5b4;
  font-size: 9px;
  line-height: 1.35;
}

#playerDetail.player-profile-exact .player-exact-reference-panel {
  overflow: hidden;
  border: 1px solid var(--player-line);
  border-radius: 5px;
  background: var(--player-surface);
}

#playerDetail.player-profile-exact .player-exact-reference-head {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 15px 18px;
  border-bottom: 1px solid var(--player-line);
}

#playerDetail.player-profile-exact .player-exact-reference-head span {
  color: var(--player-green);
  font-size: 9px;
  font-weight: 900;
}

#playerDetail.player-profile-exact .player-exact-reference-head h4 {
  margin: 4px 0 0;
  color: var(--player-text);
  font-size: 16px;
}

#playerDetail.player-profile-exact .player-exact-reference-head time {
  color: var(--player-muted);
  font-size: 10px;
  font-weight: 750;
}

#playerDetail.player-profile-exact .player-exact-reference-bars {
  display: grid;
}

#playerDetail.player-profile-exact .player-exact-reference-row {
  display: grid;
  grid-template-columns: minmax(145px, 1.15fr) minmax(90px, 0.65fr) minmax(150px, 1fr) minmax(165px, 1fr) minmax(150px, 0.9fr);
  min-width: 0;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 10px 18px;
  border-bottom: 1px solid var(--player-line-soft);
}

#playerDetail.player-profile-exact .player-exact-reference-row:last-child {
  border-bottom: 0;
}

#playerDetail.player-profile-exact .player-exact-reference-row:hover {
  background: #0c1d2c;
}

#playerDetail.player-profile-exact .player-exact-reference-row > span:first-child,
#playerDetail.player-profile-exact .player-exact-reference-row > strong {
  min-width: 0;
  overflow: hidden;
  color: var(--player-text);
  font-size: 10px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#playerDetail.player-profile-exact .player-exact-reference-row > small {
  min-width: 0;
  overflow: hidden;
  color: var(--player-muted);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#playerDetail.player-profile-exact .player-exact-reference-track {
  position: relative;
  display: block;
  height: 6px;
  overflow: visible;
  border-radius: 999px;
  background: #1c3345;
}

#playerDetail.player-profile-exact .player-exact-reference-track b {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--player-score);
  border-radius: inherit;
  background: var(--player-green);
}

#playerDetail.player-profile-exact .player-exact-reference-track em {
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: var(--reference-score);
  width: 2px;
  border-radius: 1px;
  background: var(--player-gold);
}

#playerDetail.player-profile-exact .player-exact-reference-row .report-rating {
  display: inline-flex;
  min-width: 0;
  min-height: 28px;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  justify-self: start;
  padding: 5px 7px 5px 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 900;
  white-space: nowrap;
}

#playerDetail.player-profile-exact .player-exact-reference-row .report-rating.good {
  color: var(--player-green) !important;
  border-color: rgba(80, 229, 143, 0.3);
  background: rgba(80, 229, 143, 0.1) !important;
}

#playerDetail.player-profile-exact .player-exact-reference-row .report-rating.neutral,
#playerDetail.player-profile-exact .player-exact-reference-row .report-rating.warn {
  color: #ffd071 !important;
  border-color: rgba(248, 189, 72, 0.3);
  background: rgba(248, 189, 72, 0.1) !important;
}

#playerDetail.player-profile-exact .player-exact-reference-row .report-rating.bad {
  color: #ff9da3 !important;
  border-color: rgba(255, 105, 112, 0.3);
  background: rgba(255, 105, 112, 0.1) !important;
}

#playerDetail.player-profile-exact .player-exact-reference-row .info-tip {
  width: 20px;
  height: 20px;
  min-width: 20px;
  color: currentColor;
  border-color: currentColor;
  background: transparent;
  font-size: 8px;
}

/* Match the approved latest-three-measurements table. */
#playerDetail.player-profile-exact .player-exact-results-panel {
  padding: 0 !important;
  overflow: hidden;
}

#playerDetail.player-profile-exact .player-exact-results-panel .report-panel-head {
  margin: 0;
  padding: 16px 18px;
}

#playerDetail.player-profile-exact .player-exact-results-scroll {
  border-width: 1px 0 0;
  border-radius: 0;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-table,
#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-head,
#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-row {
  min-width: 860px;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-head,
#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-row {
  grid-template-columns: minmax(185px, 1.25fr) repeat(3, minmax(125px, 0.82fr)) minmax(105px, 0.68fr) minmax(145px, 0.92fr);
  gap: 8px;
  min-height: 54px;
  padding: 9px 13px;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-head {
  color: #8fa5b4;
  background: #071522 !important;
  font-size: 10px;
  text-transform: uppercase;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-rating-head {
  display: grid;
  gap: 2px;
  align-content: center;
  justify-items: center;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-rating-head small {
  color: #6f8798;
  font-size: 8px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-row > strong {
  font-size: 11px;
  font-weight: 800;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-results-row > span:not(.report-rating):not(.change-text) {
  color: #c4d2dc;
  font-size: 10px;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .change-text,
#playerDetail.player-profile-exact .player-exact-results-scroll .report-rating {
  min-width: 0;
  min-height: 27px;
  gap: 5px;
  padding: 0 9px;
  font-size: 9px;
}

#playerDetail.player-profile-exact .player-exact-results-scroll .report-rating .info-tip {
  width: 18px;
  height: 18px;
  min-width: 18px;
  color: currentColor;
  border-color: currentColor;
  background: transparent;
  font-size: 8px;
}

@media (max-width: 900px) {
  #playerDetail.player-profile-exact .player-exact-reference-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-profile-exact .player-exact-reference-summary article {
    min-height: 92px;
  }

  #playerDetail.player-profile-exact .player-exact-reference-panel {
    overflow-x: auto;
  }

  #playerDetail.player-profile-exact .player-exact-reference-head,
  #playerDetail.player-profile-exact .player-exact-reference-bars {
    min-width: 760px;
  }

  #playerDetail.player-profile-exact .player-exact-reference-row {
    grid-template-columns: minmax(145px, 1fr) 90px 145px 165px 150px;
  }
}

@media (max-width: 1080px) {
  #playerDetail.player-profile-exact .player-exact-orthopedic-layout,
  #playerDetail.player-profile-exact .player-exact-classification-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-profile-exact .player-exact-step-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  #playerDetail.player-profile-exact .player-premium-classification-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-profile-exact .player-exact-step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #playerDetail.player-profile-exact .player-exact-correction-item {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  #playerDetail.player-profile-exact .player-exact-correction-item > b {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 560px) {
  #playerDetail.player-profile-exact .player-exact-step-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #playerDetail.player-profile-exact .player-exact-step-grid > div {
    min-height: 82px;
  }

  #playerDetail.player-profile-exact .player-exact-category summary {
    grid-template-columns: 34px minmax(0, 1fr) auto 16px;
    gap: 8px;
    padding: 11px;
  }

  #playerDetail.player-profile-exact .player-exact-category-icon {
    width: 32px;
    height: 32px;
  }

  #playerDetail.player-profile-exact .player-exact-category-details {
    padding: 0 11px 11px;
  }

  #playerDetail.player-profile-exact .player-exact-category-details > div > span {
    grid-template-columns: minmax(0, 1fr) 28px;
  }

  #playerDetail.player-profile-exact .player-exact-category-details > div > span > small {
    grid-column: 1;
    grid-row: 2;
    padding-bottom: 7px;
  }

  #playerDetail.player-profile-exact .player-exact-category-details > div > span > b {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
}

/* Refined player identity and empty states: compact, readable and balanced. */
#playerDetail.player-premium.player-profile-exact > .profile-header.player-hero {
  grid-template-columns: 138px minmax(260px, 1fr) minmax(300px, 360px);
  gap: 22px;
  align-items: center;
  padding: 20px;
}

#playerDetail.player-profile-exact .profile-photo.player-photo {
  width: 138px;
  min-height: 154px;
  aspect-ratio: 0.9;
  border-color: color-mix(in srgb, var(--player-green) 28%, var(--player-line));
  background:
    radial-gradient(circle at 50% 35%, rgba(80, 229, 143, 0.15), transparent 45%),
    linear-gradient(145deg, #10283b, #081826);
}

#playerDetail.player-profile-exact .profile-photo.player-photo::after {
  background: linear-gradient(180deg, rgba(4, 17, 29, 0.18), rgba(4, 17, 29, 0.48));
}

#playerDetail.player-profile-exact .profile-photo.player-photo .avatar-fallback {
  width: 82px !important;
  height: 82px !important;
  border: 1px solid rgba(80, 229, 143, 0.42);
  border-radius: 50% !important;
  color: #a5f3cf;
  background: rgba(9, 48, 38, 0.88);
  box-shadow: 0 0 0 9px rgba(80, 229, 143, 0.06);
  font-size: 34px !important;
  font-weight: 820 !important;
}

#playerDetail.player-profile-exact #detailName {
  max-width: 780px;
  font-size: clamp(32px, 3.25vw, 50px);
  line-height: 1.02;
}

#playerDetail.player-profile-exact .profile-meta.player-meta {
  gap: 7px;
  margin-top: 12px;
}

#playerDetail.player-profile-exact .profile-meta.player-meta .meta-pill {
  min-height: 28px;
  padding: 4px 10px 4px 18px;
  border: 1px solid var(--player-line);
  border-radius: 999px;
  color: #c9d8e3;
  background: rgba(10, 28, 43, 0.78);
  font-size: 11px;
}

#playerDetail.player-profile-exact .profile-meta.player-meta .meta-pill::before {
  position: absolute;
  left: 8px;
}

#playerDetail.player-profile-exact .player-premium-summary {
  max-width: 760px;
  margin-top: 12px;
  font-size: 11px;
  line-height: 1.5;
}

#playerDetail.player-profile-exact .player-premium-hero-facts.player-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  align-self: center;
  padding: 8px 12px;
}

#playerDetail.player-profile-exact .player-premium-hero-facts.player-facts > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  align-content: center;
  min-height: 64px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--player-line-soft);
}

#playerDetail.player-profile-exact .player-premium-hero-facts.player-facts > div:nth-child(odd) {
  border-right: 1px solid var(--player-line-soft);
}

#playerDetail.player-profile-exact .player-premium-hero-facts.player-facts > div:nth-last-child(-n + 2) {
  border-bottom: 0;
}

#playerDetail.player-profile-exact .player-premium-hero-facts.player-facts dt {
  font-size: 10px;
  font-weight: 720;
}

#playerDetail.player-profile-exact .player-premium-hero-facts.player-facts dd {
  font-size: 12px;
  text-align: left;
}

#playerDetail.player-profile-exact .player-premium-hero-facts.player-facts .is-missing dd {
  color: var(--player-muted);
  font-weight: 650;
}

#playerDetail.player-profile-exact .player-premium-view-heading {
  align-items: end;
  margin-bottom: 16px;
}

#playerDetail.player-profile-exact .player-premium-view-heading h2 {
  font-size: clamp(25px, 2.4vw, 34px);
}

#playerDetail.player-profile-exact .player-premium-kpi {
  min-height: 116px;
  padding: 15px 52px 14px 16px;
}

#playerDetail.player-profile-exact .player-premium-kpi strong {
  margin-top: 8px;
  font-size: clamp(24px, 2.1vw, 31px);
}

#playerDetail.player-profile-exact .player-premium-kpi p {
  margin-top: 7px;
}

html[data-color-mode="light"] #playerDetail.player-profile-exact .profile-photo.player-photo {
  border-color: #b6d7c9;
  background:
    radial-gradient(circle at 50% 35%, rgba(8, 137, 92, 0.13), transparent 44%),
    linear-gradient(145deg, #e7f4ef, #dbe8ef);
}

html[data-color-mode="light"] #playerDetail.player-profile-exact .profile-photo.player-photo::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(225, 239, 235, 0.24));
}

html[data-color-mode="light"] #playerDetail.player-profile-exact .profile-photo.player-photo .avatar-fallback {
  color: #087a55;
  border-color: #8fcdb6;
  background: #dff4eb;
  box-shadow: 0 0 0 9px rgba(8, 137, 92, 0.07);
}

html[data-color-mode="light"] #playerDetail.player-profile-exact .profile-meta.player-meta .meta-pill {
  color: #3e5669;
  border-color: #d0dce5;
  background: #f6f9fb;
}

html[data-color-mode="light"] #playerDetail.player-profile-exact .player-premium-hero-facts.player-facts {
  background: #f8fbfc !important;
}

@media (max-width: 1100px) {
  #playerDetail.player-premium.player-profile-exact > .profile-header.player-hero {
    grid-template-columns: 126px minmax(0, 1fr);
  }

  #playerDetail.player-profile-exact .profile-photo.player-photo {
    width: 126px;
    min-height: 142px;
  }

  #playerDetail.player-profile-exact .player-premium-hero-facts.player-facts {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  #playerDetail.player-premium.player-profile-exact > .profile-header.player-hero {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
  }

  #playerDetail.player-profile-exact .profile-photo.player-photo {
    width: 76px;
    min-height: 92px;
  }

  #playerDetail.player-profile-exact .profile-photo.player-photo .avatar-fallback {
    width: 54px !important;
    height: 54px !important;
    box-shadow: 0 0 0 5px rgba(80, 229, 143, 0.06);
    font-size: 22px !important;
  }

  #playerDetail.player-profile-exact #detailName {
    font-size: clamp(24px, 8vw, 32px);
  }

  #playerDetail.player-profile-exact .player-premium-summary {
    display: none;
  }

  #playerDetail.player-profile-exact .profile-meta.player-meta {
    display: flex;
    gap: 5px;
  }

  #playerDetail.player-profile-exact .profile-meta.player-meta .meta-pill {
    min-height: 24px;
    padding: 3px 7px 3px 15px;
    font-size: 9px;
  }

  #playerDetail.player-profile-exact .player-premium-hero-facts.player-facts {
    grid-template-columns: minmax(0, 1fr);
    padding: 5px 9px;
  }

  #playerDetail.player-profile-exact .player-premium-hero-facts.player-facts > div,
  #playerDetail.player-profile-exact .player-premium-hero-facts.player-facts > div:nth-child(odd),
  #playerDetail.player-profile-exact .player-premium-hero-facts.player-facts > div:nth-last-child(-n + 2) {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 42px;
    padding: 6px 2px;
    border-right: 0;
    border-bottom: 1px solid var(--player-line-soft);
  }

  #playerDetail.player-profile-exact .player-premium-hero-facts.player-facts > div:last-child {
    border-bottom: 0;
  }

  #playerDetail.player-profile-exact .player-premium-hero-facts.player-facts dd {
    text-align: right;
  }

  #playerDetail.player-profile-exact .player-premium-kpi {
    min-height: 100px;
  }
}