body:has(.player-intel-page) {
  background: #03090d;
}

body:has(.player-intel-page) .premium-market-ribbon {
  display: flex;
}

.player-intel-page {
  min-height: 100vh;
  background: #03090d;
  color: #f4f7f8;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.player-intel-hero {
  position: relative;
  isolation: isolate;
  min-height: 250px;
  display: block;
  overflow: hidden;
  padding: 38px clamp(28px, 31vw, 490px);
  padding-right: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  background-color: #061019;
  background-image: url("https://ndezpiohteylcttsgjxa.supabase.co/storage/v1/object/public/public_assets/platform/backgrounds/dashboard_stadiums_inovation_background_image_v1.png");
  background-position: center 45%;
  background-size: cover;
}

.player-intel-hero::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(2, 8, 13, .66);
  content: "";
}

.player-intel-hero::after {
  position: absolute;
  inset: auto 0 0;
  z-index: -1;
  height: 42%;
  background: rgba(2, 8, 13, .6);
  content: "";
}

.player-intel-portrait {
  position: absolute;
  inset: 31px auto auto 56px;
  z-index: 0;
  width: 188px !important;
  height: 188px !important;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 50%;
  background: #101920;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .34);
  object-fit: cover !important;
  object-position: center 18% !important;
  filter: saturate(.96) contrast(1.03);
}

.player-intel-identity {
  position: relative;
  z-index: 1;
  max-width: 680px;
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
}

.player-intel-identity > img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}

.player-intel-identity h1 {
  display: block;
  margin: 0 0 6px;
  color: #fff;
  font-size: clamp(32px, 3.2vw, 52px);
  font-weight: 680;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

.player-intel-identity p,
.player-intel-identity span {
  margin: 0;
  color: rgba(245, 248, 250, .88);
  font-size: 15px;
  line-height: 1.5;
}

.player-intel-identity span {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 5px;
  color: rgba(233, 240, 244, .7);
  font-size: 13px;
}

.player-intel-identity span img {
  width: 20px;
  height: 13px;
  object-fit: cover;
}

.player-intel-actions {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

.player-intel-actions button {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  border: 1px solid rgba(221, 233, 240, .36);
  border-radius: 5px;
  background: rgba(4, 13, 20, .62);
  color: #f7f9fa;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
  backdrop-filter: blur(14px);
}

.player-intel-actions button:hover,
.player-intel-actions button.active {
  border-color: #4097ff;
  background: rgba(19, 79, 145, .48);
}

.player-intel-actions svg {
  width: 16px;
}

.player-intel-more {
  width: 40px;
  padding: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
}

.player-intel-mobile-value {
  display: none;
}

.player-intel-tabs {
  min-height: 60px;
  display: flex;
  align-items: stretch;
  gap: 4px;
  overflow: visible;
  padding: 0 clamp(24px, 3vw, 48px);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  background: #03090d;
}

.player-intel-tablist {
  display: flex;
  align-items: stretch;
}

.player-intel-tablist > button {
  min-width: 108px;
  padding: 0 17px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: rgba(228, 237, 242, .64);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}

.player-intel-tablist > button.active {
  border-bottom-color: #4a9cff;
  color: #fff;
}

.player-intel-tabs > .player-intel-cta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

.player-intel-tabs > .player-intel-cta button {
  min-width: 148px;
  min-height: 38px;
  padding: 0 18px;
  border: 1px solid rgba(222, 233, 239, .3);
  border-radius: 5px;
  background: transparent;
  color: #f4f7f8;
  font: inherit;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: uppercase;
  cursor: pointer;
}

.player-intel-tabs > .player-intel-cta button.primary {
  border-color: #fff;
  background: #fff;
  color: #071017;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .18);
}

.player-intel-content {
  max-width: 1600px;
  margin: 0 auto;
  padding: 20px clamp(24px, 3vw, 48px) 54px;
}

.player-profile-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(250px, .72fr) minmax(250px, .68fr);
}

.player-profile-overview h2 {
  margin: 0;
  color: #f6f8f9;
  font-size: 15px;
  font-weight: 620;
  letter-spacing: 0;
}

.player-profile-market,
.player-profile-metrics,
.player-profile-next-match,
.player-profile-transfers,
.player-profile-insights {
  min-width: 0;
  background: transparent;
}

.player-profile-market {
  padding: 10px 26px 16px 0;
  border-right: 1px solid rgba(255, 255, 255, .12);
}

.player-profile-market > header {
  min-height: 92px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.player-profile-market > header > div:first-child > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(235, 242, 246, .82);
  font-size: 14px;
}

.player-profile-market > header > div:first-child svg {
  width: 14px;
}

.player-profile-market > header strong {
  display: block;
  margin-top: 7px;
  font-size: clamp(34px, 4vw, 50px);
  font-weight: 560;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  line-height: 1;
}

.player-profile-market > header em {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

.player-intel-ranges {
  display: flex;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 5px;
}

.player-intel-ranges button {
  width: 45px;
  height: 33px;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, .08);
  border-radius: 0;
  background: transparent;
  color: rgba(231, 239, 243, .58);
  font: inherit;
  font-size: 10px;
  cursor: pointer;
}

.player-intel-ranges button:last-child {
  border-right: 0;
}

.player-intel-ranges button.active {
  border-color: rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .1);
  color: #fff;
}

.player-profile-market .player-intel-chart-wrap {
  height: 245px;
  margin: 0;
}

.player-profile-chart-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 12px 0 0;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.player-profile-chart-stats div + div {
  padding-left: 22px;
  border-left: 1px solid rgba(255, 255, 255, .1);
}

.player-profile-chart-stats dt,
.player-profile-metrics dt {
  color: rgba(228, 237, 242, .54);
  font-size: 10px;
}

.player-profile-chart-stats dd,
.player-profile-metrics dd {
  margin: 5px 0 0;
  color: #f5f8fa;
  font-size: 16px;
  font-weight: 570;
  font-variant-numeric: tabular-nums;
}

.player-profile-metrics {
  padding: 10px 24px 16px;
  border-right: 1px solid rgba(255, 255, 255, .12);
}

.player-profile-metrics dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 24px 0 0;
}

.player-profile-metrics dl div {
  min-height: 72px;
  padding: 0 10px 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.player-profile-metrics dl div:nth-child(even) {
  padding-left: 14px;
  border-left: 1px solid rgba(255, 255, 255, .09);
}

.player-profile-metrics dl div:nth-last-child(-n + 2) {
  padding-top: 16px;
  border-bottom: 0;
}

.player-profile-metrics em {
  margin-left: 5px;
  font-size: 10px;
  font-style: normal;
}

.player-profile-next-match {
  padding: 10px 0 16px 24px;
}

.player-profile-next-match > span {
  display: block;
  margin-top: 15px;
  color: rgba(228, 237, 242, .58);
  font-size: 10px;
}

.player-profile-next-match > div {
  display: grid;
  grid-template-columns: 1fr 28px 1fr;
  align-items: center;
  gap: 5px;
  margin: 18px 0 10px;
  text-align: center;
}

.player-profile-next-match figure {
  margin: 0;
}

.player-profile-next-match figure img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

.player-profile-next-match figcaption {
  margin-top: 8px;
  font-size: 11px;
}

.player-profile-next-match > div b {
  color: rgba(238, 244, 247, .6);
  font-size: 11px;
  font-weight: 500;
}

.player-profile-next-match p,
.player-profile-next-match address {
  margin: 8px 0;
  color: rgba(228, 237, 242, .62);
  font-size: 10px;
  font-style: normal;
  line-height: 1.55;
  text-align: center;
}

.player-profile-next-match address {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.player-profile-next-match address svg {
  width: 13px;
}

.player-profile-next-match > button {
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .1);
  background: transparent;
  color: #4a9cff;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}

.player-profile-next-match > button svg {
  width: 14px;
}

.player-profile-transfers,
.player-profile-insights {
  margin-top: 14px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, .13);
}

.player-profile-transfers {
  grid-column: 1 / 3;
  padding-right: 26px;
  border-right: 1px solid rgba(255, 255, 255, .12);
}

.player-profile-insights {
  padding-left: 24px;
}

.player-profile-transfers > header,
.player-profile-insights > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 34px;
}

.player-profile-transfers header button,
.player-profile-insights header button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 0;
  background: transparent;
  color: #4a9cff;
  font: inherit;
  font-size: 10px;
  cursor: pointer;
}

.player-profile-transfers header svg,
.player-profile-insights header svg {
  width: 13px;
}

.player-profile-transfer-head,
.player-profile-transfers article {
  display: grid;
  grid-template-columns: 88px minmax(120px, 1fr) minmax(120px, 1fr) 95px 94px 104px;
  align-items: center;
  gap: 12px;
}

.player-profile-transfer-head {
  min-height: 35px;
  color: rgba(228, 237, 242, .44);
  font-size: 9px;
  text-transform: uppercase;
}

.player-profile-transfers article {
  min-height: 64px;
  border-top: 1px solid rgba(255, 255, 255, .09);
  color: rgba(240, 245, 247, .8);
  font-size: 11px;
}

.player-profile-transfers article > span {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.player-profile-transfers article img {
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  object-fit: contain;
}

.player-profile-transfers article > span > svg {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
  color: rgba(234, 241, 244, .68);
}

.player-profile-transfers article strong,
.player-profile-transfers article b {
  font-size: 12px;
  font-weight: 580;
  font-variant-numeric: tabular-nums;
}

.player-profile-transfers article b em {
  display: block;
  margin-top: 3px;
  font-size: 9px;
  font-style: normal;
}

.player-profile-insights article {
  min-height: 74px;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 12px;
  border-top: 1px solid rgba(255, 255, 255, .09);
}

.player-profile-insights article > img {
  width: 74px;
  height: 52px;
  border-radius: 3px;
  object-fit: cover;
}

.player-profile-insights article span {
  min-width: 0;
}

.player-profile-insights article small {
  display: block;
  margin-bottom: 5px;
  color: #4a9cff;
  font-size: 8px;
  text-transform: uppercase;
}

.player-profile-insights article strong {
  display: block;
  overflow: hidden;
  color: #f5f8f9;
  font-size: 11px;
  font-weight: 540;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.player-profile-insights article > svg {
  width: 15px;
  color: rgba(232, 240, 244, .58);
}

.positive { color: #31df7c !important; }
.negative { color: #ff4747 !important; }

@media (max-width: 1080px) {
  .player-intel-hero { padding-left: 282px; }
  .player-profile-overview { grid-template-columns: minmax(0, 1.45fr) minmax(245px, .75fr); }
  .player-profile-next-match { grid-column: 1 / -1; padding: 22px 0; border-top: 1px solid rgba(255, 255, 255, .12); }
  .player-profile-next-match > div { max-width: 330px; margin-inline: auto; }
  .player-profile-next-match > button { max-width: 330px; margin-inline: auto; }
  .player-profile-transfers { grid-column: 1 / -1; border-right: 0; }
  .player-profile-insights { grid-column: 1 / -1; padding-left: 0; }
}

@media (max-width: 760px) {
  body:has(.player-intel-page) .premium-market-ribbon { display: none; }
  .player-intel-hero {
    min-height: 450px;
    padding: 0;
    background-position: 65% center;
  }
  .player-intel-hero::before { background: rgba(1, 8, 13, .44); }
  .player-intel-hero::after { height: 55%; background: rgba(2, 8, 13, .76); }
  .player-intel-portrait {
    inset: 28px 18px auto auto;
    width: 148px !important;
    height: 148px !important;
    object-position: center 18% !important;
  }
  .player-intel-identity {
    position: static;
    display: block;
  }
  .player-intel-identity > img {
    position: absolute;
    top: 44px;
    left: 20px;
    width: 68px;
    height: 68px;
  }
  .player-intel-identity > div {
    position: absolute;
    top: 128px;
    left: 20px;
    right: 20px;
  }
  .player-intel-identity h1 {
    max-width: 225px;
    margin: 0 0 8px;
    font-size: 31px;
    line-height: 1.03;
  }
  .player-intel-identity p { font-size: 15px; }
  .player-intel-identity span {
    max-width: 320px;
    flex-wrap: wrap;
    margin-top: 12px;
    font-size: 12px;
  }
  .player-intel-actions {
    position: absolute;
    top: 245px;
    left: 0;
    bottom: auto;
    align-items: center;
    gap: 0;
  }
  .player-intel-actions button {
    min-height: 36px;
    padding: 0 14px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, .22);
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
  }
  .player-intel-actions button:last-child { border-right: 0; }
  .player-intel-mobile-value {
    position: absolute;
    left: 20px;
    bottom: 74px;
    z-index: 2;
    display: flex;
    align-items: baseline;
    gap: 18px;
  }
  .player-intel-mobile-value strong { font-size: 35px; font-weight: 560; }
  .player-intel-mobile-value em { font-size: 14px; font-style: normal; font-weight: 600; }
  .player-intel-mobile-value em span { margin-left: 8px; color: rgba(235, 242, 246, .7); }
  .player-intel-tabs {
    min-height: 142px;
    display: block;
    overflow: visible;
    padding: 0;
  }
  .player-intel-tablist {
    height: 60px;
    overflow-x: auto;
    padding: 0 16px;
    scrollbar-width: none;
  }
  .player-intel-tablist::-webkit-scrollbar { display: none; }
  .player-intel-tablist > button { min-width: 112px; padding: 0 12px; font-size: 12px; }
  .player-intel-tabs > .player-intel-cta {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 10px;
    margin: 0;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background: #03090d;
  }
  .player-intel-tabs > .player-intel-cta button { min-width: 0; min-height: 50px; padding: 0 8px; }
  .player-intel-content { padding: 24px 20px 46px; }
  .player-profile-overview { display: block; }
  .player-profile-market,
  .player-profile-metrics,
  .player-profile-next-match,
  .player-profile-transfers,
  .player-profile-insights {
    padding: 24px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
  }
  .player-profile-market { padding-top: 6px; }
  .player-profile-market > header { min-height: 122px; display: block; }
  .player-profile-market > header strong { font-size: 38px; }
  .player-profile-market .player-intel-ranges {
    width: max-content;
    margin: 22px 0 0 auto;
  }
  .player-profile-market .player-intel-chart-wrap { height: 285px; }
  .player-profile-chart-stats dd { font-size: 15px; }
  .player-profile-metrics dl { margin-top: 20px; }
  .player-profile-metrics dl div { min-height: 82px; padding-top: 13px; }
  .player-profile-next-match > div { max-width: none; grid-template-columns: 1fr 32px 1fr; }
  .player-profile-next-match > button { display: none; }
  .player-profile-transfers { overflow: hidden; }
  .player-profile-transfer-head { display: none; }
  .player-profile-transfers article {
    min-height: 86px;
    grid-template-columns: minmax(0, 1.25fr) minmax(88px, .7fr) minmax(88px, .7fr);
    gap: 10px;
  }
  .player-profile-transfers article > time,
  .player-profile-transfers article > span:nth-of-type(1),
  .player-profile-transfers article > span:nth-of-type(3) { display: none; }
  .player-profile-transfers article > span:nth-of-type(2) {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    font-size: 12px;
  }
  .player-profile-transfers article > span:nth-of-type(2)::after {
    grid-column: 2;
    color: rgba(228, 237, 242, .48);
    font-size: 9px;
    content: attr(data-mobile-date);
  }
  .player-profile-transfers article > span:nth-of-type(2) img,
  .player-profile-transfers article > span:nth-of-type(2) > svg { grid-row: 1 / 3; }
  .player-profile-transfers article > strong::after {
    display: block;
    margin-top: 4px;
    color: rgba(228, 237, 242, .46);
    font-size: 9px;
    font-weight: 500;
    content: attr(data-mobile-type);
  }
  .player-profile-insights article strong { white-space: normal; }
  .player-intel-tab-placeholder { min-height: 520px; margin: 0; border: 0; background: transparent; }
}