/* app/globals.css */
@import "tailwindcss";

/* Keep ordinary page copy from presenting itself as an editable text surface. */
html,
body,
body * {
  cursor: default;
  caret-color: transparent;
}

a,
button,
summary,
label,
select,
[role="button"] {
  cursor: pointer;
}

input,
textarea,
[contenteditable="true"] {
  cursor: text;
  caret-color: auto;
}

/* Compact mobile type scale keeps every scoreboard column inside the viewport. */
@media (max-width: 620px) {
  html {
    font-size: 13px !important;
  }
  body {
    font-size: 12px !important;
  }
  body #today .featured-pick {
    overflow: hidden !important;
  }
  body #today .featured-match,
  body #today .avoid-board .avoid-pick .featured-match,
  body #today .match-row {
    min-width: 0 !important;
    width: 100% !important;
    grid-template-columns: 34px minmax(68px, 1fr) 31px 104px 38px !important;
    gap: 5px !important;
    padding: 7px 6px !important;
    min-height: 60px !important;
  }
  body #today .featured-status,
  body #today .match-status {
    font-size: 6px !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
  }
  body #today .featured-players,
  body #today .match-players,
  body #today .avoid-board .featured-players {
    gap: 3px !important;
    font-size: 8px !important;
    min-width: 0 !important;
  }
  body #today .featured-players b,
  body #today .match-players b,
  body #today .avoid-board .featured-players b,
  body #today .avoid-board .featured-players b.avoided {
    font-size: 8px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body #today .player-country {
    font-size: 6px !important;
  }
  body #today .featured-players em,
  body #today .match-players em,
  body #today .avoid-board .featured-players em {
    display: block !important;
    width: max-content !important;
    margin: 2px 0 0 !important;
    padding: 1px 3px !important;
    font-size: 5px !important;
    letter-spacing: 0.02em !important;
  }
  body #today .match-odds,
  body #today .match-odds b,
  body #today .avoid-board .match-odds,
  body #today .avoid-board .match-odds b {
    width: 31px !important;
    font-size: 8px !important;
    gap: 3px !important;
    text-align: right !important;
  }
  body #today .featured-match > .score-display,
  body #today .avoid-board .featured-match > .score-display,
  body #today .match-row > .score-display {
    width: 104px !important;
    padding: 4px !important;
  }
  body #today .score-lines {
    width: 94px !important;
    gap: 2px !important;
  }
  body #today .score-lines > span {
    grid-template-columns: 18px repeat(5, 13px) !important;
    column-gap: 1px !important;
  }
  body #today .score-lines strong {
    width: 18px !important;
  }
  body #today .score-lines i {
    width: 13px !important;
  }
  body #today .score-lines strong,
  body #today .score-lines i {
    font-size: 8px !important;
    text-align: center !important;
  }
  body #today .score-lines strong {
    font-size: 9px !important;
  }
  body #today .pick-summary {
    width: 38px !important;
    gap: 2px !important;
  }
  body #today .pick-summary > b,
  body #today .pick-summary > strong {
    font-size: 6px !important;
  }
  body #today .avoid-board .avoided-result {
    padding: 3px !important;
    font-size: 5px !important;
    letter-spacing: 0 !important;
  }
  body #today .featured-kicker,
  body #today .avoid-kicker {
    padding: 9px 10px !important;
  }
  body #today .featured-kicker b,
  body #today .avoid-kicker b {
    font-size: 7px !important;
  }
  body #today .featured-kicker span,
  body #today .avoid-kicker span {
    font-size: 7px !important;
    line-height: 1.35 !important;
  }
  body #today .total-pnl,
  body #today .traps-total {
    font-size: 6px !important;
    padding: 4px 6px !important;
  }
  body #today .other-matches-head b {
    font-size: 7px !important;
  }
  body #today .other-matches-head span {
    font-size: 7px !important;
  }
  body #today .score-filters button {
    padding: 6px 9px !important;
    font-size: 7px !important;
  }
  body #today .tournament summary {
    padding: 10px 11px !important;
  }
  body #today .tournament summary span {
    font-size: 8px !important;
  }
  body #today .tournament summary b {
    font-size: 6px !important;
  }
  body #today .score-note {
    font-size: 7px !important;
    line-height: 1.5 !important;
  }
  body .scores-top small,
  body .source-stamp,
  body .source-stamp small {
    font-size: 6px !important;
  }
  body #today .scores-top h2 {
    font-size: 21px !important;
  }
  body .hero .eyebrow {
    font-size: 8px !important;
  }
  body .hero h1 {
    font-size: 46px !important;
  }
  body .hero-copy > p {
    font-size: 13px !important;
  }
  body .hero .trust span {
    font-size: 8px !important;
  }
  body .method h2,
  body .pricing h2 {
    font-size: 31px !important;
  }
  body .steps h3 {
    font-size: 13px !important;
  }
  body .steps p,
  body .pricing > div > p {
    font-size: 11px !important;
  }
  body .price-card {
    padding: 25px !important;
  }
  body .price-card li,
  body .price-card p {
    font-size: 10px !important;
  }
  body .price b {
    font-size: 38px !important;
  }
  body footer {
    font-size: 8px !important;
  }
}
/* Final mobile scoreboard normalization — kept last to override legacy rules. */
@media (max-width: 620px) {
  body #today .featured-pick,
  body #today .avoid-pick {
    overflow: hidden !important;
  }
  body #today .featured-pick .featured-match,
  body #today .avoid-board .avoid-pick .featured-match,
  body #today .score-table .match-row {
    min-width: 0 !important;
    width: 100% !important;
    grid-template-columns: 32px minmax(0, 1fr) 31px 96px 34px !important;
    gap: 4px !important;
    padding: 7px 6px !important;
    min-height: 58px !important;
    align-items: center !important;
  }
  body #today .featured-pick .featured-players,
  body #today .avoid-board .featured-players,
  body #today .score-table .match-players {
    display: grid !important;
    grid-template-rows: repeat(2, 18px) !important;
    gap: 2px !important;
    min-width: 0 !important;
    align-items: center !important;
    font-family: var(--font-geist), Arial, sans-serif !important;
  }
  body #today .featured-pick .featured-players > b,
  body #today .avoid-board .featured-players > b,
  body #today .score-table .match-players > b {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-geist), Arial, sans-serif !important;
    font-size: 8px !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body #today .featured-pick .featured-players > b .player-country,
  body #today .avoid-board .featured-players > b .player-country,
  body #today .score-table .match-players > b .player-country {
    font-family: var(--font-mono) !important;
    font-size: 5px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }
  body #today .featured-pick .featured-players em,
  body #today .avoid-board .featured-players em,
  body #today .score-table .match-players em {
    display: inline-grid !important;
    place-items: center !important;
    width: auto !important;
    max-width: 45px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 1px 3px !important;
    font-family: var(--font-mono) !important;
    font-size: 4.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  body #today .featured-pick .featured-status,
  body #today .avoid-board .featured-status,
  body #today .score-table .match-status {
    width: 32px !important;
    font-size: 5.5px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  body #today .featured-pick .match-odds,
  body #today .avoid-board .match-odds,
  body #today .score-table .match-odds {
    display: grid !important;
    grid-template-rows: repeat(2, 18px) !important;
    align-items: center !important;
    width: 31px !important;
    gap: 2px !important;
    font-size: 8px !important;
    line-height: 18px !important;
    text-align: center !important;
  }
  body #today .featured-pick .match-odds > b,
  body #today .avoid-board .match-odds > b,
  body #today .score-table .match-odds > b {
    width: 31px !important;
    height: 18px !important;
    padding: 0 !important;
    font-size: 8px !important;
    line-height: 18px !important;
    text-align: center !important;
  }
  body #today .featured-pick .score-display,
  body #today .avoid-board .score-display,
  body #today .score-table .score-display {
    width: 96px !important;
    min-width: 0 !important;
    padding: 4px !important;
  }
  body #today .score-display .score-lines {
    width: 88px !important;
    gap: 2px !important;
  }
  body #today .score-display .score-lines > span {
    grid-template-columns: 16px repeat(5, 13px) !important;
    column-gap: 1px !important;
    height: 18px !important;
    align-items: center !important;
  }
  body #today .score-display .score-lines strong {
    width: 16px !important;
  }
  body #today .score-display .score-lines i {
    width: 13px !important;
  }
  body #today .score-display .score-lines strong,
  body #today .score-display .score-lines i {
    font-size: 8px !important;
    line-height: 18px !important;
    text-align: center !important;
  }
  body #today .score-display .score-lines strong {
    font-size: 9px !important;
  }
  body #today .featured-pick .pick-summary,
  body #today .avoid-board .pick-summary,
  body #today .score-table .chevron {
    width: 34px !important;
    min-width: 0 !important;
    justify-self: end !important;
  }
  body #today .featured-pick .pick-summary > b,
  body #today .featured-pick .pick-summary > strong {
    font-size: 5.5px !important;
  }
  body #today .avoid-board .avoided-result {
    max-width: 34px !important;
    padding: 3px 2px !important;
    font-size: 4.5px !important;
    letter-spacing: 0 !important;
  }
  body #today .featured-kicker,
  body #today .avoid-kicker {
    align-items: flex-start !important;
    gap: 4px !important;
  }
  body #today .featured-kicker b,
  body #today .avoid-kicker b {
    font-size: 6.5px !important;
    line-height: 1.35 !important;
  }
  body #today .featured-kicker span,
  body #today .avoid-kicker span {
    font-size: 6px !important;
    line-height: 1.35 !important;
  }
}
/* CourtValue presentation concept — reversible to saved version 39. */
html body {
  background: #07100c !important;
  color: #142019 !important;
}
body main {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh;
  background: linear-gradient(
    180deg,
    #07100c 0,
    #0b1711 560px,
    #f3f6f2 560px,
    #f3f6f2 100%
  ) !important;
}
body .shell {
  width: min(1200px, calc(100% - 48px)) !important;
}
body .nav {
  order: 1 !important;
  position: sticky !important;
  z-index: 50 !important;
  top: 14px !important;
  height: 64px !important;
  margin-top: 14px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(202, 243, 86, 0.14) !important;
  border-radius: 18px !important;
  background: rgba(10, 20, 15, 0.88) !important;
  backdrop-filter: blur(18px) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24) !important;
}
body .nav .brand {
  color: #f4f7f4 !important;
  font-weight: 650 !important;
}
body .nav .brand b {
  color: #c9f356 !important;
}
body .navlinks {
  gap: 8px !important;
}
body .navlinks a {
  padding: 8px 12px !important;
  border-radius: 9px !important;
  color: #aebbb3 !important;
  font-size: 12px !important;
}
body .navlinks a:hover {
  background: #17271f !important;
  color: #fff !important;
}
.install-app-button {
  appearance: none;
  border: 1px solid #c9f356;
  border-radius: 9px;
  background: #c9f356;
  color: #102018;
  font: 700 12px/1 var(--font-mono), monospace;
  cursor: pointer;
}
.nav-install-app {
  padding: 9px 13px;
}
.install-app-button:hover {
  background: #d9ff71;
}
.install-nudge {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  z-index: 2400;
  display: grid;
  grid-template-columns: 44px minmax(180px, 1fr) auto;
  align-items: center;
  gap: 13px;
  width: min(680px, calc(100vw - 36px));
  padding: 15px 16px;
  border: 1px solid rgba(201,243,86,.52);
  border-radius: 17px;
  background: #10231a;
  color: #f4f8f5;
  box-shadow: 0 20px 55px rgba(0,0,0,.34);
}
.install-nudge img { border-radius: 11px; }
.install-nudge span { display: grid; gap: 4px; }
.install-nudge b { font-size: 16px; }
.install-nudge small { color: #b7c5bd; font-size: 13px; line-height: 1.35; }
.install-nudge > button:last-child { padding: 12px 15px; border: 0; border-radius: 10px; background: #c9f356; color: #102018; font: 800 12px/1.15 var(--font-mono), monospace; cursor: pointer; }
.install-nudge-close { position: absolute; top: -11px; right: -9px; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #52675c; border-radius: 50%; background: #172c21; color: #fff; font-size: 20px; line-height: 1; cursor: pointer; }
.install-guide-backdrop {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: grid;
  place-items: center;
  padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
  background: rgba(3, 10, 6, .76);
  backdrop-filter: blur(9px);
}
.install-guide {
  position: relative;
  width: min(560px, 100%);
  max-height: calc(100dvh - max(24px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));
  overflow: auto;
  overscroll-behavior: contain;
  padding: 30px;
  border: 1px solid rgba(201, 243, 86, .42);
  border-radius: 22px;
  background: #10231a;
  color: #f4f8f5;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .48);
}
.install-guide img { border-radius: 13px; }
.install-guide-heading { display: flex; align-items: center; gap: 14px; padding-right: 42px; }
.install-guide small { display: block; color: #c9f356; font: 700 12px/1.2 var(--font-mono), monospace; letter-spacing: .08em; }
.install-guide h2 { margin: 7px 0 0; color: #fff; font-size: 27px; line-height: 1.08; }
.install-guide ol { display: grid; gap: 11px; margin: 0; padding-left: 23px; color: #e0e9e3; font-size: 16px; line-height: 1.45; }
.install-guide p { margin: 20px 0 0; color: #aebdb4; font-size: 14px; line-height: 1.5; }
.install-guide-close { position: sticky; top: 0; z-index: 10; display: block; margin: -12px -12px -22px auto; width: 40px; min-width: 40px; height: 40px; border: 1px solid #52675c; border-radius: 12px; background: #172c21; color: #fff; box-shadow: 0 8px 22px rgba(0,0,0,.32); font-size: 25px; line-height: 1; cursor: pointer; }
.install-platform-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: 23px 0 18px; padding: 5px; border: 1px solid #344b3e; border-radius: 13px; background: #0a1911; }
.install-platform-tabs button { border: 0; border-radius: 9px; padding: 11px 9px; background: transparent; color: #aebdb4; font: 700 12px/1.1 var(--font-mono), monospace; cursor: pointer; }
.install-platform-tabs button[aria-selected="true"] { background: #c9f356; color: #102018; }
.install-platform-panel { padding: 18px; border: 1px solid #30483a; border-radius: 16px; background: #152c20; }
.install-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin: 0 0 14px; }
.install-benefits span { display: grid; gap: 5px; padding: 13px; border: 1px solid #30483a; border-radius: 12px; background: #0b1b12; }
.install-benefits b { color: #f4f8f5; font-size: 14px; }
.install-benefits small { color: #aebdb4; font: 400 12px/1.4 inherit; letter-spacing: 0; }
.install-platform-panel h3, .notification-settings h3 { margin: 0 0 14px; color: #fff; font-size: 18px; }
.install-platform-panel p { margin-top: 14px; }
.install-native-action, .enable-notifications { width: 100%; margin-top: 17px; padding: 13px 16px; border: 0; border-radius: 10px; background: #c9f356; color: #102018; font: 800 13px/1 var(--font-mono), monospace; cursor: pointer; }
.notification-settings { margin-top: 16px; padding: 18px; border: 1px solid rgba(201,243,86,.3); border-radius: 16px; background: #0b1b12; }
.notification-settings small { margin-bottom: 7px; }
.notification-options { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.notification-options label { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 43px; padding: 9px 11px; border: 1px solid #2f4539; border-radius: 10px; color: #e5ece8; font-size: 13px; cursor: pointer; }
.notification-options input { width: 18px; height: 18px; accent-color: #c9f356; }
.enable-notifications:disabled { opacity: .55; cursor: not-allowed; }
.notification-settings .notification-message { margin: 12px 0 0; color: #d5e2da; font-size: 13px; }
@media (max-width: 560px) { .install-nudge { right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); grid-template-columns: 42px 1fr; width: calc(100vw - 24px); padding: 14px; } .install-nudge > button:last-child { grid-column: 1 / -1; width: 100%; } .install-guide-backdrop { place-items: start center; } .install-guide { max-height: calc(100dvh - max(24px, env(safe-area-inset-top) + env(safe-area-inset-bottom))); padding: 20px 16px 24px; } .install-guide-close { margin: -8px -4px -26px auto; } .install-benefits, .notification-options { grid-template-columns: 1fr; } }
body .nav .ghost {
  border-color: #34473d !important;
  background: #14251d !important;
  color: #dff3e7 !important;
}
body .account-menu {
  color: #fff !important;
}
body .hero {
  order: 2 !important;
  min-height: 470px !important;
  padding: 72px 0 64px !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(310px, 0.58fr) !important;
  gap: 72px !important;
  color: #fff !important;
}
body .hero .eyebrow {
  color: #91a29a !important;
}
body .hero h1 {
  margin: 24px 0 !important;
  font-size: clamp(58px, 7.2vw, 96px) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.065em !important;
}
body .hero h1 em {
  color: #c9f356 !important;
}
body .hero-copy > p {
  max-width: 600px !important;
  color: #aebbb4 !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}
body .hero .trust {
  color: #c5d0ca !important;
}
body .hero .trust span {
  padding: 7px 10px !important;
  border: 1px solid #25382f !important;
  border-radius: 999px !important;
  background: #0d1b14 !important;
  font-size: 11px !important;
}
body .hero-visual {
  justify-self: end !important;
  width: min(390px, 100%) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(201, 243, 86, 0.2) !important;
  box-shadow:
    0 34px 80px rgba(0, 0, 0, 0.4),
    0 0 70px rgba(151, 255, 0, 0.05) !important;
}
body .hero-visual span {
  right: 18px !important;
  bottom: 18px !important;
}
body .double-up {
  order: 3 !important;
  margin-bottom: 30px !important;
}
.seo-pillar {
  order: 7;
  display: grid;
  gap: 30px;
  margin: 34px auto;
  padding: 48px;
  border: 1px solid #d9e4dc;
  border-radius: 20px;
  background: #f7faf7;
  color: #173326;
}
.seo-pillar-intro { max-width: 860px; }
.seo-pillar-intro > small {
  color: #5d7468;
  font: 800 10px/1.4 var(--font-mono);
  letter-spacing: .08em;
}
.seo-pillar h2 {
  margin: 12px 0 18px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1;
  letter-spacing: -.04em;
}
.seo-pillar-intro p,
.seo-pillar article p,
.seo-pillar-note {
  color: #52685d;
  font-size: 15px;
  line-height: 1.75;
}
.seo-pillar-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.seo-pillar article {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 24px;
  border: 1px solid #d9e4dc;
  border-radius: 14px;
  background: #fff;
}
.seo-pillar article h3 { margin: 0; font-size: 19px; }
.seo-pillar article p { margin: 0; }
.seo-pillar a { color: #173326; font-weight: 800; text-underline-offset: 3px; }
.seo-pillar-note { margin: 0; padding-top: 2px; }
@media(max-width:800px){
  .seo-pillar { margin: 22px 12px; padding: 30px 20px; }
  .seo-pillar-grid { grid-template-columns: 1fr; }
}
body #today.scores {
  order: 4 !important;
  margin-top: 0 !important;
  margin-bottom: 54px !important;
  border: 1px solid #dfe7e1 !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 24px 80px rgba(18, 45, 31, 0.13) !important;
}
body #today .scores-top {
  padding: 28px 30px 22px !important;
  border-bottom: 1px solid #e7ece8 !important;
  background: linear-gradient(135deg, #fbfdfb, #f2f7f3) !important;
}
body #today .scores-top h2 {
  font-size: 30px !important;
}
body #today .scores-top small {
  color: #168b59 !important;
}
body #today .source-stamp {
  padding: 10px 12px !important;
  border: 1px solid #dce6df !important;
  border-radius: 10px !important;
  background: #fff !important;
}
body #today .featured-kicker {
  margin: 0 24px !important;
  border-radius: 12px 12px 0 0 !important;
  padding: 12px 16px !important;
  background: linear-gradient(90deg, #10251b, #17392a) !important;
}
body #today .featured-kicker b {
  font-size: 9px !important;
  color: #c9f356 !important;
}
body #today .featured-kicker span {
  color: #c8d7cf !important;
}
body #today .featured-pick {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: 0 10px 30px rgba(20, 70, 44, 0.08) !important;
}
body #today .pick-stack .featured-pick + .featured-pick {
  border-radius: 14px !important;
}
body #today .featured-match {
  min-height: 76px !important;
  background: rgba(255, 255, 255, 0.68) !important;
}
body #today .avoid-kicker {
  background: linear-gradient(90deg, #713306, #a9560d) !important;
}
body #today .avoid-kicker b {
  color: #ffe0aa !important;
}
body #today .avoid-board .avoid-pick {
  border-color: #efc890 !important;
  background: #fffaf2 !important;
  box-shadow: 0 10px 28px rgba(171, 91, 18, 0.08) !important;
}
body #today .other-matches-head {
  margin: 8px 24px 0 !important;
  border-radius: 12px 12px 0 0 !important;
  padding: 13px 16px !important;
  background: #1a2922 !important;
}
body #today .score-filters {
  margin: 0 24px !important;
  padding: 14px 0 !important;
  border-bottom: 0 !important;
}
body #today .score-filters button {
  padding: 8px 14px !important;
  background: #f4f7f4 !important;
}
body #today .score-filters button.active {
  background: #14261d !important;
  color: #c9f356 !important;
}
body #today .score-table {
  border: 1px solid #e1e7e2 !important;
  border-radius: 0 0 14px 14px !important;
  background: #f8faf8 !important;
}
body #today .tournament summary {
  padding: 14px 18px !important;
  background: #edf3ee !important;
}
body #today .tournament summary span {
  font-size: 11px !important;
}
body #today .match-row {
  background: #fff !important;
  transition:
    background 0.15s ease,
    transform 0.15s ease !important;
}
body #today .match-row:hover {
  position: relative !important;
  z-index: 2 !important;
  background: #f6fbf7 !important;
  transform: translateX(2px) !important;
}
body #today .score-note {
  margin: 16px 24px 22px !important;
  border-radius: 10px !important;
  background: #f5f8f5 !important;
}
body .method {
  order: 5 !important;
  margin-top: 34px !important;
  padding: 100px 0 !important;
  border-bottom-color: #d7dfd9 !important;
}
body .pricing {
  order: 6 !important;
  padding: 100px 0 130px !important;
  border-bottom: 0 !important;
}
body .method h2,
body .pricing h2 {
  font-size: 46px !important;
}
body .section-number {
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #14261d !important;
  color: #c9f356 !important;
}
body .steps {
  border-top-color: #cdd7d0 !important;
}
body .steps article {
  padding: 28px 0 !important;
}
body .steps article h3 {
  font-size: 17px !important;
}
body .price-card {
  border: 1px solid #274235 !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg, #10251b, #07120d) !important;
  box-shadow:
    14px 14px 0 #c9f356,
    0 30px 70px rgba(20, 45, 32, 0.18) !important;
}
body .price-card .primary {
  color: #0b1c13 !important;
  text-decoration: none !important;
}
body footer {
  order: 8 !important;
  width: 100% !important;
  max-width: none !important;
  padding: 30px max(24px, calc((100% - 1152px) / 2)) !important;
  background: #08110d !important;
  color: #87978f !important;
}
body footer .brand {
  color: #fff !important;
}
@media (max-width: 900px) {
  body .hero {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }
  body .hero-visual {
    justify-self: start !important;
    width: min(360px, 100%) !important;
  }
}
@media (max-width: 620px) {
  body main {
    background: linear-gradient(
      180deg,
      #07100c 0,
      #0b1711 760px,
      #f3f6f2 760px
    ) !important;
  }
  body .shell {
    width: calc(100% - 24px) !important;
  }
  body .nav {
    top: 8px !important;
    margin-top: 8px !important;
    height: 58px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
  }
  body .nav .brand-logo {
    width: 34px !important;
    height: 34px !important;
  }
  body .nav .ghost {
    padding: 8px 11px !important;
    font-size: 11px !important;
  }
  body .hero {
    min-height: 0 !important;
    padding: 56px 0 44px !important;
  }
  body .hero h1 {
    font-size: 54px !important;
  }
  body .hero-copy > p {
    font-size: 15px !important;
  }
  body .hero .trust {
    gap: 7px !important;
  }
  body .hero-visual {
    width: 270px !important;
    border-radius: 22px !important;
  }
  body #today.scores {
    border-radius: 18px !important;
    margin-bottom: 26px !important;
  }
  body #today .scores-top {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 20px 16px !important;
  }
  body #today .scores-top h2 {
    font-size: 24px !important;
  }
  body #today .source-stamp {
    width: 100% !important;
  }
  body #today .featured-kicker,
  body #today .other-matches-head {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  body #today .featured-kicker {
    gap: 6px !important;
    padding: 11px 12px !important;
  }
  body #today .score-filters {
    margin: 0 12px !important;
  }
  body #today .score-table {
    margin-left: 12px !important;
    margin-right: 12px !important;
    width: calc(100% - 24px) !important;
  }
  body #today .featured-pick {
    overflow-x: auto !important;
  }
  body #today .featured-match {
    min-width: 385px !important;
  }
  body .method,
  body .pricing {
    padding: 72px 0 !important;
  }
  body .method h2,
  body .pricing h2 {
    font-size: 36px !important;
  }
  body footer {
    padding: 28px 20px !important;
  }
}
.avoid-kicker .traps-total {
  flex: none;
  padding: 5px 8px;
  border-radius: 5px;
  background: #fff3df !important;
  color: #9b4f0b !important;
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  white-space: nowrap;
}
body #today .avoid-board .avoided-result {
  display: inline-grid !important;
  place-items: center !important;
  padding: 5px 7px !important;
  border-radius: 4px !important;
  background: #e97816 !important;
  color: #fff !important;
  font-family: var(--font-mono) !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
}
@media (max-width: 620px) {
  .avoid-kicker .traps-total {
    align-self: flex-start;
    font-size: 8px !important;
  }
  body #today .avoid-board .avoided-result {
    padding: 4px 5px !important;
    font-size: 6px !important;
  }
}
body #today .avoid-board .avoid-pick .featured-status,
body #today .avoid-board .avoid-pick .featured-status.live,
body #today .avoid-board .avoid-pick .featured-status.finished {
  display: inline-block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #7d736a !important;
  font-weight: 400 !important;
}
body #today .avoid-board .avoid-pick .featured-players em {
  display: inline-block !important;
  padding: 2px 5px !important;
  border-radius: 4px !important;
  background: #e97816 !important;
  color: #fff !important;
  font-weight: 800 !important;
}
.avoid-board {
  order: 2 !important;
}
.avoid-board .avoid-kicker {
  background: #9b4f0b !important;
  color: #fff !important;
}
.avoid-board .avoid-kicker b {
  color: #ffe0aa !important;
}
.avoid-board .avoid-kicker span {
  color: #ffe8c4 !important;
}
body #today .avoid-board .avoid-pick {
  border-color: #edbd72 !important;
  background: #fffaf2 !important;
  box-shadow: 0 10px 28px rgba(190, 104, 16, 0.09) !important;
}
body #today .avoid-board .avoid-pick .featured-match {
  grid-template-columns: 78px minmax(0, 1fr) 90px 214px 72px !important;
}
body #today .avoid-board .featured-status {
  background: #e97816 !important;
  color: #fff !important;
}
body #today .avoid-board .featured-players b {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #593817 !important;
}
body #today .avoid-board .featured-players b.avoided {
  font-weight: 700 !important;
  color: #c45b0a !important;
}
body #today .avoid-board .featured-players em {
  background: #e97816 !important;
  color: #fff !important;
}
body #today .avoid-board .match-odds,
body #today .avoid-board .match-odds b {
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  color: #675f58 !important;
}
body #today .avoid-board .match-odds .avoided-odd {
  text-decoration: line-through !important;
  text-decoration-thickness: 2px !important;
  text-decoration-color: #d76510 !important;
  opacity: 0.72 !important;
}
body #today .avoid-board .score-display.live,
body #today .avoid-board .score-display.finished {
  background: #fff1df !important;
}
body #today .avoid-board .score-lines strong {
  color: #b85a0d !important;
}
body #today .avoid-board .score-lines i {
  color: #c98148 !important;
}
body #today .avoid-board .avoid-summary {
  color: #c98148 !important;
}
@media (max-width: 620px) {
  body #today .avoid-board .avoid-pick .featured-match {
    grid-template-columns: 42px minmax(82px, 1fr) 38px 146px 49px !important;
  }
  body #today .avoid-board .featured-players b {
    font-size: 11px !important;
  }
  body #today .avoid-board .match-odds,
  body #today .avoid-board .match-odds b {
    font-size: 9px !important;
  }
}
.admin-calculator {
  margin-top: 26px;
  scroll-margin-top: 92px;
}
.elo-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-top: 12px;
}
.elo-strip span {
  display: grid;
  gap: 3px;
  padding: 8px 6px;
  border: 1px solid #dce5df;
  border-radius: 8px;
  background: #fff;
  color: #78857f;
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.06em;
  text-align: center;
}
.elo-strip b {
  color: #168b59;
  font-size: 11px;
  letter-spacing: 0;
}
.pricing {
  grid-template-columns: minmax(230px, 0.55fr) minmax(0, 1.45fr) !important;
  align-items: start !important;
}
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.pricing-grid .price-card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 26px !important;
  box-shadow:
    8px 8px 0 #c9f356,
    0 24px 55px rgba(20, 45, 32, 0.16) !important;
}
.pricing-grid .price-card.featured-plan {
  transform: translateY(-12px);
  border-color: #638d45 !important;
}
.pricing-grid .price-card > small {
  min-height: 24px;
}
.pricing-grid .price {
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.pricing-grid .price b {
  font-size: 34px !important;
}
.pricing-grid .price-card ul {
  flex: 1;
}
.pricing-grid .primary {
  font-size: 11px;
}

/* Conversion elements preserve the existing CourtValue product-first layout. */
.board-upgrade{position:relative;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;width:100%!important;padding:17px 24px 17px 30px!important;border-top:1px solid #dce6df;background:#f3f6f2}.board-upgrade:before{content:"";position:absolute;top:15px;bottom:15px;left:16px;width:3px;border-radius:3px;background:#c9f356}.board-upgrade h3{display:block!important;width:auto!important;margin:0!important;color:#173326!important;font-family:var(--font-mono)!important;font-size:12px!important;line-height:1.35!important;letter-spacing:.045em!important;text-transform:uppercase}.board-upgrade .primary{display:flex!important;align-items:center!important;justify-content:space-between!important;flex:0 0 280px!important;width:280px!important;padding:13px 16px!important;border-radius:8px;background:#173326;color:#fff;text-decoration:none;font-family:var(--font-mono);font-size:10px;font-weight:800;letter-spacing:.04em;box-shadow:0 7px 18px rgba(20,45,32,.12)}.avoid-upgrade{background:#fff8f4}.avoid-upgrade:before{background:#d66b2f}.avoid-upgrade .primary{background:#d66b2f}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap;max-width:660px}.hero-actions .primary,.hero-actions .secondary-action{display:inline-flex;align-items:center;gap:14px;padding:13px 17px;border-radius:8px;font-family:var(--font-mono);font-size:10px;font-weight:800;text-decoration:none}.hero-actions .primary{background:#c9f356;color:#173326}.hero-actions .secondary-action{border:1px solid rgba(255,255,255,.3);color:#fff}.hero-performance{display:grid;width:min(100%,660px);gap:10px;padding:16px 18px;border:1px solid rgba(201,243,86,.42);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none}.hero-performance small{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#c9f356}.hero-performance>span{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.hero-performance strong{font-size:18px}.hero-performance b,.hero-performance em{font-family:var(--font-mono);font-size:13px;font-style:normal}.hero-performance .positive{color:#c9f356}.hero-performance .negative{color:#ffb2a8}.hero-performance i{font-family:var(--font-mono);font-size:9px;font-style:normal;color:#dfe9e3}.mobile-premium-bar{display:none}
@media(max-width:700px){.board-upgrade{align-items:stretch!important;flex-direction:column!important;gap:12px!important;padding:16px 16px 16px 27px!important}.board-upgrade:before{left:14px}.board-upgrade h3{font-size:11px!important}.board-upgrade .primary{flex:auto!important;width:100%!important;text-align:left}.hero-performance>span{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 12px}.mobile-premium-bar{position:fixed;z-index:60;right:12px;bottom:12px;left:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #d4f277;border-radius:12px;background:#173326;color:#fff;box-shadow:0 14px 35px rgba(5,20,12,.28);text-decoration:none}.mobile-premium-bar span{display:grid;gap:2px}.mobile-premium-bar b{font-size:12px}.mobile-premium-bar small{color:#b9c9c0;font-size:9px}.mobile-premium-bar strong{flex:none;color:#c9f356;font-family:var(--font-mono);font-size:10px}}
.official-upgrade{border-top-color:#d6e4da!important;background:#f3f7f2!important}.official-upgrade:before{background:#c9f356!important}.official-upgrade h3{color:#173326!important}.official-upgrade .primary{flex-basis:390px!important;width:390px!important;background:#173326!important;color:#fff!important;box-shadow:0 7px 18px rgba(20,45,32,.12)!important}.avoid-board .board-upgrade{border-top-color:#ead9cf!important;background:#fff8f4!important}.avoid-board .board-upgrade h3{color:#713717!important}.avoid-board .board-upgrade .primary{flex-basis:390px!important;width:390px!important;color:#fff!important}
.official-picks-teaser{min-width:0;max-width:560px}.official-picks-teaser p{margin:7px 0 0;color:#52675a;font-size:14px;line-height:1.55}
@media(max-width:700px){.picks-board .board-upgrade .primary{flex-basis:auto!important;width:100%!important}}
.picks-board .board-upgrade .premium-month-button{display:flex!important;align-items:center!important;justify-content:space-between!important;flex:0 0 390px!important;width:390px!important;min-height:44px!important;padding:13px 16px!important;border:0!important;border-radius:8px!important;font-family:var(--font-mono)!important;font-size:10px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:.04em!important;text-align:left!important;text-decoration:none!important;box-shadow:0 7px 18px rgba(20,45,32,.12)!important}.picks-board .official-upgrade .premium-month-button{background:#c9f356!important;color:#173326!important}.picks-board .official-upgrade .premium-month-button:hover{background:#d9ff71!important}.picks-board .avoid-upgrade .premium-month-button{background:#d66b2f!important;color:#fff!important}.picks-board .avoid-upgrade .premium-month-button:hover{background:#e0793c!important}@media(max-width:700px){.picks-board .board-upgrade .premium-month-button{flex-basis:auto!important;width:100%!important}}
.picks-board .official-upgrade{align-items:stretch!important;padding-top:20px!important;padding-bottom:20px!important}
.official-pricing-panel{display:grid;flex:0 1 590px;gap:10px;min-width:470px}
.official-plan-options{display:grid;grid-template-columns:1fr;gap:7px}
.official-plan-option{display:grid;align-content:center;min-height:76px;padding:11px 12px;border:1px solid #cfddd3;border-radius:10px;background:#fff;color:#173326;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.official-plan-option:hover{transform:translateY(-2px);border-color:#91b567;box-shadow:0 7px 16px rgba(20,45,32,.1)}
.official-plan-option small{font-family:var(--font-mono);font-size:7px;font-weight:800;letter-spacing:.07em;color:#6c7e72}
.official-plan-option b{margin-top:4px;font-size:21px;line-height:1}
.official-plan-option span{margin-top:5px;color:#66776d;font-size:10px}
.official-plan-option.best{border-color:#9dc841;background:#173326;color:#fff;box-shadow:0 5px 0 #c9f356}
.official-plan-option.best small,.official-plan-option.best span{color:#c9f356}
.official-pricing-actions{display:flex;align-items:center;gap:12px}
.picks-board .official-upgrade .official-pricing-actions .premium-month-button{flex:1 1 auto!important;width:auto!important;min-width:0!important}
.official-compare-plans{flex:none;color:#345444;font-family:var(--font-mono);font-size:8px;font-weight:800;letter-spacing:.035em;text-decoration:none;white-space:nowrap}
.official-compare-plans:hover{text-decoration:underline}
@media(max-width:900px){.picks-board .official-upgrade{flex-direction:column!important}.official-picks-teaser{max-width:760px}.official-pricing-panel{flex:auto;min-width:0;width:100%}}
@media(max-width:620px){.official-pricing-panel{gap:12px}.official-plan-options{grid-template-columns:1fr 1fr}.official-plan-option.best{grid-column:1/-1;min-height:70px}.official-plan-option{min-height:72px}.official-pricing-actions{align-items:stretch;flex-direction:column;gap:9px}.official-compare-plans{text-align:center;white-space:normal}.official-picks-teaser p{font-size:13px}}
.pricing > .partner-offer-link{margin:30px auto 0}
.pricing-intro p {
  max-width: 320px;
}
.pricing-grid .yearly-plan {
  transform: translateY(-12px);
  border-color: #c9f356 !important;
  background: #c9f356 !important;
  color: #102018 !important;
  box-shadow:
    8px 8px 0 #14261d,
    0 28px 65px rgba(20, 45, 32, 0.24) !important;
}
.pricing-grid .yearly-plan > small,
.pricing-grid .yearly-plan .price span,
.pricing-grid .yearly-plan p {
  color: #365128 !important;
}
.pricing-grid .yearly-plan ul {
  border-top-color: rgba(16, 32, 24, 0.22) !important;
}
.pricing-grid .yearly-plan li:before {
  color: #102018 !important;
}
.pricing-grid .yearly-plan .primary {
  background: #102018 !important;
  color: #fff !important;
}
.pricing-grid .yearly-plan .primary:hover {
  background: #1b3527 !important;
}
.yearly-saving {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 14px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(16, 32, 24, 0.1);
  font-family: var(--font-mono);
  font-size: 8px;
  text-transform: uppercase;
}
.yearly-saving del {
  font-size: 15px;
  font-weight: 800;
  text-decoration-thickness: 2px;
  text-decoration-color: #b13b32;
}
.pricing-grid .yearly-plan > small {
  align-self: flex-start;
  min-height: 0 !important;
  padding: 7px 9px;
  border-radius: 7px;
  background: #10251b !important;
  color: #dff6b0 !important;
}
.pricing-grid .yearly-plan > p {
  align-self: stretch;
  margin-top: 10px;
  padding: 10px 11px;
  border-radius: 8px;
  background: #10251b !important;
  color: #edf7ef !important;
  line-height: 1.55;
}
@media (max-width: 1000px) {
  .pricing {
    grid-template-columns: 1fr !important;
  }
  .pricing-grid {
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    overflow-x: auto;
    padding: 12px 10px 18px 0;
  }
  .pricing-grid .price-card {
    min-width: 220px;
  }
  .pricing-grid .price-card.featured-plan {
    transform: none;
  }
}
@media (max-width: 1000px) {
  .pricing-grid .yearly-plan {
    transform: none;
  }
}
@media (max-width: 620px) {
  .pricing-grid {
    margin-right: -12px;
  }
  .pricing-grid .price-card {
    padding: 21px !important;
  }
  .pricing-grid .price b {
    font-size: 31px !important;
  }
}
.h2h-page {
  min-height: 100vh;
  background: linear-gradient(180deg, #07100c 0, #10251a 390px, #f4f7f3 390px);
  padding-bottom: 80px;
}
.h2h-page .nav {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.12);
}
.h2h-page .brand {
  color: #fff;
}
.h2h-page .navlinks a {
  color: #aebbb4;
}
.h2h-page .ghost {
  border-color: #415149;
  color: #dce7e0;
  text-decoration: none;
}
.h2h-hero {
  padding: 62px 0 76px;
  color: #fff;
}
.h2h-hero > small,
.comparison header small,
.recent-form header small {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.14em;
  color: #a9c0b3;
}
.h2h-hero h1 {
  margin: 18px 0 12px;
  font-size: clamp(38px, 5.5vw, 70px);
  line-height: 0.98;
  letter-spacing: -0.055em;
}
.h2h-hero h1 em {
  color: #c9f356;
  font-style: normal;
  font-weight: 400;
}
.h2h-hero p {
  margin: 0;
  color: #9fb0a7;
  font-size: 13px;
}
.h2h-shell {
  display: grid;
  gap: 18px;
}
.h2h-profiles {
  display: grid;
  grid-template-columns: 1fr 150px 1fr;
  gap: 14px;
  align-items: stretch;
}
.h2h-player {
  display: grid;
  grid-template-columns: 150px 1fr;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dbe4dd;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 35px rgba(17, 45, 31, 0.08);
}
.player-photo {
  position: relative;
  min-height: 225px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(145deg, #173629, #0c1712);
  color: #c9f356;
  font-family: var(--font-mono);
  font-size: 28px;
}
.player-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.player-bio {
  padding: 22px;
  min-width: 0;
}
.player-bio > small {
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.1em;
  color: #168b59;
}
.player-bio h2 {
  margin: 9px 0 7px;
  font-size: 25px;
  line-height: 1;
  letter-spacing: -0.04em;
}
.player-bio p {
  min-height: 38px;
  margin: 0;
  color: #718078;
  font-size: 10px;
  line-height: 1.55;
}
.profile-ranks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 18px;
}
.profile-ranks span {
  display: grid;
  gap: 4px;
  padding: 9px;
  border: 1px solid #e1e8e3;
  border-radius: 9px;
  color: #7d8983;
  font-family: var(--font-mono);
  font-size: 7px;
}
.profile-ranks b {
  color: #17251f;
  font-size: 15px;
}
.player-bio .photo-credit {
  display: block;
  margin-top: 11px;
  color: #9aa49e;
}
.h2h-score {
  display: grid;
  align-content: center;
  justify-items: center;
  border-radius: 18px;
  background: #13231d;
  color: #fff;
  text-align: center;
}
.h2h-score small {
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.12em;
  color: #9cb0a5;
}
.h2h-score b {
  margin: 12px 0 5px;
  color: #c9f356;
  font-family: var(--font-mono);
  font-size: 38px;
}
.h2h-score span {
  color: #91a198;
  font-size: 9px;
}
.comparison,
.recent-form {
  overflow: hidden;
  border: 1px solid #dbe4dd;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 35px rgba(17, 45, 31, 0.05);
}
.comparison > header,
.recent-form > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 24px;
  background: #13231d;
  color: #fff;
}
.comparison h2,
.recent-form h2 {
  margin: 5px 0 0;
  font-size: 21px;
}
.comparison header a {
  color: #c9f356;
  font-family: var(--font-mono);
  font-size: 8px;
  text-decoration: none;
}
.stats-vs {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.player-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: #e4eae6;
}
.player-stats:first-child {
  border-right: 4px solid #13231d;
}
.player-stats span {
  display: grid;
  gap: 7px;
  min-height: 68px;
  padding: 13px;
  background: #fff;
}
.player-stats small {
  color: #7c8882;
  font-family: var(--font-mono);
  font-size: 7px;
  text-transform: uppercase;
}
.player-stats b {
  font-family: var(--font-mono);
  font-size: 15px;
}
.player-stats p {
  grid-column: 1/-1;
  margin: 0;
  padding: 30px;
  color: #77847d;
  font-size: 11px;
}
.recent-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: #e1e7e3;
}
.recent-columns > div {
  padding: 22px;
  background: #fff;
}
.recent-columns > div:first-child {
  border-right: 3px solid #13231d;
}
.recent-columns h3 {
  margin: 0 0 14px;
  font-size: 16px;
}
.recent-columns article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  padding: 11px 0;
  border-top: 1px solid #edf1ee;
}
.recent-columns article span {
  display: grid;
  min-width: 0;
}
.recent-columns article b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}
.recent-columns article small {
  margin-top: 3px;
  color: #839088;
  font-family: var(--font-mono);
  font-size: 7px;
}
.recent-columns article strong {
  font-family: var(--font-mono);
  font-size: 10px;
}
.recent-columns article p {
  grid-column: 1/-1;
  margin: 0;
  color: #66736c;
  font-size: 9px;
}
.ta-profile {
  display: inline-block;
  margin-top: 16px;
  color: #168b59;
  font-family: var(--font-mono);
  font-size: 8px;
  text-decoration: none;
}
.unverified {
  color: #77847d;
  font-size: 11px;
}
.h2h-note {
  margin: 0 3px;
  color: #7e8b84;
  font-family: var(--font-mono);
  font-size: 8px;
  line-height: 1.6;
}
@media (max-width: 900px) {
  .h2h-profiles {
    grid-template-columns: 1fr 80px 1fr;
  }
  .h2h-player {
    grid-template-columns: 1fr;
  }
  .player-photo {
    min-height: 210px;
  }
  .h2h-score b {
    font-size: 27px;
  }
}
@media (max-width: 650px) {
  .h2h-page {
    background: linear-gradient(
      180deg,
      #07100c 0,
      #10251a 350px,
      #f4f7f3 350px
    );
  }
  .h2h-page .navlinks {
    display: none;
  }
  .h2h-page .ghost {
    padding: 7px 9px;
    font-size: 8px;
  }
  .h2h-hero {
    padding: 42px 0 55px;
  }
  .h2h-hero h1 {
    font-size: 34px;
  }
  .h2h-profiles {
    grid-template-columns: 1fr 58px 1fr;
    gap: 6px;
  }
  .player-photo {
    min-height: 145px;
  }
  .player-bio {
    padding: 12px;
  }
  .player-bio h2 {
    font-size: 16px;
  }
  .player-bio p {
    font-size: 8px;
  }
  .profile-ranks {
    grid-template-columns: 1fr;
    margin-top: 10px;
  }
  .profile-ranks span {
    padding: 7px;
  }
  .profile-ranks b {
    font-size: 12px;
  }
  .h2h-score small {
    font-size: 6px;
  }
  .h2h-score b {
    font-size: 20px;
  }
  .h2h-score span {
    font-size: 6px;
  }
  .comparison > header,
  .recent-form > header {
    align-items: flex-start;
    flex-direction: column;
    padding: 16px;
  }
  .stats-vs {
    overflow-x: auto;
  }
  .player-stats {
    min-width: 310px;
  }
  .player-stats span {
    min-height: 58px;
    padding: 9px;
  }
  .recent-columns {
    grid-template-columns: 1fr;
  }
  .recent-columns > div:first-child {
    border-right: 0;
    border-bottom: 3px solid #13231d;
  }
}
body #today .dont-bet-row.featured-match {
  grid-template-columns: 78px minmax(0, 1fr) 90px 214px 72px !important;
  gap: 15px !important;
  min-height: 72px !important;
  padding: 10px 15px !important;
}
body #today .dont-bet-row.featured-match .avoid-summary {
  display: grid !important;
  justify-items: end !important;
  width: 72px !important;
  font-family: var(--font-mono) !important;
  font-size: 20px !important;
  color: #c98148 !important;
}
@media (max-width: 620px) {
  body #today .dont-bet-row.featured-match {
    grid-template-columns: 42px minmax(82px, 1fr) 38px 146px 49px !important;
    gap: 7px !important;
    padding: 9px !important;
  }
  body #today .dont-bet-row.featured-match .avoid-summary {
    width: 49px !important;
  }
}
/* Don't Bet mirrors the Official Picks table geometry and typography exactly. */
body #today .dont-bet-board {
  width: calc(100% - 48px) !important;
  margin: 0 24px 18px !important;
}
body #today .dont-bet-grid {
  display: block !important;
  width: 100% !important;
}
body #today .dont-bet-row {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: 78px minmax(0, 1fr) 90px 214px 72px !important;
  align-items: center !important;
  gap: 15px !important;
  min-height: 72px !important;
  padding: 10px 15px !important;
  font-family: var(--font-geist), Arial, sans-serif !important;
}
body #today .dont-bet-row .avoid-state {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0.07em !important;
}
body #today .dont-bet-row .avoid-players {
  display: grid !important;
  gap: 5px !important;
  font-family: var(--font-geist), Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: normal !important;
}
body #today .dont-bet-row .avoid-players b {
  font-family: var(--font-geist), Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: normal !important;
  font-weight: 600 !important;
}
body #today .dont-bet-row .avoid-players b.avoided {
  font-family: var(--font-geist), Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
body #today .dont-bet-row .avoid-players em {
  display: inline-block !important;
  margin-left: 8px !important;
  padding: 2px 5px !important;
  border-radius: 4px !important;
  font-family: var(--font-mono) !important;
  font-size: 7px !important;
  line-height: normal !important;
  font-style: normal !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  vertical-align: 1px !important;
}
body #today .dont-bet-row .avoid-odds,
body #today .dont-bet-row .avoid-odds b {
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  line-height: normal !important;
  font-weight: 650 !important;
}
body #today .dont-bet-row .score-lines strong {
  font-family: var(--font-mono) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
body #today .dont-bet-row .score-lines i {
  font-family: var(--font-mono) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}
@media (max-width: 620px) {
  body #today .dont-bet-board {
    width: calc(100% - 24px) !important;
    margin: 0 12px 14px !important;
  }
  body #today .dont-bet-row {
    grid-template-columns: 42px minmax(82px, 1fr) 38px 146px 49px !important;
    gap: 7px !important;
    padding: 9px !important;
  }
  body #today .dont-bet-row .avoid-state {
    font-size: 9px !important;
  }
  body #today .dont-bet-row .avoid-players,
  body #today .dont-bet-row .avoid-players b,
  body #today .dont-bet-row .avoid-players b.avoided {
    font-size: 11px !important;
  }
  body #today .dont-bet-row .avoid-odds,
  body #today .dont-bet-row .avoid-odds b {
    font-size: 9px !important;
  }
  body #today .dont-bet-row .score-lines strong {
    font-size: 12px !important;
  }
  body #today .dont-bet-row .score-lines i {
    font-size: 10px !important;
  }
}
/* Official Picks are the alignment master for every scoreboard section. */
body #today .featured-pick,
body #today .dont-bet-board,
body #today .score-table {
  width: calc(100% - 48px) !important;
  margin-left: 24px !important;
  margin-right: 24px !important;
  box-sizing: border-box !important;
}
body #today .featured-match,
body #today .dont-bet-row,
body #today .match-row {
  width: 100% !important;
  grid-template-columns: 78px minmax(0, 1fr) 90px 214px 72px !important;
  gap: 15px !important;
  padding: 10px 15px !important;
  box-sizing: border-box !important;
}
body #today .featured-match > .featured-status,
body #today .dont-bet-row > .avoid-state,
body #today .match-row > .match-status {
  grid-column: 1 !important;
}
body #today .featured-match > .featured-players,
body #today .dont-bet-row > .avoid-players,
body #today .match-row > .match-players {
  grid-column: 2 !important;
}
body #today .featured-match > .match-odds,
body #today .dont-bet-row > .avoid-odds,
body #today .match-row > .match-odds {
  grid-column: 3 !important;
  width: 90px !important;
  justify-self: stretch !important;
}
body #today .featured-match > .score-display,
body #today .dont-bet-row > .score-display,
body #today .match-row > .score-display {
  grid-column: 4 !important;
  width: 214px !important;
  justify-self: start !important;
}
body #today .featured-match > :last-child,
body #today .dont-bet-row > :last-child,
body #today .match-row > :last-child {
  grid-column: 5 !important;
}
@media (max-width: 620px) {
  body #today .featured-pick,
  body #today .dont-bet-board,
  body #today .score-table {
    width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  body #today .featured-match,
  body #today .dont-bet-row,
  body #today .match-row {
    grid-template-columns: 42px minmax(82px, 1fr) 38px 146px 49px !important;
    gap: 7px !important;
    padding: 9px !important;
  }
  body #today .featured-match > .match-odds,
  body #today .dont-bet-row > .avoid-odds,
  body #today .match-row > .match-odds {
    width: 38px !important;
  }
  body #today .featured-match > .score-display,
  body #today .dont-bet-row > .score-display,
  body #today .match-row > .score-display {
    width: 146px !important;
  }
}
/* Shared scoreboard geometry: odds, match result and up to five set columns. */
body #today .featured-match,
body #today .dont-bet-row,
body #today .match-row {
  grid-template-columns: 78px minmax(0, 1fr) 90px 214px 72px !important;
}
body #today .dont-bet-row {
  grid-template-columns: 78px minmax(0, 1fr) 90px 214px 72px !important;
}
body #today .featured-match > .score-display,
body #today .dont-bet-row > .score-display,
body #today .match-row > .score-display {
  width: 214px !important;
  justify-self: start !important;
  box-sizing: border-box !important;
}
body #today .score-display {
  display: grid !important;
  grid-template-columns: 126px !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 0 !important;
  text-align: left !important;
}
body #today .score-state-label {
  display: inline-grid !important;
  place-items: center !important;
  justify-self: start !important;
  min-width: 64px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
body #today .score-display.live .score-state-label {
  display: none !important;
}
body #today .score-lines {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  width: 126px !important;
}
body #today .score-lines > span {
  display: grid !important;
  grid-template-columns: 24px repeat(3, 24px) !important;
  grid-auto-flow: initial !important;
  grid-auto-columns: initial !important;
  justify-content: start !important;
  align-items: center !important;
  column-gap: 2px !important;
}
body #today .score-lines strong,
body #today .score-lines i {
  display: block !important;
  width: 24px !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
body #today .score-display.scheduled .score-lines {
  visibility: hidden !important;
  display: grid !important;
}
@media (max-width: 620px) {
  body #today .featured-match,
  body #today .dont-bet-row,
  body #today .match-row {
    grid-template-columns: 42px minmax(82px, 1fr) 38px 146px 49px !important;
    gap: 7px !important;
  }
  body #today .featured-match > .score-display,
  body #today .dont-bet-row > .score-display,
  body #today .match-row > .score-display {
    width: 146px !important;
  }
  body #today .score-display {
    grid-template-columns: 78px !important;
    gap: 0 !important;
    padding: 5px 6px !important;
  }
  body #today .score-state-label {
    display: none !important;
  }
  body #today .score-lines {
    width: 78px !important;
  }
  body #today .score-lines > span {
    grid-template-columns: 18px repeat(3, 18px) !important;
    column-gap: 2px !important;
  }
  body #today .score-lines strong,
  body #today .score-lines i {
    width: 18px !important;
    text-align: left !important;
  }
}
body #today .dont-bet-row .avoid-odds .avoided-odd {
  text-decoration: line-through !important;
  text-decoration-thickness: 2px !important;
  text-decoration-color: #d76510 !important;
  opacity: 0.72 !important;
}
/* CourtValue result-state palette: live red, lost/void grey, avoid orange. */
#today .featured-pick .featured-status.live {
  display: inline-grid !important;
  place-items: center !important;
  padding: 5px 7px !important;
  border-radius: 4px !important;
  background: #d73535 !important;
  color: #fff !important;
  font-weight: 800 !important;
}
#today .featured-pick .featured-status.live:before {
  display: none !important;
}
#today .featured-match,
#today .dont-bet-row,
#today .match-row {
  grid-template-columns: 78px minmax(0, 1fr) 90px 170px 72px !important;
}
#today .match-row > .match-status {
  grid-column: 1 !important;
  grid-row: 1 !important;
}
#today .match-row > .match-players {
  grid-column: 2 !important;
  grid-row: 1 !important;
}
#today .match-row > .match-odds {
  grid-column: 3 !important;
  grid-row: 1 !important;
}
#today .match-row > .score-display {
  grid-column: 4 !important;
  grid-row: 1 !important;
}
#today .match-row > .chevron {
  grid-column: 5 !important;
  grid-row: 1 !important;
}
#today .dont-bet-row .avoid-odds,
#today .featured-match .match-odds,
#today .match-row .match-odds {
  width: 90px !important;
  justify-self: stretch !important;
  text-align: right !important;
}
.other-matches-head {
  order: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 4px;
  padding: 14px 26px;
  background: #13231d;
  color: #fff;
}
.other-matches-head b {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.09em;
  color: #c9f356;
}
.other-matches-head span {
  font-size: 10px;
  color: #dbe8df;
}
.score-filters {
  order: 4 !important;
}
.score-table {
  order: 5 !important;
}
.score-note {
  order: 6 !important;
}
@media (max-width: 620px) {
  #today .featured-match,
  #today .dont-bet-row,
  #today .match-row {
    grid-template-columns: 42px minmax(0, 1fr) 38px 92px 49px !important;
  }
  #today .dont-bet-row .avoid-odds,
  #today .featured-match .match-odds,
  #today .match-row .match-odds {
    width: 38px !important;
  }
  .other-matches-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
    padding: 11px 15px;
  }
  .other-matches-head span {
    font-size: 9px;
  }
}
#today .picks-board .featured-pick .featured-players em,
#today .match-row .match-players em {
  background: #c9f356 !important;
  color: #18331f !important;
  box-shadow: none !important;
}
#today .dont-bet-row .score-display.live,
#today .dont-bet-row .score-display.finished {
  background: #fff1df !important;
}
#today .dont-bet-row .score-display .score-state-label,
#today .dont-bet-row .score-display .score-lines strong {
  color: #b85a0d !important;
}
#today .dont-bet-row .score-display .score-lines i {
  color: #c98148 !important;
}
#today .dont-bet-row {
  grid-template-columns: 78px minmax(0, 1fr) 90px 170px 18px !important;
  gap: 15px !important;
  min-height: 72px !important;
  padding: 10px 15px !important;
}
#today .dont-bet-row .avoid-players {
  display: grid !important;
  gap: 5px !important;
  font-size: 13px !important;
}
#today .dont-bet-row .avoid-players b {
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: normal !important;
  font-weight: 600 !important;
  color: #593817 !important;
}
#today .dont-bet-row .avoid-players b.avoided {
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  color: #c45b0a !important;
}
#today .dont-bet-row .avoid-players em {
  display: inline-block !important;
  margin-left: 8px !important;
  padding: 2px 5px !important;
  border-radius: 4px !important;
  background: #f7c27f !important;
  color: #633006 !important;
  font-family: var(--font-mono) !important;
  font-size: 7px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  vertical-align: 1px !important;
}
#today .dont-bet-row .avoid-odds {
  display: grid !important;
  gap: 4px !important;
  text-align: right !important;
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  color: #675f58 !important;
}
#today .dont-bet-row .avoid-odds b {
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  color: #675f58 !important;
}
#today .dont-bet-row > .avoid-state {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  color: #79857f !important;
}
#today .dont-bet-row > .avoid-state.live {
  display: inline-grid !important;
  place-items: center !important;
  justify-self: start !important;
  padding: 5px 7px !important;
  border-radius: 4px !important;
  background: #d76510 !important;
  color: #fff !important;
  font-size: 8px !important;
}
#today .dont-bet-row > .avoid-state.finished {
  display: inline-grid !important;
  place-items: center !important;
  justify-self: start !important;
  padding: 5px 7px !important;
  border-radius: 4px !important;
  background: #aa5a1e !important;
  color: #fff !important;
  font-size: 8px !important;
}
@media (max-width: 620px) {
  #today .dont-bet-row {
    grid-template-columns: 42px minmax(0, 1fr) 38px 92px 10px !important;
    gap: 7px !important;
    padding: 9px !important;
  }
  #today .dont-bet-row .avoid-players,
  #today .dont-bet-row .avoid-players b {
    font-size: 11px !important;
  }
  #today .dont-bet-row .avoid-players em {
    display: block !important;
    width: max-content !important;
    margin: 3px 0 0 !important;
  }
  #today .dont-bet-row .avoid-odds,
  #today .dont-bet-row .avoid-odds b {
    font-size: 9px !important;
  }
}
#today .dont-bet-row .avoid-players b {
  color: #593817 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
#today .dont-bet-row .avoid-players b.avoided {
  color: #d76510 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
#today .dont-bet-row .avoid-players em {
  display: inline-block !important;
  margin-left: 8px !important;
  padding: 2px 5px !important;
  border-radius: 4px !important;
  background: #f7c27f !important;
  color: #6f3306 !important;
  font-family: var(--font-mono) !important;
  font-size: 7px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
}
#today .dont-bet-row .avoid-odds {
  display: grid !important;
  gap: 5px !important;
  text-align: right !important;
  color: #675f58 !important;
}
#today .dont-bet-row .avoid-odds b {
  color: #675f58 !important;
  font-weight: 650 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}
#today .dont-bet-row span,
#today .dont-bet-row b,
#today .dont-bet-row small {
  background: transparent !important;
  box-shadow: none !important;
}
#today .dont-bet-row > .avoid-state {
  padding: 0 !important;
  background: transparent !important;
  color: #7d736a !important;
}
#today .dont-bet-row > .avoid-state.live {
  color: #d73535 !important;
}
#today .dont-bet-row .avoid-players .avoided {
  color: #d76510 !important;
  font-weight: 800 !important;
}
#today .dont-bet-row .avoid-players small {
  color: #6f665e !important;
  font-size: 9px !important;
  font-weight: 400 !important;
}
.dont-bet-row span,
.dont-bet-row b,
.dont-bet-row small {
  background: transparent !important;
  box-shadow: none !important;
}
.dont-bet-row > .avoid-state {
  display: inline-block !important;
  justify-self: start !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #7d736a !important;
  font-family: var(--font-mono) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
}
.dont-bet-row > .avoid-state.live {
  color: #d73535 !important;
}
.dont-bet-row .avoid-players {
  display: grid !important;
  gap: 5px !important;
  padding: 0 !important;
}
.dont-bet-row .avoid-players .avoided {
  color: #d76510 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
.dont-bet-row .avoid-players small {
  color: #6f665e !important;
  font-size: 9px !important;
  font-weight: 400 !important;
}
.dont-bet-row .avoid-odds {
  color: #b75a13 !important;
}
.dont-bet-row .avoid-odds b {
  color: #b75a13 !important;
  font-weight: 700 !important;
}
.dont-bet-row .score-lines span {
  background: transparent !important;
}
.dont-bet-board {
  width: calc(100% - 48px) !important;
  margin: 0 24px 18px !important;
}
.dont-bet-grid {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
.dont-bet-row {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  flex: none !important;
}
@media (max-width: 620px) {
  .dont-bet-board {
    width: calc(100% - 24px) !important;
    margin: 0 12px 14px !important;
  }
  .dont-bet-row {
    width: 100% !important;
  }
}
.dont-bet-row span {
  padding: 0 !important;
  background: transparent !important;
  color: inherit;
}
.dont-bet-row > .avoid-badge {
  padding: 5px 7px !important;
  background: #e97816 !important;
  color: #fff !important;
}
.dont-bet-board {
  border: 1px solid #e7b16f !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #fff8ed !important;
  box-shadow: 0 10px 28px rgba(171, 91, 18, 0.1) !important;
}
.dont-bet-head {
  background: linear-gradient(90deg, #7d3b08, #a9560d) !important;
  color: #fff !important;
}
.dont-bet-head b {
  color: #ffe0ad !important;
}
.dont-bet-head span {
  color: #ffe9c9 !important;
}
.dont-bet-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  background: #fff8ed !important;
}
.dont-bet-row {
  display: grid !important;
  grid-template-columns: 78px minmax(0, 1fr) 90px 170px 18px !important;
  align-items: center !important;
  gap: 15px !important;
  min-height: 72px !important;
  padding: 10px 15px !important;
  background: #fffaf2 !important;
  color: #352211 !important;
  border-top: 1px solid #f0d8b7 !important;
  text-decoration: none !important;
}
.dont-bet-row:first-child {
  border-top: 0 !important;
}
.dont-bet-row:hover {
  background: #fff4e3 !important;
}
.avoid-badge {
  display: inline-grid !important;
  place-items: center !important;
  justify-self: start !important;
  padding: 5px 7px !important;
  border-radius: 4px !important;
  background: #e97816 !important;
  color: #fff !important;
  font-family: var(--font-mono) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
}
.avoid-players {
  display: grid !important;
  gap: 5px !important;
  padding: 0 !important;
  background: transparent !important;
}
.avoid-players b {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #593817 !important;
}
.avoid-players b.avoided {
  font-weight: 750 !important;
  color: #bd580b !important;
}
.avoid-players em {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 5px;
  border-radius: 4px;
  background: #f7c27f;
  color: #6f3306;
  font-family: var(--font-mono);
  font-size: 7px;
  font-style: normal;
  letter-spacing: 0.05em;
}
.avoid-odds {
  display: grid;
  gap: 5px;
  text-align: right;
  font-family: var(--font-mono);
  font-size: 11px;
  color: #c25a09;
}
.avoid-odds b {
  font-weight: 700;
}
.dont-bet-row > .score-display {
  justify-self: end;
}
.dont-bet-row > .chevron {
  justify-self: end;
}
@media (max-width: 620px) {
  .dont-bet-row {
    grid-template-columns: 46px minmax(0, 1fr) 42px 105px 10px !important;
    gap: 7px !important;
    padding: 9px !important;
  }
  .avoid-players {
    font-size: 11px !important;
  }
  .avoid-players em {
    display: block;
    width: max-content;
    margin: 3px 0 0;
  }
  .avoid-odds {
    font-size: 9px;
  }
}
.player-flag {
  display: none !important;
}
.player-country {
  font-family: var(--font-mono);
  font-size: 0.78em;
  font-weight: 500;
  letter-spacing: 0.02em;
  opacity: 0.72;
}
.match-head {
  display: none !important;
}
.match-row {
  grid-template-columns: 78px minmax(0, 1fr) 90px 170px 18px !important;
  min-height: 72px !important;
  padding: 10px 15px !important;
  background: #fff !important;
}
.match-row > .match-status {
  grid-column: 1 !important;
  grid-row: 1;
}
.match-row > .match-players {
  grid-column: 2 !important;
  grid-row: 1;
}
.match-row > .match-odds {
  grid-column: 3 !important;
  grid-row: 1;
}
.match-row > .score-display {
  grid-column: 4 !important;
  grid-row: 1;
}
.match-row > .chevron {
  grid-column: 5 !important;
  grid-row: 1;
}
.match-row .match-status.live,
.match-row .match-status.finished {
  display: inline-grid;
  place-items: center;
  justify-self: start;
  padding: 5px 7px;
  border-radius: 4px;
  color: #fff !important;
  font-size: 8px;
  letter-spacing: 0.07em;
}
.match-row .match-status.live {
  background: #d73535 !important;
}
.match-row .match-status.finished {
  background: #737c77 !important;
}
.match-list {
  background: #eff2ef;
  display: grid;
  gap: 1px;
}
.dont-bet-grid > a > span:first-child {
  padding: 3px 5px !important;
  background: #e97816 !important;
  color: #fff !important;
  font-weight: 800 !important;
}
.dont-bet-grid .avoid-match {
  padding: 0 !important;
  background: transparent !important;
  color: #3c260f !important;
}
.dont-bet-grid .avoid-match b {
  display: block !important;
  padding: 0 !important;
  background: transparent !important;
  color: #3c260f !important;
}
.dont-bet-grid .avoid-match small {
  color: #a85817 !important;
  opacity: 1 !important;
}
.dont-bet-grid .player-country {
  color: inherit !important;
  opacity: 0.8 !important;
}
@media (max-width: 620px) {
  .match-row {
    grid-template-columns: 46px minmax(0, 1fr) 42px 105px 10px !important;
    gap: 7px !important;
    padding: 9px !important;
  }
}
.premium-board .featured-pick.lost .featured-players em,
.premium-board .featured-pick.lost .match-odds .picked-odd {
  background: #68716c !important;
  color: #fff !important;
}
.match-head {
  grid-template-columns: minmax(0, 1fr) 78px 90px 170px !important;
}
.match-row {
  grid-template-columns: minmax(0, 1fr) 78px 90px 170px 18px !important;
}
.match-row > .match-players {
  grid-column: 1;
  grid-row: 1;
}
.match-row > .match-status {
  grid-column: 2;
  grid-row: 1;
}
.match-row > .match-odds {
  grid-column: 3;
  grid-row: 1;
}
.match-row > .score-display {
  grid-column: 4;
  grid-row: 1;
}
.match-row > .chevron {
  grid-column: 5;
  grid-row: 1;
}
.match-row .score-state-label {
  display: none !important;
}
.dont-bet-grid > a > span:first-child {
  padding: 3px 5px !important;
  background: #e97816 !important;
  color: #fff !important;
  font-weight: 800 !important;
}
.dont-bet-grid .avoid-match {
  padding: 3px 5px !important;
  background: #e97816 !important;
  color: #fff !important;
}
.dont-bet-grid .avoid-match b {
  display: block !important;
  width: auto !important;
  max-width: 100%;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
}
.dont-bet-grid .avoid-match small {
  color: #fff !important;
  opacity: 0.9 !important;
}
@media (max-width: 620px) {
  .match-head {
    grid-template-columns: minmax(0, 1fr) 48px 42px 105px !important;
  }
  .match-row {
    grid-template-columns: minmax(0, 1fr) 48px 42px 105px 10px !important;
  }
}
.player-flag {
  display: inline-block;
  margin-right: 6px;
  font-size: 14px;
  line-height: 1;
  vertical-align: -1px;
}
.score-display.finished {
  padding: 6px 8px !important;
  border-radius: 8px !important;
  background: #f0f2f0 !important;
}
.score-display.finished .score-state-label {
  display: inline-grid;
  place-items: center;
  padding: 4px 6px;
  border-radius: 4px;
  background: #737c77;
  color: #fff !important;
  font-weight: 700;
}
.score-display.finished .score-lines strong {
  font-size: 14px;
  font-weight: 800;
  color: #344039;
}
.premium-board .featured-pick.lost {
  background: #d8ddda !important;
  border-top-color: #bec5c1 !important;
}
.premium-board .featured-pick.lost .featured-status {
  background: #59625d !important;
}
.dont-bet-grid > a > span:first-child {
  padding: 0 !important;
  background: transparent !important;
  color: #b85a0d !important;
  font-weight: 700 !important;
}
.dont-bet-grid .avoid-match {
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
}
.dont-bet-grid .avoid-match b {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  padding: 4px 6px;
  border-radius: 4px;
  background: #e97816;
  color: #fff;
}
.dont-bet-grid .avoid-match small {
  color: #b85a0d !important;
  opacity: 1 !important;
}
.dont-bet-grid .avoid-match small .player-flag {
  font-size: 12px;
}
.premium-board .featured-pick.void {
  background: #ecefed !important;
  border-top-color: #d3d8d5 !important;
}
.premium-board .featured-pick.void .featured-status {
  background: #68716c !important;
  color: #fff;
  padding: 5px 7px;
  border-radius: 4px;
}
.pick-summary.void > strong {
  color: #606963 !important;
}
.score-display.live {
  background: #fff0f0 !important;
}
.score-display.live .score-state-label,
.score-display.live .score-lines strong {
  color: #d73535 !important;
}
.score-display.live .score-lines i {
  color: #db5757 !important;
}
.match-status.live {
  color: #d73535 !important;
}
.match-status.live:before {
  background: #e13d3d !important;
}
.featured-status.live {
  background: #d73535 !important;
}
.premium-board .featured-pick.lost {
  background: #ecefed !important;
  border-top-color: #d3d8d5 !important;
}
.premium-board .featured-pick.lost .featured-status {
  background: #68716c !important;
}
.pick-summary.lost > strong {
  color: #606963 !important;
}
.dont-bet-board {
  border-color: #edbd72 !important;
  background: #fff9ef !important;
  box-shadow: 0 10px 28px rgba(190, 104, 16, 0.09) !important;
}
.dont-bet-head {
  background: #9b4f0b !important;
}
.dont-bet-head b {
  color: #ffe0aa !important;
}
.dont-bet-head span {
  color: #ffe8c4 !important;
}
.dont-bet-grid {
  background: #efd6ae !important;
}
.dont-bet-grid a {
  background: #fffaf2 !important;
  color: #3c260f !important;
}
.dont-bet-grid span {
  background: #e97816 !important;
}
.dont-bet-grid strong {
  color: #c45f0c !important;
}
.match-head {
  grid-template-columns: 78px minmax(0, 1fr) 90px 170px !important;
}
.match-row {
  grid-template-columns: 78px minmax(0, 1fr) 90px 170px 18px !important;
}
@media (max-width: 620px) {
  .match-head {
    grid-template-columns: 48px minmax(0, 1fr) 42px 105px !important;
  }
  .match-row {
    grid-template-columns: 48px minmax(0, 1fr) 42px 105px 10px !important;
  }
  .score-display {
    gap: 4px;
  }
  .score-state-label {
    display: none;
  }
  .score-lines {
    min-width: 76px;
  }
  .score-lines > span {
    grid-auto-columns: 17px;
  }
  .score-lines strong {
    font-size: 12px;
  }
  .score-lines i {
    font-size: 10px;
  }
}
.score-display {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}
.score-state-label {
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.06em;
  color: #8d9792;
}
.score-lines {
  display: grid;
  gap: 3px;
  min-width: 92px;
}
.score-lines > span {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 22px;
  justify-content: end;
  align-items: center;
  gap: 2px;
}
.score-lines strong {
  font-family: var(--font-mono);
  font-size: 14px;
  color: #344039;
}
.score-lines i {
  font-family: var(--font-mono);
  font-size: 12px;
  font-style: normal;
  color: #8c9691;
  text-align: center;
}
.score-display.live {
  padding: 6px 8px;
  border-radius: 8px;
  background: #e9f9ef;
}
.score-display.live .score-state-label,
.score-display.live .score-lines strong {
  color: #079657;
  font-weight: 800;
}
.score-display.live .score-lines i {
  color: #24a66a;
}
.score-display.finished {
  padding: 5px 7px;
  border-radius: 7px;
  background: #f0f2f0;
}
.score-display.finished .score-state-label {
  color: #626d67;
}
.score-display.scheduled .score-lines {
  display: none;
}
.match-players .picked {
  color: #0c8b54;
  font-weight: 750;
}
.match-players em {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 5px;
  border-radius: 4px;
  background: #dfff94;
  color: #18331f;
  font-family: var(--font-mono);
  font-size: 7px;
  font-style: normal;
  letter-spacing: 0.05em;
  vertical-align: 1px;
}
.match-odds .picked-odd {
  display: inline-block;
  justify-self: end;
  padding: 2px 6px;
  border-radius: 5px;
  background: #c9f356;
  color: #14231c;
  box-shadow: 0 0 0 1px rgba(20, 35, 28, 0.08);
}
.source-stamp > small {
  display: block;
  margin-top: 5px;
  text-align: right;
  color: #8d9993;
  font-size: 7px;
}
.match-head {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr) 90px 100px;
  gap: 15px;
  padding: 9px 57px 9px 24px;
  background: #fbfcfb;
  color: #89948f;
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.08em;
  border-top: 1px solid #eef1ef;
}
.match-head span:nth-last-child(-n + 2) {
  text-align: right;
}
.match-row {
  grid-template-columns: 78px minmax(0, 1fr) 90px 100px 18px !important;
}
.match-odds {
  display: grid;
  gap: 4px;
  text-align: right;
  font-family: var(--font-mono);
  font-size: 11px;
  color: #188d5a;
}
.match-odds b {
  font-weight: 650;
}
@media (max-width: 620px) {
  .match-head {
    grid-template-columns: 48px minmax(0, 1fr) 47px 47px;
    gap: 7px;
    padding: 8px 39px 8px 13px;
  }
  .match-row {
    grid-template-columns: 48px minmax(0, 1fr) 47px 47px 10px !important;
  }
  .match-odds {
    font-size: 10px;
  }
}
.scores {
  margin-top: 34px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 16px 45px rgba(28, 55, 43, 0.07);
}
.scores-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 26px 18px;
}
.scores-top small {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.13em;
  color: #7b8781;
}
.scores-top h2 {
  margin: 4px 0 0;
  font-size: 27px;
  letter-spacing: -0.04em;
}
.source-stamp {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  color: #7b8781;
}
.source-stamp i {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #14b56d;
  margin-right: 6px;
  box-shadow: 0 0 0 4px rgba(20, 181, 109, 0.1);
}
.source-stamp a {
  color: #138d58;
  text-decoration: none;
}
.score-filters {
  display: flex;
  gap: 6px;
  overflow: auto;
  padding: 0 26px 16px;
  border-bottom: 1px solid #e5eae6;
}
.score-filters button {
  border: 1px solid #dce3de;
  background: #f8faf8;
  color: #637169;
  border-radius: 999px;
  padding: 7px 13px;
  font-family: var(--font-mono);
  font-size: 9px;
  cursor: pointer;
}
.score-filters button.active {
  background: #13231d;
  border-color: #13231d;
  color: #c9f356;
}
.score-table {
  max-height: 620px;
  overflow: auto;
}
.tournament {
  border-bottom: 1px solid #e6ebe7;
}
.tournament summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 15px 26px;
  background: #f4f7f4;
  cursor: pointer;
}
.tournament summary::-webkit-details-marker {
  display: none;
}
.tournament summary span {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.015em;
}
.tournament summary b {
  font-family: var(--font-mono);
  font-size: 8px;
  color: #85918b;
  letter-spacing: 0.08em;
}
.match-row {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr) 100px 18px;
  align-items: center;
  gap: 15px;
  min-height: 57px;
  padding: 8px 24px;
  color: #1a241f;
  text-decoration: none;
  border-top: 1px solid #eff2ef;
  transition: 0.15s;
}
.match-row:hover {
  background: #f8fbf8;
}
.match-status {
  font-family: var(--font-mono);
  font-size: 10px;
  color: #79857f;
}
.match-status.live {
  color: #0e9d5e;
  font-weight: 700;
}
.match-status.live:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #11b56c;
  border-radius: 50%;
  margin-right: 6px;
}
.match-players {
  display: grid;
  gap: 4px;
  font-size: 12px;
}
.match-players b {
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.match-score {
  text-align: right;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
}
.match-score small {
  display: block;
  color: #85918b;
  font-size: 8px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chevron {
  color: #9aa49f;
  font-size: 20px;
}
.score-state {
  padding: 65px 25px;
  text-align: center;
  color: #738078;
  font-size: 13px;
}
.error-state {
  color: #a74a4a;
}
.score-note {
  margin: 0;
  padding: 12px 25px;
  background: #fafbf9;
  color: #88928d;
  font-size: 9px;
}
.player-search {
  position: relative;
}
.suggestions {
  position: absolute;
  z-index: 20;
  top: calc(100% + 5px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #d9e1db;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 18px 35px rgba(20, 43, 32, 0.17);
}
.suggestions button {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #eef1ef;
  background: #fff;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-align: left;
  cursor: pointer;
}
.suggestions button:hover {
  background: #f0f8f3;
}
.suggestions span {
  font-size: 12px;
  color: #17221d;
  text-transform: none;
  letter-spacing: 0;
}
.suggestions small {
  font-family: var(--font-mono);
  font-size: 8px;
  color: #168b59;
  white-space: nowrap;
}
@media (max-width: 900px) {
  .hero {
    grid-template-columns: 1fr !important;
  }
  .hero-visual {
    width: min(560px, 100%);
  }
}
@media (max-width: 620px) {
  .hero {
    gap: 34px;
  }
  .hero-visual {
    border-radius: 16px;
  }
  .brand > span:last-child {
    display: none;
  }
  .scores {
    margin-top: 16px;
    border-radius: 14px;
  }
  .scores-top {
    padding: 18px 16px 14px;
  }
  .source-stamp {
    font-size: 7px;
  }
  .score-filters {
    padding: 0 16px 13px;
  }
  .tournament summary {
    padding: 13px 15px;
  }
  .tournament summary span {
    font-size: 10px;
  }
  .match-row {
    grid-template-columns: 55px minmax(0, 1fr) 55px 10px;
    gap: 8px;
    padding: 8px 13px;
  }
  .match-status {
    font-size: 9px;
  }
  .match-players {
    font-size: 11px;
  }
  .match-score {
    font-size: 11px;
  }
  .score-table {
    max-height: 520px;
  }
}
.schedule-date {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  color: #78857f;
  white-space: nowrap;
}
.featured-pick {
  display: block;
  margin: 0 24px 18px;
  border: 1px solid #b7dfca;
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(135deg, #f2fff7, #f8fbf8);
  color: #17231d;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(16, 115, 70, 0.08);
}
.featured-kicker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 10px 15px;
  background: #13231d;
  color: #fff;
}
.featured-kicker b {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.09em;
  color: #c9f356;
}
.featured-kicker span {
  font-size: 10px;
  color: #dbe8df;
}
.featured-match {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr) 90px 170px 18px;
  align-items: center;
  gap: 15px;
  min-height: 72px;
  padding: 10px 15px;
}
.featured-status.live {
  display: inline-grid;
  place-items: center;
  justify-self: start;
  padding: 5px 7px;
  border-radius: 4px;
  background: #12a965;
  color: #fff;
  font-size: 8px;
  letter-spacing: 0.07em;
}
.featured-players {
  display: grid;
  gap: 5px;
  font-size: 13px;
}
.featured-players b {
  font-weight: 600;
}
.featured-players em {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 5px;
  border-radius: 4px;
  background: #c9f356;
  color: #18331f;
  font-family: var(--font-mono);
  font-size: 7px;
  font-style: normal;
  letter-spacing: 0.05em;
}
.match-status.live:before {
  display: inline-block !important;
}
.featured-status.live:before {
  display: none !important;
}
@media (max-width: 620px) {
  .featured-pick {
    margin: 0 12px 14px;
  }
  .featured-kicker {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }
  .featured-match {
    grid-template-columns: 46px minmax(0, 1fr) 42px 105px 10px;
    gap: 7px;
    padding: 9px;
  }
  .featured-players {
    font-size: 11px;
  }
  .featured-players em {
    display: block;
    width: max-content;
    margin: 3px 0 0;
  }
  .featured-kicker span {
    font-size: 9px;
  }
}
.avoid-match {
  display: grid;
  min-width: 0;
}
.avoid-match small {
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0;
  opacity: 0.9;
}
.account-menu {
  display: flex;
  align-items: center;
  gap: 10px;
}
.account-menu > span {
  display: grid;
  text-align: right;
}
.account-menu b {
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.07em;
  color: #118c58;
}
.account-menu small {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 9px;
  color: #7b8781;
}
.ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  white-space: nowrap;
}
@media (max-width: 620px) {
  .account-menu > span {
    display: none;
  }
}
.picks-board {
  margin: 0 24px 18px;
  border: 1px solid #b7dfca;
  border-radius: 14px;
  overflow: hidden;
  background: #f5fff8;
  box-shadow: 0 10px 28px rgba(16, 115, 70, 0.08);
}
.picks-board.premium-board {
  border-color: #a8d957;
  box-shadow: 0 12px 34px rgba(95, 145, 21, 0.12);
}
.picks-board .featured-pick {
  margin: 0;
  border: 0;
  border-top: 1px solid #dcebe2;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.picks-board .featured-pick:first-child {
  border-top: 0;
}
.pick-stack {
  display: grid;
}
.premium-board .featured-kicker {
  background: linear-gradient(90deg, #13231d, #203c2e);
}
@media (max-width: 620px) {
  .picks-board {
    margin: 0 12px 14px;
  }
}
.picks-board .featured-match {
  grid-template-columns: 78px minmax(0, 1fr) 90px 170px 72px;
}
.premium-board .featured-pick.won {
  background: #dcefe2;
  border-top-color: #bdd9c6;
}
.premium-board .featured-pick.lost {
  background: #fde7e7;
  border-top-color: #efc2c2;
}
.premium-board .featured-pick.won .featured-status {
  background: #176b43;
  color: #fff;
  padding: 5px 7px;
  border-radius: 4px;
}
.premium-board .featured-pick.lost .featured-status {
  background: #b83b3b;
  color: #fff;
  padding: 5px 7px;
  border-radius: 4px;
}
.pick-summary {
  display: grid;
  justify-items: end;
  gap: 3px;
  font-family: var(--font-mono);
}
.pick-summary > b {
  font-size: 10px;
  color: #5e6d65;
}
.pick-summary > strong {
  font-size: 11px;
}
.pick-summary.won > strong {
  color: #176b43;
}
.pick-summary.lost > strong {
  color: #b52f2f;
}
@media (max-width: 620px) {
  .picks-board .featured-match {
    grid-template-columns: 42px minmax(0, 1fr) 38px 92px 49px;
  }
  .pick-summary > b {
    font-size: 8px;
  }
  .pick-summary > strong {
    font-size: 9px;
  }
}
.scores {
  display: flex;
  flex-direction: column;
}
.dont-bet-board {
  order: 2;
  margin: 0 24px 18px;
  border: 1px solid #efc5c5;
  border-radius: 14px;
  overflow: hidden;
  background: #fff8f8;
  box-shadow: 0 10px 28px rgba(150, 45, 45, 0.07);
}
.dont-bet-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 10px 15px;
  background: #4a1d1d;
  color: #fff;
}
.dont-bet-head b {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  color: #ffcdcd;
}
.dont-bet-head span {
  font-size: 10px;
  color: #ecdada;
}
.dont-bet-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: #eedada;
}
.dont-bet-grid a {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 13px;
  background: #fffafa;
  color: #311c1c;
  text-decoration: none;
}
.dont-bet-grid span {
  padding: 3px 5px;
  border-radius: 4px;
  background: #b83b3b;
  color: #fff;
  font-family: var(--font-mono);
  font-size: 7px;
  font-weight: 800;
}
.dont-bet-grid b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}
.dont-bet-grid strong {
  font-family: var(--font-mono);
  font-size: 10px;
  color: #a12f2f;
}
.score-filters {
  order: 3;
}
.score-table {
  order: 4;
}
.score-note {
  order: 5;
}
.total-pnl {
  flex: none;
  padding: 5px 8px;
  border-radius: 5px;
  background: #fff;
  font-family: var(--font-mono);
  font-size: 10px;
}
.total-pnl.positive {
  color: #176b43;
}
.total-pnl.negative {
  color: #b52f2f;
}
@media (max-width: 760px) {
  .dont-bet-grid {
    grid-template-columns: 1fr 1fr;
  }
  .dont-bet-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }
}
@media (max-width: 620px) {
  .dont-bet-board {
    margin: 0 12px 14px;
  }
  .dont-bet-grid {
    grid-template-columns: 1fr;
  }
  .total-pnl {
    align-self: flex-start;
  }
}
.data-source {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 18px 2px -8px;
  font-family: var(--font-mono);
  font-size: 9px;
  color: #7b8882;
  letter-spacing: 0.04em;
}
.data-source a {
  color: #168b59;
  text-decoration: none;
}
.rating {
  background: #edf3ee;
  color: #168b59;
  font-weight: 700;
  cursor: not-allowed;
}
.brand-logo {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow:
    0 0 0 1px #29382f,
    0 0 18px rgba(151, 255, 0, 0.16);
}
.hero {
  display: grid !important;
  grid-template-columns: minmax(0, 0.94fr) minmax(350px, 0.66fr);
  gap: 50px;
  align-items: center;
}
.hero-copy {
  min-width: 0;
}
.hero-visual {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: #050805;
  box-shadow:
    0 28px 60px rgba(19, 44, 31, 0.2),
    0 0 0 1px rgba(151, 255, 0, 0.16);
}
.hero-visual img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.hero-visual span {
  position: absolute;
  right: 14px;
  bottom: 12px;
  padding: 7px 9px;
  border: 1px solid rgba(174, 255, 36, 0.26);
  border-radius: 99px;
  background: rgba(0, 0, 0, 0.64);
  color: #aef724;
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.12em;
}
.hero-logo img {
  object-fit: cover !important;
}
.server-icon {
  position: relative;
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 6px;
  border-radius: 50%;
  background: #c9f356;
  box-shadow: 0 0 0 1px #64851c;
  vertical-align: 0;
}
.server-icon:after {
  content: "";
  position: absolute;
  inset: 2px 1px;
  border-top: 1px solid rgba(45, 68, 9, 0.75);
  border-radius: 50%;
  transform: rotate(-35deg);
}
.tracking-page {
  min-height: 100vh;
  background: linear-gradient(180deg, #07100c 0, #0b1711 430px, #f3f6f2 430px);
}
.tracking-page .nav {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.12);
}
.tracking-page .brand {
  color: #fff;
}
.tracking-page .navlinks a {
  color: #aebbb4;
}
.tracking-page .navlinks a.active {
  color: #c9f356;
}
.tracking-page .ghost {
  border-color: #3b4b43;
  color: #dce7e0;
  text-decoration: none;
}
.tracking-hero {
  padding: 76px 0 72px;
  color: #fff;
}
.tracking-hero small {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  color: #a9c0b3;
}
.tracking-hero h1 {
  margin: 20px 0 18px;
  font-size: clamp(48px, 7vw, 84px);
  line-height: 0.93;
  letter-spacing: -0.065em;
}
.tracking-hero h1 em {
  color: #c9f356;
  font-style: normal;
}
.tracking-hero p {
  max-width: 650px;
  margin: 0;
  color: #9fb0a7;
  font-size: 15px;
  line-height: 1.7;
}
.tracking-shell {
  padding: 0 0 80px;
}
.tracking-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 18px;
}
.tracking-stats article {
  display: grid;
  gap: 9px;
  padding: 20px;
  border: 1px solid #dce4de;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(18, 46, 32, 0.06);
}
.tracking-stats span,
.tracking-day header small {
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.12em;
  color: #7b8981;
}
.tracking-stats b {
  font-family: var(--font-mono);
  font-size: 22px;
}
.tracking-day {
  margin-top: 14px;
  border: 1px solid #dce4de;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 12px 30px rgba(18, 46, 32, 0.05);
}
.tracking-day header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: #13231d;
  color: #fff;
}
.tracking-day h2 {
  margin: 3px 0 0;
  font-size: 18px;
}
.tracking-day header strong {
  font-family: var(--font-mono);
  font-size: 15px;
}
.tracking-table {
  overflow-x: auto;
}
.tracking-head,
.tracking-row {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) 80px 70px 110px 80px;
  gap: 12px;
  align-items: center;
}
.tracking-head {
  padding: 9px 18px;
  background: #f1f5f2;
  color: #7c8982;
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.09em;
}
.tracking-row {
  min-width: 650px;
  padding: 12px 18px;
  border-top: 1px solid #edf1ee;
  color: #1b2922;
  text-decoration: none;
}
.tracking-row:hover {
  background: #f8fbf8;
}
.tracking-row > span:not(:first-child) {
  font-family: var(--font-mono);
  font-size: 10px;
}
.tracking-row span:first-child {
  display: grid;
  gap: 3px;
}
.tracking-row span:first-child > b {
  font-size: 12px;
}
.tracking-row small {
  display: block;
  color: #7b8982;
  font-size: 8px;
  line-height: 1.45;
}
.tracking-row.won {
  box-shadow: inset 3px 0 #16a467;
}
.tracking-row.lost {
  box-shadow: inset 3px 0 #ca4a4a;
}
.tracking-row.void {
  box-shadow: inset 3px 0 #9ca7a1;
}
.tracking-note {
  margin: 13px 3px 0;
  color: #7b8982;
  font-family: var(--font-mono);
  font-size: 8px;
}
.tracking-state {
  padding: 70px 20px;
  text-align: center;
  border: 1px solid #dce4de;
  border-radius: 16px;
  background: #fff;
  color: #718078;
}
.tracking-page .positive {
  color: #168b57 !important;
}
.tracking-page .negative {
  color: #b63d3d !important;
}
@media (max-width: 720px) {
  .tracking-page {
    background: linear-gradient(
      180deg,
      #07100c 0,
      #0b1711 390px,
      #f3f6f2 390px
    );
  }
  .tracking-page .navlinks {
    display: none;
  }
  .tracking-page .ghost {
    padding: 8px 10px;
    font-size: 10px;
  }
  .tracking-hero {
    padding: 52px 0 58px;
  }
  .tracking-hero h1 {
    font-size: 48px;
  }
  .tracking-hero p {
    font-size: 13px;
  }
  .tracking-stats {
    grid-template-columns: 1fr 1fr;
  }
  .tracking-stats article {
    padding: 15px;
  }
  .tracking-stats b {
    font-size: 18px;
  }
  .tracking-day header {
    padding: 14px;
  }
  .server-icon {
    width: 7px;
    height: 7px;
    margin-left: 3px;
  }
}
:root {
  --ink: #101916;
  --green: #16a467;
  --lime: #c9f356;
  --line: #dce2dc;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: #f8faf7;
  color: var(--ink);
  font-family: var(--font-geist), Arial, sans-serif;
}
button,
input,
select {
  font: inherit;
}
.shell {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}
.nav {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dfe5df;
}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 17px;
  letter-spacing: -0.02em;
  text-decoration: none;
  color: var(--ink);
}
.brand b {
  color: var(--green);
  font-weight: 650;
}
.mark {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: #eafff3;
  background: #13231d;
  border-radius: 50%;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: -0.08em;
}
.navlinks {
  display: flex;
  gap: 34px;
}
.navlinks a {
  color: #53615b;
  text-decoration: none;
  font-size: 14px;
}
.ghost {
  border: 1px solid #cbd4ce;
  background: transparent;
  border-radius: 999px;
  padding: 10px 18px;
  font-size: 13px;
  cursor: pointer;
}
.hero {
  padding: 78px 0 58px;
}
.eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #52635c;
}
.eyebrow span {
  width: 28px;
  height: 2px;
  background: var(--green);
}
.hero h1 {
  font-size: clamp(58px, 8.3vw, 110px);
  line-height: 0.89;
  letter-spacing: -0.073em;
  margin: 30px 0;
  max-width: 1000px;
  font-weight: 620;
}
.hero h1 em {
  color: var(--green);
  font-style: normal;
}
.hero > p {
  font-size: 19px;
  line-height: 1.6;
  color: #596760;
  max-width: 610px;
}
.trust {
  margin-top: 28px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  color: #53625b;
  font-size: 13px;
}
.workspace {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  background: white;
  border: 1px solid var(--line);
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(33, 65, 50, 0.09);
}
.calculator,
.results {
  padding: 34px;
}
.calculator {
  border-right: 1px solid var(--line);
}
.results {
  background: #13231d;
  color: white;
  min-height: 650px;
}
.panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 28px;
}
.panel-head small {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  color: #75817c;
}
.panel-head h2 {
  font-size: 25px;
  letter-spacing: -0.035em;
  margin: 5px 0 0;
}
.live-dot,
.surface-pill {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.1em;
  padding: 8px 10px;
  border-radius: 99px;
  background: #eaf8ef;
  color: #188354;
}
.live-dot:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #20b574;
  margin-right: 7px;
}
.context-grid,
.pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  color: #64706b;
  text-transform: uppercase;
}
input,
select {
  width: 100%;
  border: 1px solid #d6ddd8;
  border-radius: 10px;
  padding: 13px 12px;
  color: #17211d;
  background: #fbfcfa;
  outline: none;
  text-transform: none;
  letter-spacing: 0;
}
input:focus,
select:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(22, 164, 103, 0.1);
}
.players {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 22px 0;
}
.player-card {
  background: #f5f7f3;
  border: 1px solid #e2e7e2;
  border-radius: 15px;
  padding: 17px;
}
.player-card .tag {
  display: block;
  font-family: var(--font-mono);
  font-size: 9px;
  color: #13965e;
  letter-spacing: 0.12em;
  margin-bottom: 13px;
}
.player-card .pair {
  margin-top: 13px;
}
.versus {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #17251f;
  color: white;
  border: 3px solid white;
  font-size: 8px;
  font-weight: 800;
}
.primary {
  width: 100%;
  border: 0;
  border-radius: 11px;
  padding: 15px 18px;
  color: #0f1e17;
  background: var(--lime);
  font-weight: 650;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  transition: 0.2s;
}
.primary:hover {
  background: #bdec45;
  transform: translateY(-1px);
}
.hint,
.integrity {
  font-size: 11px;
  line-height: 1.5;
  color: #7a8580;
  text-align: center;
}
.error {
  color: #b94141;
  background: #fff1f1;
  padding: 11px;
  border-radius: 8px;
  font-size: 12px;
}
.results .panel-head small {
  color: #8fa199;
}
.surface-pill {
  background: #1f3a2f;
  color: #92d8b5;
}
.empty {
  min-height: 490px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 50px;
}
.empty .ball {
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
  border: 1px solid #3b5248;
  border-radius: 50%;
  color: var(--lime);
  font-size: 26px;
}
.empty h3 {
  margin: 25px 0 8px;
  font-size: 22px;
}
.empty p {
  margin: 0;
  color: #91a099;
  font-size: 13px;
  line-height: 1.7;
  max-width: 260px;
}
.output {
  display: grid;
  gap: 12px;
}
.overround {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  border-bottom: 1px solid #32463d;
  padding: 0 0 16px;
  font-size: 12px;
  color: #a4b1ab;
}
.overround b {
  color: white;
  font-size: 18px;
}
.overround small {
  grid-column: 1/-1;
  margin-top: 4px;
  color: #708178;
}
.result-card {
  border: 1px solid #31473d;
  border-radius: 14px;
  padding: 17px;
  background: #172a22;
}
.result-card.value {
  border-color: #427c60;
  background: linear-gradient(135deg, #173328, #172a22);
}
.result-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.result-title h3 {
  margin: 0;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.result-title span {
  color: #7f8d87;
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.12em;
}
.value .result-title span {
  color: var(--lime);
}
.prob {
  margin: 13px 0;
}
.prob strong {
  font-size: 30px;
  letter-spacing: -0.04em;
}
.prob small {
  font-family: var(--font-mono);
  color: #83938b;
  margin-left: 9px;
  font-size: 8px;
}
.bar {
  height: 3px;
  background: #31473d;
  margin-top: 9px;
  overflow: hidden;
}
.bar i {
  display: block;
  height: 100%;
  background: var(--lime);
}
dl {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin: 0;
}
dl div {
  min-width: 0;
}
dt {
  color: #798b82;
  font-size: 9px;
  min-height: 24px;
}
dd {
  margin: 4px 0 0;
  font-family: var(--font-mono);
  font-size: 12px;
}
.positive {
  color: #bce95c;
}
.negative {
  color: #e49b9b;
}
.integrity {
  color: #798a82;
  margin: 4px 0;
}
.method,
.pricing {
  padding: 130px 0;
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 70px;
  border-bottom: 1px solid var(--line);
}
.section-number {
  font-family: var(--font-mono);
  color: var(--green);
  font-size: 11px;
}
.method h2,
.pricing h2 {
  margin: 18px 0;
  font-size: 42px;
  line-height: 1.08;
  letter-spacing: -0.05em;
}
.steps {
  border-top: 1px solid #cfd7d1;
}
.steps article {
  display: grid;
  grid-template-columns: 45px 170px 1fr;
  gap: 15px;
  align-items: start;
  border-bottom: 1px solid #d7ded9;
  padding: 25px 0;
}
.steps b {
  font-family: var(--font-mono);
  color: #a1aca6;
  font-size: 10px;
}
.steps h3 {
  margin: 0;
  font-size: 16px;
}
.steps p,
.pricing > div > p {
  margin: 0;
  color: #69766f;
  font-size: 14px;
  line-height: 1.7;
}
.price-card {
  width: min(420px, 100%);
  justify-self: end;
  background: #13231d;
  color: white;
  padding: 34px;
  border-radius: 20px;
  box-shadow: 15px 15px 0 var(--lime);
}
.price-card > small {
  font-family: var(--font-mono);
  color: #9fb0a8;
  letter-spacing: 0.12em;
}
.price {
  margin: 20px 0 5px;
}
.price b {
  font-size: 45px;
}
.price span,
.price-card p {
  color: #91a098;
  font-size: 12px;
}
.price-card ul {
  list-style: none;
  padding: 20px 0;
  margin: 20px 0;
  border-top: 1px solid #33473e;
}
.price-card li {
  padding: 7px 0;
  font-size: 13px;
}
.price-card li:before {
  content: "✓";
  color: var(--lime);
  margin-right: 10px;
}
footer {
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: #738079;
  font-size: 11px;
}
footer p {
  margin: 0;
}
@media (max-width: 900px) {
  .workspace,
  .method,
  .pricing {
    grid-template-columns: 1fr;
  }
  .calculator {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .method,
  .pricing {
    gap: 35px;
    padding: 85px 0;
  }
  .price-card {
    justify-self: start;
  }
  .steps article {
    grid-template-columns: 35px 130px 1fr;
  }
}
@media (max-width: 620px) {
  .shell {
    width: min(100% - 24px, 1180px);
  }
  .navlinks {
    display: none;
  }
  .hero {
    padding-top: 55px;
  }
  .hero h1 {
    font-size: 54px;
  }
  .workspace {
    border-radius: 18px;
  }
  .calculator,
  .results {
    padding: 22px;
  }
  .players {
    grid-template-columns: 1fr;
  }
  .versus {
    display: none;
  }
  .context-grid {
    grid-template-columns: 1fr;
  }
  .pair {
    grid-template-columns: 1fr 1fr;
  }
  dl {
    grid-template-columns: repeat(3, 1fr);
  }
  .steps article {
    grid-template-columns: 32px 1fr;
  }
  .steps article p {
    grid-column: 2;
  }
  .method h2,
  .pricing h2 {
    font-size: 35px;
  }
  footer {
    flex-direction: column;
    align-items: flex-start;
    padding: 35px 0;
  }
}
.home-footer {
  min-height: 150px;
}
.home-footer nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  max-width: 430px;
}
.home-footer nav a {
  color: #637169;
  text-decoration: none;
  font-size: 11px;
}
.home-footer nav a:hover {
  color: #158b58;
}
@media (max-width: 900px) {
  .home-footer {
    flex-wrap: wrap;
  }
  .home-footer nav {
    order: 4;
    width: 100%;
  }
}

/* Five-set scoreboard: one match-result cell followed by five stable set cells. */
body #today .score-display {
  width: 170px !important;
  min-width: 170px !important;
  padding: 5px 7px !important;
  overflow: hidden !important;
}
body #today .score-display .score-lines {
  display: grid !important;
  width: 154px !important;
  min-width: 154px !important;
  gap: 3px !important;
}
body #today .score-display .score-lines > span {
  display: grid !important;
  grid-template-columns: 24px repeat(5, 24px) !important;
  grid-auto-flow: initial !important;
  grid-auto-columns: initial !important;
  justify-content: start !important;
  column-gap: 2px !important;
}
body #today .score-display .score-lines strong,
body #today .score-display .score-lines i {
  display: block !important;
  width: 24px !important;
  text-align: center !important;
}
@media (max-width: 620px) {
  body #today .featured-pick .featured-match,
  body #today .avoid-board .avoid-pick .featured-match,
  body #today .score-table .match-row {
    grid-template-columns: 32px minmax(0, 1fr) 31px 92px 34px !important;
  }
  body #today .featured-pick .score-display,
  body #today .avoid-board .score-display,
  body #today .score-table .score-display {
    width: 92px !important;
    min-width: 92px !important;
    padding: 4px !important;
  }
  body #today .score-display .score-lines {
    width: 84px !important;
    min-width: 84px !important;
  }
  body #today .score-display .score-lines > span {
    grid-template-columns: 14px repeat(5, 13px) !important;
    column-gap: 1px !important;
  }
  body #today .score-display .score-lines strong {
    width: 14px !important;
  }
  body #today .score-display .score-lines i {
    width: 13px !important;
  }
}

/* Official-pick result labels must remain legible over their status colours. */
#today .premium-board .featured-pick.won .featured-status,
#today .premium-board .featured-pick.lost .featured-status {
  color: #fff !important;
}

#today .featured-match-link {
  display: block;
  color: inherit;
  text-decoration: none;
}
#today .analysis-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  border-top: 1px solid rgba(20, 76, 48, 0.12);
  background: #edf8f1;
  color: #124b31;
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}
#today .avoid-pick .analysis-button {
  border-top-color: rgba(157, 81, 12, 0.18);
  background: #fff3df;
  color: #914908;
}
#today .analysis-button:hover,
#today .analysis-button:focus-visible {
  background: #c9f356;
  color: #17351f;
  outline: none;
}

/* Keep the complete Official Picks area on the light CourtValue surface so the
   green Analysis action remains the clearest element beneath every match. */
#today .premium-board .pick-stack {
  padding: 12px;
  gap: 12px;
  background: #edf8f1;
}
#today .premium-board .featured-pick,
#today .premium-board .featured-pick.won,
#today .premium-board .featured-pick.lost {
  margin: 0;
  border: 1px solid #d7e6dc;
  border-radius: 14px;
  background: #f8fbf9;
  overflow: hidden;
}
#today .premium-board .featured-pick:first-child {
  border-top: 1px solid #d7e6dc;
}
@media (max-width: 620px) {
  #today .premium-board .pick-stack {
    padding: 10px;
    gap: 10px;
  }
}
/* Conversion help follows the existing light-surface/dark-green theme. */
.premium-access-help { grid-column: 1 / -1; padding: 24px; border: 1px solid #ced8d1; border-radius: 16px; background: #f3f6f2; color: #13231d; margin-top: 20px; }
.premium-access-help p { font-size: 15px; line-height: 1.6; }
.premium-access-help a { text-decoration: underline; color: #174e35; }
/* Premium conversion surfaces follow the existing CourtValue palette. */
.premium-sample{margin-top:2rem;margin-bottom:2rem;padding:2rem;border:1px solid #c9ddcf;border-radius:24px;background:#edf5ef;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center}
.premium-sample small{font-weight:700;letter-spacing:.08em;color:#244332}.premium-sample h2{margin:.5rem 0}.premium-sample p{max-width:65ch;line-height:1.6}.premium-sample>a:last-child{grid-column:1/-1}
.premium-faq{width:100%;grid-column:1/-1}.premium-faq details{border-bottom:1px solid #c9ddcf;padding:1rem 0}.premium-faq summary{cursor:pointer;font-weight:700;font-size:1rem}.premium-faq p{line-height:1.65;max-width:75ch}
.premium-welcome-actions{display:grid;gap:1rem;margin:2rem 0}.premium-welcome-actions .primary,.premium-welcome-actions button{white-space:normal;min-height:48px;text-align:left}
@media(max-width:700px){.premium-sample{grid-template-columns:1fr;padding:1.25rem}.premium-sample .primary{white-space:normal}}

/* CourtValue x Bet105 free-month offer links. */
.partner-offer-link{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(100%,660px);padding:15px 18px;border:1px solid rgba(74,165,232,.7);border-radius:10px;background:linear-gradient(110deg,rgba(255,255,255,.98),rgba(222,242,255,.98));color:#102018;text-decoration:none;box-shadow:0 12px 28px rgba(0,0,0,.13)}
.partner-offer-link>span{display:grid;gap:4px}.partner-offer-link small{color:#217fd0;font-family:var(--font-mono);font-size:8px;letter-spacing:.12em}.partner-offer-link b{font-size:15px}.partner-offer-link strong{flex:none;color:#187fcf;font-family:var(--font-mono);font-size:10px}.partner-offer-link:hover{border-color:#c9f356;transform:translateY(-1px)}
.free-premium-link{display:block;margin-top:12px;padding:11px 12px;border:1px solid #268ed8;border-radius:8px;background:#eef8ff;color:#176cae!important;font-family:var(--font-mono);font-size:10px;font-weight:850;text-align:center;text-decoration:none}.free-premium-link:hover{background:#dff2ff}.yearly-plan .free-premium-link{border-color:#102018;background:#fff;color:#102018!important}
@media(max-width:700px){.partner-offer-link{align-items:flex-start;flex-direction:column}.partner-offer-link strong{font-size:11px}}

/* Homepage composition: keep the product, explanation and pricing sections on
   one shared grid and remove legacy inner margins from Official Pick cards. */
body .method,
body .seo-pillar,
body .pricing {
  width: min(1200px, calc(100% - 48px)) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  box-sizing: border-box !important;
}
body .seo-pillar {
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr) !important;
  gap: 42px 72px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 76px 48px !important;
  border: 1px solid #d7dfd9 !important;
  border-radius: 24px !important;
  background: #f3f6f2 !important;
}
body .seo-pillar-intro {
  max-width: 680px !important;
}
body .seo-pillar-intro .section-number {
  margin-bottom: 22px !important;
}
body .seo-pillar-intro > small {
  display: block !important;
  margin-bottom: 14px !important;
  color: #086c42 !important;
  font-size: 12px !important;
}
body .seo-pillar h2 {
  max-width: 620px !important;
  margin: 0 0 24px !important;
  font-size: clamp(42px, 5vw, 62px) !important;
}
body .seo-pillar-intro p,
body .seo-pillar article p,
body .seo-pillar-note {
  font-size: 16px !important;
  line-height: 1.72 !important;
}
body .seo-pillar-grid {
  align-content: start !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}
body .seo-pillar article {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px 20px !important;
  padding: 22px 24px !important;
  border-left: 4px solid #c9f356 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 28px rgba(20, 45, 32, .06) !important;
}
body .seo-pillar article h3,
body .seo-pillar article p {
  grid-column: 1 !important;
}
body .seo-pillar article a {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  max-width: 150px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  text-align: right !important;
}
body .seo-pillar-note {
  grid-column: 1 / -1 !important;
  max-width: 980px !important;
  margin: 0 !important;
  padding: 22px 24px !important;
  border: 1px solid #d7e3da !important;
  border-radius: 12px !important;
  background: #edf4ef !important;
}

body #today .picks-board .featured-pick,
body #today .picks-board .featured-pick:first-child,
body #today .premium-board .featured-pick,
body #today .premium-board .featured-pick.won,
body #today .premium-board .featured-pick.lost {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
body #today .picks-board .featured-match,
body #today .dont-bet-row,
body #today .score-table .match-row {
  grid-template-columns: 82px minmax(240px, 1fr) 72px 190px 72px !important;
  gap: 12px !important;
  min-height: 72px !important;
  padding: 10px 14px !important;
}
body #today .picks-board .featured-match > .score-display,
body #today .dont-bet-row > .score-display,
body #today .score-table .match-row > .score-display,
body #today .score-display {
  width: 190px !important;
  min-width: 190px !important;
  padding: 7px 9px !important;
  overflow: hidden !important;
}
body #today .score-display .score-lines {
  width: 168px !important;
  min-width: 168px !important;
}
body #today .score-display .score-lines > span {
  grid-template-columns: 28px repeat(5, 24px) !important;
  column-gap: 3px !important;
}
body #today .score-display .score-lines strong {
  width: 28px !important;
}
body #today .score-display .score-lines i {
  width: 24px !important;
}

@media (max-width: 980px) and (min-width: 621px) {
  body .seo-pillar {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    padding: 60px 40px !important;
  }
  body .seo-pillar-intro { max-width: 760px !important; }
  body .seo-pillar-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  body .seo-pillar article {
    grid-template-columns: 1fr !important;
    align-content: start !important;
  }
  body .seo-pillar article h3,
  body .seo-pillar article p,
  body .seo-pillar article a {
    grid-column: 1 !important;
    grid-row: auto !important;
    max-width: none !important;
    text-align: left !important;
  }
  body #today .picks-board .featured-match,
  body #today .dont-bet-row,
  body #today .score-table .match-row {
    grid-template-columns: 68px minmax(180px, 1fr) 64px 180px 64px !important;
    gap: 8px !important;
  }
}

@media (max-width: 620px) {
  body .method,
  body .seo-pillar,
  body .pricing {
    width: calc(100% - 24px) !important;
  }
  body .seo-pillar {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 48px 20px !important;
    border-radius: 18px !important;
  }
  body .seo-pillar h2 { font-size: 38px !important; }
  body .seo-pillar-intro p,
  body .seo-pillar article p,
  body .seo-pillar-note { font-size: 15px !important; }
  body .seo-pillar article {
    grid-template-columns: 1fr !important;
    padding: 20px !important;
  }
  body .seo-pillar article h3,
  body .seo-pillar article p,
  body .seo-pillar article a {
    grid-column: 1 !important;
    grid-row: auto !important;
    max-width: none !important;
    text-align: left !important;
  }
  body .seo-pillar-note { padding: 18px !important; }
}
.home-calculator{align-self:center;box-sizing:border-box;width:100%;max-width:530px;padding:28px;background:linear-gradient(145deg,#133e2c,#071c13);border:1px solid #627c3e;border-radius:22px;color:#f4f9ee}.home-calculator>small{display:block;font-size:12px;line-height:1.5;color:#c7e599;letter-spacing:.04em}.home-calculator h2{font-size:clamp(24px,3vw,36px);line-height:1.15;letter-spacing:-.04em;margin:14px 0}.home-calculator p{font-size:15px;color:#c4d8c9;line-height:1.5}.home-calculator-players{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:20px 0 14px}.home-calculator label{font-size:14px;color:#daebd8}.home-calculator input,.home-calculator select{box-sizing:border-box;display:block;width:100%;min-width:0;margin-top:8px;padding:12px 8px;border:1px solid #4c7a50;border-radius:8px;background:#1e4a32;color:#fff;font-size:16px}.home-calculator input::placeholder{color:#c1d5c5}.home-calculator button{display:block;width:100%;border:0;border-radius:9px;background:#ccf76b;color:#123220;font-size:16px;font-weight:700;padding:14px;cursor:pointer;margin:16px 0 12px}.home-calculator :is(input,select,button):focus-visible{outline:3px solid #cbff6d;outline-offset:3px}@media(max-width:600px){.home-calculator{max-width:none;padding:18px;border-radius:16px}.home-calculator h2{font-size:27px}.home-calculator-players{gap:8px}}
.home-daily-calculation h2 em{font-style:normal;color:#ccf76b}.home-daily-meta{font-size:13px!important;color:#a9c1ae!important;margin-top:-4px}.home-daily-prices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.home-daily-prices article{border:1px solid;border-radius:12px;padding:13px}.home-daily-prices article.positive{background:#174a31;border-color:#79b864}.home-daily-prices article.negative{background:#4a2522;border-color:#b8665f}.home-daily-prices header{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:62px}.home-daily-photo{display:flex;align-items:center;justify-content:center;width:52px;height:62px;flex:0 0 52px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(4,16,10,.34)}.home-daily-photo img{display:block;width:100%;height:100%;object-fit:contain}.home-daily-photo span{font:700 16px var(--font-mono),monospace;color:#dff4d7}.home-daily-prices header>div:last-child{min-width:0}.home-daily-prices h3{font-size:14px;line-height:1.25;margin:0;color:#fff;overflow-wrap:anywhere}.home-daily-prices header span{display:block;margin-top:4px;font-size:11px;color:#d8e6da}.home-daily-prices dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:13px 0 0}.home-daily-prices dl div{background:rgba(0,0,0,.16);border-radius:7px;padding:8px 6px}.home-daily-prices dt{font-size:10px;color:#caddcc}.home-daily-prices dd{font:700 21px var(--font-mono),monospace;margin:4px 0 0;color:#fff}.home-daily-prices article>p{font-size:11px;margin:10px 0 0;color:#e0eadf}.home-daily-rule{font-size:12px!important;margin:7px 0!important;color:#bcd0c1!important}.home-calculate-more{display:block;text-align:center;width:100%;box-sizing:border-box;border-radius:9px;background:#ccf76b;color:#123220!important;font-size:16px;font-weight:700;padding:14px;margin:17px 0 0;text-decoration:none}.home-calculate-more:hover{background:#d9ff82}.home-calculate-more:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:600px){.home-daily-prices{gap:7px}.home-daily-prices article{padding:9px}.home-daily-prices header{gap:7px;min-height:54px}.home-daily-photo{width:44px;height:54px;flex-basis:44px}.home-daily-prices dl{grid-template-columns:1fr}.home-daily-prices dd{font-size:19px}}
.home-daily-prices header span .home-daily-won{display:inline-flex;align-items:center;margin-left:6px;padding:2px 5px;border-radius:4px;background:#ccf76b;color:#123220;font:800 9px var(--font-mono),monospace;letter-spacing:.05em}
.home-daily-prices article.warning{position:relative;background:linear-gradient(145deg,#a7460e,#dc6b1d);border-color:#ffad68}.home-daily-prices article.warning :is(h3,header span,dt,dd,p){color:#fff!important}.home-daily-prices article.warning-opponent{background:#39453f;border-color:#7c8982}.home-daily-prices article.warning dl div:nth-child(2) dt,.home-daily-prices article.warning dl div:nth-child(2) dd,.home-daily-prices article.warning-opponent dl div:nth-child(2) dt,.home-daily-prices article.warning-opponent dl div:nth-child(2) dd{color:#fff!important}.home-daily-avoid{position:absolute;top:-9px;right:10px;padding:4px 7px;border-radius:5px;background:#f18a31;color:#fff;font:900 8px var(--font-mono),monospace;letter-spacing:.08em;box-shadow:0 5px 14px rgba(0,0,0,.24)}.home-daily-warning-copy{margin:14px 0 0!important;padding:18px!important;border:2px solid #eeb174!important;border-radius:16px!important;background:#fff0df!important;color:#173126!important;font-size:12px!important;line-height:1.55!important;box-shadow:0 8px 24px rgba(111,55,15,.1)}.home-daily-warning-copy>strong{margin-bottom:14px!important;color:#173126!important}.home-daily-warning-copy li{border-color:#e4c5a8!important;background:#fffaf5!important;color:#3d2112!important}.home-daily-warning-copy li b{color:#51270f!important}.home-daily-warning-copy li p{color:#3d2112!important}.home-daily-warning-copy .analyst-reasons-source{color:#40564c!important;opacity:1}.avoid-upgrade{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,520px)!important;align-items:center!important;padding-top:20px!important;padding-bottom:20px!important}.avoid-pricing-panel{display:grid;gap:10px;min-width:0}.avoid-plan-option{border-color:#efad72!important;background:#793f0e!important;color:#fff!important}.avoid-plan-option small,.avoid-plan-option span{color:#ffe1bd!important}.avoid-plan-option b{color:#fff!important}@media(max-width:900px){.avoid-upgrade{grid-template-columns:1fr!important}.avoid-pricing-panel{width:100%}}

/* Final card layout: Don't Bet uses the Official Picks grid and never escapes
   its board. These rules sit after the legacy score styles on purpose. */
#today .picks-board {
  min-width: 0 !important;
  overflow: hidden !important;
}
#today .picks-board .pick-stack,
#today .picks-board .featured-pick,
#today .picks-board .featured-match-link {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#today .picks-board .featured-match,
#today .picks-board .dont-bet-match {
  grid-template-columns: 82px minmax(0, 1fr) 72px 190px 72px !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 10px 14px !important;
  box-sizing: border-box !important;
}
#today .avoid-board .featured-players,
#today .avoid-board .featured-players > b {
  min-width: 0 !important;
}
#today .avoid-board .featured-players > b {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#today .avoid-board .dont-bet-summary {
  width: 72px !important;
  min-width: 0 !important;
  justify-self: end !important;
}

@media (max-width: 980px) and (min-width: 621px) {
  #today .picks-board .featured-match,
  #today .picks-board .dont-bet-match {
    grid-template-columns: 64px minmax(0, 1fr) 58px 174px 62px !important;
    gap: 8px !important;
  }
  #today .avoid-board .dont-bet-summary { width: 62px !important; }
}

@media (max-width: 620px) {
  #today .picks-board .featured-pick,
  #today .picks-board .avoid-pick {
    overflow: hidden !important;
  }
  #today .picks-board .featured-match,
  #today .picks-board .dont-bet-match {
    grid-template-columns: 32px minmax(0, 1fr) 31px 96px 34px !important;
    gap: 4px !important;
    min-width: 0 !important;
    padding: 7px 6px !important;
  }
  #today .avoid-board .featured-players > b {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 3px !important;
    height: 18px !important;
    font-size: 8px !important;
    line-height: 18px !important;
  }
  #today .avoid-board .featured-players em {
    display: inline-grid !important;
    place-items: center !important;
    width: auto !important;
    max-width: 43px !important;
    height: 14px !important;
    margin: 0 !important;
    padding: 1px 3px !important;
    font-size: 4.5px !important;
    line-height: 1 !important;
  }
  #today .avoid-board .dont-bet-summary {
    width: 34px !important;
  }
  #today .avoid-board .dont-bet-summary .avoided-result {
    max-width: 34px !important;
    padding: 3px 2px !important;
    font-size: 4.5px !important;
  }
}

/* Credits live inside the existing navigation, on every page. */
body .nav{gap:12px!important}
.account-credit-bar{display:flex;align-items:center;gap:9px;flex-shrink:0;font-size:14px;white-space:nowrap}
.account-credit-bar a{color:#d5f989;text-decoration:none;font-weight:650}.account-credit-status{white-space:normal;line-height:1.25;text-align:right;max-width:290px}
.account-credit-bar a:last-child{padding:8px 10px;background:#caf356;color:#12291b;border-radius:8px;font-size:13px}
body .nav:has(.account-credit-bar) .account-menu>span{display:none}
@media(max-width:1250px){body .nav:has(.account-credit-bar) .navlinks{display:none!important}body .nav:has(.account-credit-bar) .mobile-menu{display:block!important}}
@media(max-width:680px){body .nav:has(.account-credit-bar) .brand>span{display:none}body .nav:has(.account-credit-bar)>.ghost,body .nav:has(.account-credit-bar)>.account-menu{display:none}body .nav:has(.account-credit-bar){gap:8px!important}body .nav:has(.account-credit-bar) .mobile-menu{margin-left:auto;order:3}.account-credit-bar{font-size:12px;gap:7px}.account-credit-status{max-width:145px}.account-credit-bar a:last-child{font-size:12px;padding:9px 8px}}
@media(min-width:621px) and (max-width:1250px){body .nav:has(.account-credit-bar) .mobile-menu{position:relative;margin-left:auto}body .nav:has(.account-credit-bar) .mobile-menu>summary{display:grid;align-content:center;justify-items:center;gap:4px;width:40px;height:40px;border:1px solid #405149;border-radius:10px;background:#13231d;list-style:none;cursor:pointer}body .nav:has(.account-credit-bar) .mobile-menu>summary i{display:block;width:18px;height:2px;background:#f2f7f3}body .nav:has(.account-credit-bar) .mobile-menu-panel{position:absolute;right:0;top:48px;z-index:1100;display:grid;width:260px;padding:10px;background:#0f2119;border:1px solid #405149;border-radius:12px}body .nav:has(.account-credit-bar) .mobile-menu-panel a{padding:10px;color:#e6eee9;font-size:14px;text-decoration:none}body .nav:has(.account-credit-bar) .mobile-menu-panel .mobile-install-app{color:#102018;background:#c9f356}}

.recent-result{display:flex;align-items:center;gap:8px}
.recent-columns article .result-square{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;font-weight:800;font-size:12px;flex-shrink:0}
.result-square.won{background:#dcfce7;color:#166534}
.result-square.lost{background:#fee2e2;color:#991b1b}
.result-square.unknown{background:#e5e7eb;color:#374151}
.recent-columns article b{white-space:normal;overflow-wrap:anywhere}


/* Unified Official Picks and Don't Bet sizing. */
#today .picks-board .pick-stack,
#today .picks-board .featured-pick,
#today .picks-board .featured-match-link,
#today .picks-board .featured-match {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#today .picks-board .featured-match-link { display: block !important; }
#today .picks-board .featured-players,
#today .picks-board .featured-players > b {
  font-family: var(--font-geist), Arial, sans-serif !important;
}
#today .avoid-board .avoid-pick {
  width: 100% !important;
  margin: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
}
#today .official-upgrade {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 520px) !important;
  align-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
#today .official-picks-teaser,
#today .official-pricing-panel,
#today .official-plan-options,
#today .official-pricing-actions,
#today .official-plan-option,
#today .premium-month-button {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#today .official-pricing-actions { display: block !important; }
#today .official-pricing-actions .premium-month-button { width: 100% !important; }
#today .avoid-upgrade { justify-content: stretch !important; }
#today .avoid-upgrade .warning-unlock-button {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
}
@media (max-width: 900px) {
  #today .official-upgrade { grid-template-columns: 1fr !important; }
}
@media (max-width: 620px) {
  #today .picks-board .featured-match,
  #today .picks-board .dont-bet-match {
    grid-template-columns: 32px minmax(0, 1fr) 31px 96px 34px !important;
    gap: 4px !important;
    padding: 7px 6px !important;
  }
  #today .picks-board .featured-players > b,
  #today .avoid-board .featured-players > b {
    font-size: 8px !important;
    line-height: 18px !important;
  }
  #today .official-upgrade { gap: 14px !important; }
  #today .official-picks-teaser p {
    margin: 8px 0 0 !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
  }
  #today .avoid-upgrade .warning-unlock-button {
    min-height: 46px !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
  }
}

/* app/mobile.css */
/* Mobile scoreboard: preserve the complete desktop table and scroll sideways. */
.mobile-menu{display:none}
/* Keep an open navigation drawer above calculator photos, factor badges,
   highlighted price cards and the global refresh control. Prediction pages
   wrap the navigation in .seo-dark, so that ancestor must be raised too. */
body .nav:has(.mobile-menu[open]){z-index:10000!important;isolation:isolate!important}
.seo-page .seo-dark:has(.mobile-menu[open]){z-index:10000!important;overflow:visible!important;isolation:isolate!important}
body .nav .mobile-menu[open]{position:relative!important;z-index:10001!important}
body .nav .mobile-menu[open]>.mobile-menu-panel{z-index:10002!important;isolation:isolate!important}
/* The navigation drawer must win every stacking context created by calculator
   cards, photos, badges and price arrows on both phone and tablet layouts. */
@media(max-width:1250px){
body:has(.mobile-menu[open]) .seo-dark{position:relative!important;z-index:2147483000!important;overflow:visible!important;isolation:isolate!important}
body:has(.mobile-menu[open]) .nav{position:fixed!important;z-index:2147483000!important;overflow:visible!important;isolation:isolate!important}
body .nav .mobile-menu[open]{position:relative!important;z-index:2147483001!important}
body .nav .mobile-menu[open]>.mobile-menu-panel{position:fixed!important;z-index:2147483002!important;top:max(74px,calc(env(safe-area-inset-top) + 66px))!important;right:12px!important;left:auto!important;width:min(280px,calc(100vw - 24px))!important}
}
@media(max-width:620px){
html{font-size:13px!important;scroll-padding-top:82px}body{font-size:12px!important}body main{padding-top:74px!important}
body .nav,body .tracking-page .tracking-top>.nav{position:fixed!important;z-index:1000!important;top:8px!important;left:12px!important;right:12px!important;width:auto!important;height:58px!important;margin:0!important;padding:0 12px!important;border-radius:14px!important}
body .nav .brand{flex:0 0 auto!important;gap:0!important}body .nav .brand-logo{width:30px!important;height:30px!important}body .nav .brand>span{display:none!important}
body .nav>.navlinks,body .nav>.account-menu,body .nav>.ghost{display:none!important}
body .nav .mobile-menu{display:block!important;position:relative!important;margin-left:auto!important}
body .nav .mobile-menu>summary{display:grid!important;align-content:center!important;justify-items:center!important;gap:4px!important;width:40px!important;height:40px!important;padding:0!important;border:1px solid #405149!important;border-radius:11px!important;background:#13231d!important;cursor:pointer!important;list-style:none!important}
body .nav .mobile-menu>summary::-webkit-details-marker{display:none!important}
body .nav .mobile-menu>summary i{display:block!important;width:18px!important;height:2px!important;border-radius:2px!important;background:#f2f7f3!important}
body .nav .mobile-menu-panel{position:absolute!important;top:47px!important;right:0!important;z-index:1100!important;display:grid!important;width:min(280px,calc(100vw - 24px))!important;padding:8px!important;border:1px solid #405149!important;border-radius:14px!important;background:#0f2119!important;box-shadow:0 18px 44px rgba(0,0,0,.3)!important}
body .nav .mobile-menu-panel a{display:flex!important;align-items:center!important;min-height:39px!important;padding:9px 12px!important;border-radius:8px!important;color:#e6eee9!important;font-size:11px!important;text-decoration:none!important}
body .nav .mobile-menu-panel a:hover{background:#1a3428!important;color:#c9f356!important}
body .nav .mobile-menu-panel .mobile-menu-account{margin-top:5px!important;border-top:1px solid #31483d!important;color:#c9f356!important}
body .nav .mobile-menu-panel .mobile-install-app{display:flex!important;align-items:center!important;min-height:39px!important;width:100%!important;padding:9px 12px!important;border:0!important;border-radius:8px!important;background:#c9f356!important;color:#102018!important;font-size:11px!important;text-align:left!important}

body #today .picks-board{overflow:hidden!important}
body #today .pick-stack,body #today .score-table{overflow-x:auto!important;overflow-y:auto!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;touch-action:pan-x pan-y!important}
body #today .pick-stack:after,body #today .score-table:after{content:none!important;display:none!important}

body #today .featured-pick,body #today .avoid-board .featured-pick{width:760px!important;min-width:760px!important;margin:0!important;overflow:visible!important;border-radius:0!important}
body #today .board-match-row,body #today .match-row{display:grid!important;grid-template-columns:64px 300px 64px 190px 64px!important;grid-template-areas:"status players odds score summary"!important;align-items:center!important;gap:8px!important;width:760px!important;min-width:760px!important;min-height:68px!important;margin:0!important;padding:8px 12px!important;box-sizing:border-box!important;font-family:var(--font-geist),Arial,sans-serif!important}
body #today .featured-status,body #today .match-status{grid-area:status!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;font-size:8px!important;white-space:nowrap!important}
body #today .featured-players,body #today .match-players{grid-area:players!important;grid-column:auto!important;grid-row:auto!important;display:grid!important;gap:4px!important;min-width:0!important;font-family:var(--font-geist),Arial,sans-serif!important;font-size:10px!important}
body #today .featured-players>b,body #today .match-players>b{display:flex!important;align-items:center!important;gap:3px!important;height:18px!important;overflow:visible!important;font-family:var(--font-geist),Arial,sans-serif!important;font-size:10px!important;line-height:18px!important;white-space:nowrap!important;text-overflow:clip!important}
body #today .player-country{font-family:var(--font-mono)!important;font-size:6.5px!important}body #today .featured-players em,body #today .match-players em{display:inline-grid!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;height:12px!important;margin:0 0 0 3px!important;padding:1px 4px!important;font-family:var(--font-mono)!important;font-size:5px!important;line-height:10px!important;vertical-align:0!important}body #today .server-icon{flex:0 0 auto!important;width:7px!important;height:7px!important;margin-left:2px!important}

body #today .match-odds,body #today .avoid-odds{grid-area:odds!important;grid-column:auto!important;display:grid!important;gap:4px!important;width:64px!important;margin:0!important;font-family:var(--font-mono)!important;font-size:9px!important;line-height:18px!important;text-align:right!important}
body #today .match-odds>b,body #today .avoid-odds>b{width:64px!important;height:18px!important;padding:0!important;font-size:9px!important;line-height:18px!important;text-align:right!important}
body #today .score-display,body #today .avoid-board .score-display{grid-area:score!important;grid-column:auto!important;display:grid!important;align-items:center!important;justify-content:start!important;width:190px!important;min-width:190px!important;height:auto!important;min-height:44px!important;margin:0!important;padding:7px 9px!important;border-radius:8px!important}
body #today .score-lines{display:grid!important;width:168px!important;min-width:168px!important;gap:3px!important}body #today .score-lines>span{display:grid!important;grid-template-columns:28px repeat(5,24px)!important;column-gap:3px!important;height:auto!important;align-items:center!important}
body #today .score-lines strong,body #today .score-lines i{display:block!important;width:24px!important;font-family:var(--font-mono)!important;font-size:10px!important;line-height:18px!important;text-align:center!important}body #today .score-lines strong{width:28px!important;font-size:12px!important;font-weight:800!important}body #today .score-display.scheduled .score-lines{visibility:hidden!important;display:grid!important}
body #today .pick-summary,body #today .avoid-summary,body #today .chevron{grid-area:summary!important;grid-column:auto!important;width:72px!important;min-width:72px!important;justify-self:end!important;font-family:var(--font-mono)!important}body #today .pick-summary>b{font-size:8px!important}body #today .pick-summary>strong{font-size:9px!important}body #today .avoid-board .avoided-result{width:auto!important;max-width:none!important;height:auto!important;padding:5px 7px!important;font-size:7px!important;line-height:1!important;letter-spacing:.05em!important}

body #today .tournament{width:760px!important;min-width:760px!important}body #today .tournament summary{width:760px!important;padding:10px 12px!important;box-sizing:border-box!important}body #today .tournament summary span{font-size:8px!important}body #today .tournament summary b{font-size:6px!important}body #today .match-head{display:none!important}
body #today .featured-kicker,body #today .avoid-kicker{align-items:flex-start!important;flex-direction:column!important;gap:4px!important;padding:10px 12px!important}body #today .featured-kicker b,body #today .avoid-kicker b{font-size:7px!important;line-height:1.35!important}body #today .featured-kicker span,body #today .avoid-kicker span{font-size:7px!important;line-height:1.35!important}body #today .total-pnl,body #today .traps-total{padding:4px 6px!important;font-size:6px!important}
body #today .score-filters{overflow-x:auto!important;scrollbar-width:none!important}body #today .score-filters button{flex:0 0 auto!important;font-size:7px!important}body #today .score-note{font-size:7px!important;line-height:1.5!important}body #today .scores-top small,body #today .source-stamp,body #today .source-stamp small{font-size:6px!important}body #today .scores-top h2{font-size:21px!important}
body .tracking-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}body .tracking-page{padding-top:0!important}body .tracking-page .tracking-top{padding-top:74px!important}body .tracking-page .tracking-hero{padding-top:36px!important}
}
body #today .avoid-board .avoid-pick.trap-confirmed{background:#ffe4bf!important;border-color:#df9b47!important;box-shadow:inset 3px 0 0 #d87518,0 10px 28px rgba(171,91,18,.12)!important}

/* Final mobile normalization for the Avoid board. These selectors deliberately
   outrank its older component rules so it shares the Official Picks grid. */
@media(max-width:620px){
body #today .picks-board .board-match-row,
body #today .avoid-board .avoid-pick .board-match-row,
body #today .score-table .match-row{
  grid-template-columns:64px 300px 64px 190px 64px!important;
  grid-template-areas:"status players odds score summary"!important;
  gap:8px!important;
  width:760px!important;
  min-width:760px!important;
  min-height:68px!important;
  padding:8px 12px!important;
}
body #today .picks-board .featured-pick,
body #today .avoid-board .avoid-pick,
body #today .tournament,
body #today .tournament summary{width:760px!important;min-width:760px!important}
body #today .pick-stack:after,body #today .score-table:after{width:760px!important}

body #today .avoid-board .avoid-pick .featured-status{grid-area:status!important;grid-column:auto!important;grid-row:auto!important;width:64px!important;margin:0!important;font-size:7px!important;font-weight:500!important;white-space:nowrap!important}
body #today .avoid-board .avoid-pick .featured-players.match-players{grid-area:players!important;grid-column:auto!important;grid-row:auto!important;display:grid!important;gap:4px!important;width:300px!important;min-width:300px!important;font-family:var(--font-geist),Arial,sans-serif!important}
body #today .avoid-board .avoid-pick .featured-players.match-players>b,
body #today .avoid-board .avoid-pick .featured-players.match-players>b.avoided{display:flex!important;align-items:center!important;gap:3px!important;width:max-content!important;max-width:none!important;height:18px!important;margin:0!important;padding:0!important;overflow:visible!important;color:#593817!important;background:transparent!important;font-family:var(--font-geist),Arial,sans-serif!important;font-size:9px!important;font-weight:500!important;line-height:18px!important;white-space:nowrap!important;text-overflow:clip!important}
body #today .avoid-board .avoid-pick .featured-players.match-players>b.avoided{color:#c45b0a!important;font-weight:700!important}
body #today .avoid-board .avoid-pick .featured-players.match-players em{display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;height:12px!important;margin:0 0 0 3px!important;padding:1px 4px!important;border-radius:3px!important;background:#e97816!important;color:#fff!important;font-family:var(--font-mono)!important;font-size:5px!important;font-weight:800!important;line-height:10px!important}
body #today .avoid-board .avoid-pick .match-odds.avoid-odds{grid-area:odds!important;grid-column:auto!important;grid-row:auto!important;display:grid!important;gap:4px!important;width:64px!important;font-family:var(--font-mono)!important;font-size:9px!important;line-height:18px!important;text-align:right!important}
body #today .avoid-board .avoid-pick .match-odds.avoid-odds>b{width:64px!important;height:18px!important;padding:0!important;font-size:9px!important;line-height:18px!important;text-align:right!important}
body #today .avoid-board .avoid-pick .score-display{grid-area:score!important;grid-column:auto!important;grid-row:auto!important;width:190px!important;min-width:190px!important;margin:0!important;padding:7px 9px!important}
body #today .avoid-board .avoid-pick .pick-summary.avoid-summary{grid-area:summary!important;grid-column:auto!important;grid-row:auto!important;display:grid!important;place-items:center!important;width:64px!important;min-width:64px!important;margin:0!important;padding:0!important}
body #today .avoid-board .avoid-pick .avoided-result{display:inline-grid!important;place-items:center!important;width:auto!important;max-width:none!important;height:auto!important;margin:0!important;padding:5px 7px!important;border-radius:4px!important;background:#e97816!important;color:#fff!important;font-family:var(--font-mono)!important;font-size:6px!important;font-weight:800!important;line-height:1!important;letter-spacing:.04em!important}
}

/* app/contrast.css */
/* CourtValue contrast layer — WCAG-oriented colours without changing the brand palette. */
:root{
  --cv-ink:#13231b;
  --cv-muted:#4f5f56;
  --cv-subtle:#5f6f66;
  --cv-green:#086c42;
  --cv-green-dark:#075a37;
  --cv-lime:#c9f356;
  --cv-orange:#934000;
  --cv-red:#a22727;
  --cv-dark:#07100c;
  --cv-panel:#13231d;
  --cv-on-dark:#f5f9f6;
  --cv-muted-dark:#bacac1;
  --cv-subtle-dark:#a6b9ae;
}

body{color:var(--cv-ink)}
a,button,summary,input,select{outline-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{
  outline:3px solid var(--cv-lime)!important;
  outline-offset:3px!important;
}

/* Navigation: dark public/admin headers and light calculator header. */
body .nav .navlinks a{color:#c3d1c9!important}
body .nav .navlinks a:hover,body .nav .navlinks a.active{color:var(--cv-lime)!important}
body .nav .brand{color:var(--cv-on-dark)!important}
body .nav .brand b{color:var(--cv-lime)!important}
body .nav .ghost{border-color:#71857a!important;color:var(--cv-on-dark)!important}
body .nav .account-menu b{color:var(--cv-lime)!important}
body .nav .account-menu small{color:#c2d0c8!important}
.calculator-page .nav .brand{color:var(--cv-ink)!important}
.calculator-page .nav .brand b{color:var(--cv-green)!important}
.calculator-page .nav .navlinks a{color:#45564c!important}
.calculator-page .nav .navlinks a:hover,.calculator-page .nav .navlinks a.active{color:var(--cv-green-dark)!important}
.calculator-page .nav .ghost{border-color:#819087!important;color:#26372e!important}
.calculator-page .nav .account-menu b{color:var(--cv-green-dark)!important}
.calculator-page .nav .account-menu small{color:var(--cv-muted)!important}

/* Main dark canvas and Double Up Challenge. */
body>main:not(.tracking-page):not(.h2h-page):not(.calculator-page) .hero{color:var(--cv-on-dark)!important}
body>main:not(.tracking-page):not(.h2h-page):not(.calculator-page) .hero .eyebrow,
body>main:not(.tracking-page):not(.h2h-page):not(.calculator-page) .hero p,
body>main:not(.tracking-page):not(.h2h-page):not(.calculator-page) .hero .trust{color:var(--cv-muted-dark)!important}
body>main:not(.tracking-page):not(.h2h-page):not(.calculator-page) .hero h1 em{color:var(--cv-lime)!important}
.double-up{color:var(--cv-on-dark)!important}
.double-up>header small,.double-up>header p,.double-target span,.double-target small,
.leg-number,.double-leg>a small,.double-leg p,.double-disclaimer{color:var(--cv-muted-dark)!important}
.double-leg.locked{color:#c5d1ca!important}
.double-leg.progress_locked .leg-state{background:#58675f!important;color:#fff!important}
.double-leg.lost .leg-state{background:#68766f!important;color:#fff!important}
.double-connector{color:#aebfb5!important}
.double-popup>small,.double-popup p,.double-popup-secondary{color:#c2d0c8!important}
.double-popup>span{color:#a8b9af!important}

/* Scoreboard and picks on light surfaces. */
#today .scores-top h2,#today .tournament summary span,#today .match-row,
#today .featured-pick,#today .dont-bet-grid a{color:var(--cv-ink)!important}
#today .scores-top small,#today .source-stamp,#today .source-stamp small,
#today .tournament summary b,#today .match-status,#today .match-score small,
#today .score-state,#today .score-note,#today .score-state-label{color:var(--cv-muted)!important}
#today .source-stamp a{color:var(--cv-green-dark)!important;font-weight:750!important}
#today .score-filters button{color:#43534a!important}
#today .match-players .picked,#today .match-odds{color:var(--cv-green-dark)!important}
#today .player-country{opacity:1!important;color:#56665d!important}
#today .score-lines strong{color:#293a31!important}
#today .score-lines i{color:#59685f!important}
#today .chevron{color:#5e6d65!important}
#today .pick-summary>b{color:#4d5d54!important}
#today .pick-summary.won>strong{color:var(--cv-green-dark)!important}
#today .pick-summary.lost>strong{color:var(--cv-red)!important}
#today .featured-kicker span{color:#d9e5de!important}
#today .avoid-kicker span,#today .dont-bet-head span{color:#ffe3bf!important}
#today .avoid-kicker b,#today .dont-bet-head b{color:#fff0d9!important}
#today .avoid-board .featured-players b,#today .dont-bet-grid a{color:#3b250f!important}
#today .avoid-board .featured-players b.avoided{color:#983f00!important}
#today .avoid-board .match-odds,#today .avoid-board .match-odds b{color:#4c4138!important}
#today .avoid-board .featured-status{background:#a94900!important;color:#fff!important}
#today .avoid-board .avoided-result,#today .dont-bet-grid span{background:#a94900!important;color:#fff!important}
#today .dont-bet-grid strong{color:#923d00!important}
#today .score-display.live .score-state-label,#today .score-display.live .score-lines strong{color:#066a3f!important}
#today .score-display.live .score-lines i{color:#08754a!important}
#today .dont-bet-row .score-display .score-state-label,#today .dont-bet-row .score-display .score-lines strong{color:#914000!important}
#today .dont-bet-row .score-display .score-lines i{color:#9d4a0b!important}
#today .score-note{background:#eef3ef!important}
#today .match-row>.match-status.live,
#today .match-row>.match-status.finished{color:#fff!important}

/* Light editorial, method, pricing introduction and footer surfaces. */
.method,.pricing,.seo-content,.seo-hub,.h2h-shell,.tracking-shell,.analytics-shell,.calculator-page{color:var(--cv-ink)}
.method .section-number,.pricing .section-number{color:var(--cv-lime)!important}
.seo-card-grid small,.archive-section>small,
.report-panel>small,.profile-context small,.press-stats b{color:var(--cv-green-dark)!important}
.steps b{color:#59685f!important}
.steps p,.pricing-intro p,.seo-article p,.seo-article li,.seo-card-grid p,
.profile-context p,.report-table p,.archive-pick-grid p,.archive-pick-grid small,
.seo-footer,.seo-footer p,.seo-footer nav a{color:var(--cv-muted)!important}
.seo-card-grid b,.archive-pick-grid b{color:var(--cv-green-dark)!important}
.seo-aside small{color:var(--cv-green-dark)!important}
.seo-aside a{color:#24372d!important}
footer,footer p{color:#56665d!important}

/* Pricing cards stay dark with brighter supporting copy. */
.price-card{color:var(--cv-on-dark)!important}
.price-card>small,.price-card p,.price-card .price span,.yearly-saving span{color:#bdccc4!important}
.price-card li{color:#edf4f0!important}
.price-card del{color:#dce8e1!important;text-decoration-color:#ffb274!important}
.price-card .primary{background:var(--cv-lime)!important;color:#102018!important}
.pricing-grid .yearly-plan .yearly-saving span{color:#173326!important;font-weight:750!important}
.pricing-grid .yearly-plan .yearly-saving del{color:#102018!important;text-decoration-color:#9b2525!important}
.pricing-grid .yearly-plan li{color:#173326!important;font-weight:600!important}

/* Keep the Method/SEO dark hero self-contained; content always begins on light canvas. */
body main.seo-page{background:#f3f6f2!important}
.seo-page .seo-dark{position:relative;z-index:0;overflow:hidden;background:radial-gradient(circle at 80% 0,#1b4931 0,transparent 35%),#07100c!important}
.seo-page .seo-content,.seo-page>.seo-footer{position:relative;z-index:1;background:#f3f6f2}

/* Tracking, results archive and admin-only tracking views. */
.tracking-hero{color:var(--cv-on-dark)!important}
.tracking-hero small,.tracking-hero p{color:var(--cv-muted-dark)!important}
.tracking-stats span,.tracking-day header small,.tracking-note,
.admin-tracking-title p,.admin-tracking-heading small{color:var(--cv-muted)!important}
.tracking-stats b,.tracking-row,.tracking-row small{color:var(--cv-ink)!important}
.tracking-row small{color:var(--cv-muted)!important}
.tracking-head{color:#53635a!important}
.tracking-page .positive,.tracking-row.won>span:last-child b{color:var(--cv-green-dark)!important}
.tracking-page .negative,.tracking-row.lost>span:last-child b{color:var(--cv-red)!important}
.tracking-day header,.tracking-day header small,.tracking-day header h2{color:#fff!important}
.tracking-day header .positive{color:var(--cv-lime)!important}
.tracking-day header .negative{color:#ffd0d0!important}
.admin-tracking-tabs a,.admin-tracking-tabs a span{color:#fff!important}
.admin-tracking-tabs a.active,.admin-tracking-tabs a.active span{color:var(--cv-panel)!important}
.admin-empty{color:var(--cv-muted)!important}

/* Analytics and calculator. */
.analytics-hero{color:var(--cv-on-dark)!important}
.analytics-hero small,.analytics-hero p{color:var(--cv-muted-dark)!important}
.analytics-stats span,.analytics-card header small,.rank-list small,.analytics-note{color:var(--cv-muted)!important}
.analytics-stats b,.rank-list em,.referral-list em{color:var(--cv-green-dark)!important}
.analytics-card>header,.analytics-card>header small{color:#fff!important}
.analytics-card>header span{color:var(--cv-lime)!important}
.daily-bar small{color:#56665d!important}
.calculator-intro small{color:var(--cv-green-dark)!important}
.calculator-intro p,label,.panel-head small,.hint,.integrity{color:var(--cv-muted)!important}
.results .panel-head small,.results .empty p,.results .overround,.results .overround small,
.results .result-title span,.results .prob small,.results dt,.results .integrity{color:#b6c6bd!important}
.results .surface-pill{color:#bdf1d3!important}
.results .positive{color:var(--cv-lime)!important}
.results .negative{color:#ffc2c2!important}

/* Match comparison and visual data labels. */
.h2h-hero{color:var(--cv-on-dark)!important}
.h2h-hero>small,.h2h-hero p{color:var(--cv-muted-dark)!important}
.player-bio>small,.profile-ranks span,.recent-columns article small,.h2h-note,
.radar text,.percentage-bars header span,.visual-comparison header p{color:var(--cv-muted)!important;fill:var(--cv-muted)!important}
.player-bio p,.unverified{color:var(--cv-muted)!important}
.visual-comparison header small,.comparison header small,.recent-form header small{color:#c2d2c9!important}
.visual-comparison header p{color:#c0cec6!important}
.ta-profile,.comparison header a{color:var(--cv-green-dark)!important;font-weight:700!important}

@media(max-width:620px){
  body .nav .mobile-menu-panel a{color:#f1f6f3!important}
  body .nav .mobile-menu-panel .mobile-menu-account{color:var(--cv-lime)!important}
}

/* app/calculator/calculator.css */
.calculator-page{min-height:100vh;padding-bottom:40px;background:#f6f8f4;color:#173527}
.match-lab{max-width:840px;margin:32px auto;padding:24px;background:#fff;border:1px solid #d8e3d5;border-radius:20px;box-sizing:border-box;color:#173527}
.lab-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.lab-heading h1{font-size:28px;letter-spacing:-.04em;margin:0}
.match-lab button{font:inherit;cursor:pointer;border:1px solid #c7d6c4;border-radius:9px;padding:10px 14px;background:#f0f5ec;color:#173527;font-size:14px;min-height:42px}.match-lab button:hover{background:#e3f0d9}.match-lab button:disabled{opacity:.5;cursor:default}
:is(.match-lab,.home-calculator) :is(input,button,summary,select):focus-visible{outline:3px solid #a0cb5c;outline-offset:3px}
.lab-player-grid,.home-calculator-players{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.lab-player{min-width:0;background:#103e2c;border:1px solid #38714b;border-radius:14px;padding:16px;color:#f3f9ec}
.lab-player.is-official{border-color:#27b8ff;box-shadow:0 0 0 2px rgba(39,184,255,.28),0 0 24px rgba(0,167,255,.3)}.lab-player.is-official-opponent{background:#34423b;border-color:#65736b}
.lab-player>label{display:block;font-size:14px;font-weight:600;color:#cfe3cd;margin:0 0 8px}.lab-player>input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #528664;background:#092d20;color:#fff;border-radius:8px;padding:12px 10px;font:inherit;font-size:16px;margin:0}.lab-player>input::placeholder{color:#b7cdbf}
.lab-profile{margin-top:16px}.lab-profile-identity{display:flex;gap:12px;align-items:center;min-width:0}.lab-profile-identity>div:last-child{min-width:0}.lab-profile-identity h3{font-size:17px;margin:0 0 6px;line-height:1.3;overflow-wrap:anywhere;color:#f3f9ec}.lab-profile-identity p{font-size:14px;margin:4px 0;color:#cee1d4}
.lab-profile-photo{width:68px;height:80px;flex-shrink:0;background:#23543c;border-radius:9px;overflow:hidden;display:grid;place-items:center}.lab-profile-photo img{width:100%;height:100%;object-fit:contain}.lab-profile-photo span{font-size:24px;color:#d5eeac}
.lab-profile-photo-wrap{position:relative;flex:0 0 auto;margin-right:7px}.lab-factor-badges{position:absolute;left:calc(100% - 4px);top:5px;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:2}.lab-factor-badge{display:grid;place-items:center;min-width:23px;height:18px;padding:0 4px;border:1px solid rgba(255,255,255,.58);border-radius:5px;background:#087fc4;color:#fff;font:800 10px/1 var(--font-mono),monospace;box-shadow:0 2px 7px rgba(0,0,0,.25)}.lab-factor-badge.hc{background:#1e9ad8}.lab-factor-badge.up{background:#6b7780}
.lab-profile-ratings{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0 0}.lab-profile-ratings div{padding:9px;background:#194b35;border:1px solid transparent;border-radius:7px}.lab-profile-ratings dt{font-size:13px;color:#c3dacb}.lab-profile-ratings dd{font:600 17px var(--font-mono),monospace;margin:4px 0 0;color:#f3f9ec}.lab-profile-ratings .lab-selected{background:#285c3c;border-color:#9eca67}
.lab-fair{margin-top:12px;border:1px solid transparent;border-radius:8px;padding:10px;color:#163420;display:grid;grid-template-columns:1fr 1fr;gap:7px}.lab-fair.positive{background:#dff5d8;border-color:#82c26f}.lab-fair.negative{background:#ffe2de;border-color:#db8b82;color:#5d211c}.lab-fair.neutral,.lab-fair.fair-only{background:#eef3e9;border-color:#c9d5c5}.lab-fair>div{min-width:0;padding:7px;background:rgba(255,255,255,.48);border-radius:6px}.lab-fair span{display:block;font-size:11px;line-height:1.25}.lab-fair strong{display:block;margin-top:3px;font:700 24px var(--font-mono),monospace}.lab-fair small{grid-column:1/-1;font-size:11px;font-weight:700;line-height:1.35}.lab-price-key{text-align:center;margin:12px 0}
.lab-advantage-slot{height:24px;margin-top:8px;display:flex;align-items:flex-end;padding-left:8px}.lab-confirmed-advantage{display:block;width:max-content;max-width:calc(100% - 10px);padding:4px 6px;border-radius:6px 6px 0 0;background:#079eea;color:#fff;font-size:8px;line-height:1.1;font-weight:850;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 12px rgba(0,174,255,.5)}.lab-advantage-slot+.lab-fair{margin-top:-1px;min-height:104px;box-sizing:border-box;align-content:start}.lab-fair.official{position:relative;background:linear-gradient(135deg,#05aef7,#0878e8);border-color:#71d7ff;color:#fff;box-shadow:0 0 0 2px rgba(60,196,255,.28),0 0 25px rgba(0,174,255,.55)}.lab-fair.official::after{content:"";position:absolute;right:-8px;top:18px;width:16px;height:16px;background:#087fe9;border-top:1px solid #71d7ff;border-right:1px solid #71d7ff;transform:rotate(45deg)}.lab-player:nth-child(2) .lab-fair.official::after{right:auto;left:-8px;transform:rotate(225deg)}.lab-fair.official>div{background:rgba(255,255,255,.14)}.lab-fair.official small{color:#eaf8ff}.lab-fair.official-opponent{background:#dfe3e1;border-color:#aeb6b2;color:#46514b}.lab-fair.official-opponent>div{background:rgba(255,255,255,.58)}
.lab-warning-avoid{display:block;width:max-content;max-width:calc(100% - 10px);padding:4px 8px;border-radius:6px 6px 0 0;background:#d86618;color:#fff;font-size:8px;line-height:1.1;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 12px rgba(216,102,24,.42)}.lab-fair.warning{position:relative;background:linear-gradient(135deg,#f28a2f,#d65f12);border-color:#ffb56f;color:#fff;box-shadow:0 0 0 2px rgba(232,120,32,.22),0 0 23px rgba(208,91,18,.38)}.lab-fair.warning::after{content:"";position:absolute;right:-8px;top:18px;width:16px;height:16px;background:#dd6818;border-top:1px solid #ffb56f;border-right:1px solid #ffb56f;transform:rotate(45deg)}.lab-player:nth-child(2) .lab-fair.warning::after{right:auto;left:-8px;transform:rotate(225deg)}.lab-fair.warning>div{background:rgba(255,255,255,.14)}.lab-fair.warning small{color:#fff3e8}.lab-fair.warning-opponent{background:#dfe3e1;border-color:#aeb6b2;color:#46514b}.lab-fair.warning-opponent>div{background:rgba(255,255,255,.58)}
.lab-select-empty{min-height:160px;display:flex;align-items:center;justify-content:center;gap:10px;color:#c8dece}.lab-select-empty span{font-size:25px}.lab-select-empty p{font-size:14px}
.lab-surfaces{padding:0;border:0;display:flex;gap:8px;margin:20px 0 14px}.lab-surfaces legend{font-size:14px;margin-bottom:9px;color:#566b5c}.lab-surfaces button{flex:1}.lab-surfaces button[aria-pressed=true]{background:#173f2b;color:#f4f8ef;border-color:#173f2b}.match-lab .lab-calculate{width:100%;min-height:50px;background:#ccf76b;border-color:#b3d96c;font-weight:700;font-size:16px;color:#173527}
.lab-note{font-size:14px;color:#566b5c;line-height:1.6}.lab-player .lab-note{font-size:13px;color:#cfe1d5;margin:8px 0}.lab-disclaimer{text-align:center;font-size:13px;margin:12px 0 18px}.lab-result-note{text-align:center;color:#28613b;font-size:14px}.lab-source{border-top:1px solid #e0e7dc;padding:14px 0;font-size:14px;line-height:1.6}.lab-source summary{cursor:pointer;color:#526750}.lab-history{display:grid;gap:8px;margin-top:12px}.lab-history button{text-align:left}.lab-history small{display:block;margin-top:4px}
.lab-signal-explanation{margin:14px 0 4px;padding:14px 16px;border:1px solid #9dcf54;border-radius:14px;background:#effbd7;color:#173d27;font-size:14px;line-height:1.55}.lab-signal-explanation.warning{border-color:#efad72;background:#fff2e5;color:#71320c}
.analyst-reasons>strong{display:block;margin-bottom:10px;color:#142d24;font-family:var(--font-mono);font-size:10px;letter-spacing:.11em}.analyst-reasons ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.analyst-reasons li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:9px;padding:10px 11px;border:1px solid #d8e4d2;border-radius:10px;background:rgba(255,255,255,.82);color:#142d24}.analyst-reason-check{display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:#ddf7e4;color:#0b6538;font-size:13px;font-weight:900}.analyst-reasons li b{display:block;margin:0;color:#183c2e;font:800 10px/1.3 var(--font-mono),monospace;letter-spacing:.075em}.analyst-reasons li p{margin:3px 0 0;color:#172f26;font-size:13px;font-weight:560;line-height:1.48}.analyst-reasons.warning li,.home-daily-warning-copy li{border-color:#e5c9ae;background:#fff8f1;color:#3d2112}.analyst-reasons.warning li b,.home-daily-warning-copy li b{color:#51270f}.analyst-reasons.warning li p,.home-daily-warning-copy li p{color:#3d2112}.analyst-reasons.warning .analyst-reason-check,.home-daily-warning-copy .analyst-reason-check{background:#ffdfc2;color:#9b4308}.analyst-reasons-source{display:block;margin-top:9px;color:#243d33;font-size:10px;font-weight:600;line-height:1.4;opacity:.88}.analyst-reasons a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.lab-recharge{scroll-margin-top:95px;border-top:1px solid #e0e7dc;margin-top:16px;padding-top:20px}.lab-recharge h2{font-size:20px;letter-spacing:-.03em;margin:0}.lab-unlimited{display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;margin-top:16px;padding:12px 18px;border-radius:12px;background:#b8f34a;color:#102619;font-size:15px;font-weight:750;letter-spacing:.01em;text-align:center;text-decoration:none;box-shadow:0 8px 24px rgba(65,112,32,.14)}.lab-unlimited:hover{background:#c7ff5d}.lab-unlimited.is-active{background:#183e2b;color:#d4ff7c;box-shadow:none}.lab-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.lab-packs article{padding:16px;border-radius:12px;background:#f1f6ec;border:1px solid #d5e2c9}.lab-packs h3{font-size:14px;font-weight:500;margin:0 0 12px;color:#50624c}.lab-packs strong{font-size:25px;letter-spacing:-.04em}.lab-packs strong span{font-size:13px;font-weight:400;letter-spacing:0}.lab-packs p{font-size:13px;margin:7px 0 14px;color:#526750}.lab-packs button{width:100%;background:#183e2b;color:#fff;border:0;font-weight:650}.lab-packs button:hover{background:#275538}.lab-recharge>.lab-note{font-size:13px}.calculator-page>p.shell{font-size:13px}
.lab-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.lab-mode-tabs button[aria-selected=true]{background:#173f2b;color:#fff;border-color:#173f2b}
.lab-today{border:1px solid #dbe6d7;background:#f7faf5;border-radius:14px;padding:14px}.lab-match-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.lab-match-tools>input{box-sizing:border-box;min-width:0;flex:1;border:1px solid #c7d6c4;border-radius:9px;padding:11px 12px;font:inherit;color:#173527;background:#fff}.lab-match-tools>div{display:flex;gap:5px}.lab-match-tools button{min-height:38px;padding:7px 10px}.lab-match-tools button[aria-pressed=true]{background:#173f2b;color:#fff;border-color:#173f2b}
.lab-match-list{display:grid;gap:10px}.lab-match-row{background:#fff;border:1px solid #d7e2d3;border-radius:12px;padding:13px}.lab-match-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px;min-width:0}.lab-match-meta small{font-size:12px;color:#627367;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-status{text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:.06em;color:#36513e}.lab-status.live{color:#a2382d}.lab-status.finished{color:#6b756d}
.lab-match-select:disabled{cursor:not-allowed;opacity:.58}
.lab-tournament-list{display:grid;gap:9px}.lab-tournament{overflow:hidden;border:1px solid #cfddca;border-radius:12px;background:#fff}.lab-tournament>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;background:#103e2c;color:#f5faef}.lab-tournament>summary::-webkit-details-marker{display:none}.lab-tournament>summary:hover{background:#174b36}.lab-tournament-flag{font-size:29px;line-height:1;display:grid;place-items:center}.lab-tournament>summary>span:nth-child(2){min-width:0}.lab-tournament>summary b{display:block;font-size:16px;line-height:1.3;overflow-wrap:anywhere}.lab-tournament>summary small{display:block;margin-top:3px;color:#bed1c3;font-size:12px;font-weight:650;letter-spacing:.06em}.lab-tournament>summary strong{min-width:28px;text-align:right;color:#f5faef;font-size:17px;font-variant-numeric:tabular-nums}.lab-tournament[open]>summary{border-bottom:1px solid #315d47}.lab-tournament>.lab-match-list{padding:10px;background:#edf4e9}.lab-tournament .lab-match-row{border-radius:9px}
.lab-match-players{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0}.lab-match-players>span{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:0;padding:7px;border-radius:9px;background:#f5f8f2}.lab-match-players img,.lab-match-players i{grid-row:1/3;width:42px;height:48px;border-radius:7px;object-fit:contain;background:#e7efe3}.lab-match-players i{display:grid;place-items:center;font-style:normal;font-weight:700;color:#335440}.lab-match-players b{font-size:14px;overflow-wrap:anywhere;min-width:0}.lab-match-players small{font-size:11px;color:#718078}.lab-match-players em{font-size:10px;line-height:1;text-align:center;font-style:normal;color:#819087}.match-lab .lab-match-select{width:100%;margin-top:12px;background:#e9f7cf;border-color:#c7df91;font-weight:700}
.lab-comparison{margin:18px 0 0;padding:18px;border-radius:14px;background:#f4f7f2;border:1px solid #d7e2d3}.lab-comparison header small{font-size:11px;color:#5c7162;letter-spacing:.08em}.lab-comparison header h2{font-size:20px;margin:5px 0 14px}.lab-comparison>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lab-comparison-card{border:1px solid;border-radius:11px;padding:14px}.lab-comparison-card.positive{background:#e9f8e6;border-color:#8ac37c}.lab-comparison-card.negative{background:#fff0ee;border-color:#dc958c}.lab-comparison-card.neutral{background:#fff;border-color:#ccd6ca}.lab-comparison-card h3{font-size:15px;margin:0 0 12px}.lab-comparison-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.lab-comparison-card dl div{padding:8px;background:rgba(255,255,255,.6);border-radius:7px}.lab-comparison-card dt{font-size:11px;color:#637269}.lab-comparison-card dd{font:700 22px var(--font-mono),monospace;margin:4px 0 0}.lab-comparison-card p{font-size:12px;margin:10px 0 0;color:#43574a}
.home-calculator .lab-player{padding:12px;background:#103e2c}.home-calculator .lab-profile-identity{flex-wrap:wrap}.home-calculator .lab-profile-identity h3{font-size:15px}.home-calculator .lab-profile-ratings dd{font-size:15px}.home-calculator .lab-profile-ratings div{padding:7px 5px}.home-calculator .lab-note{font-size:13px}.home-calculator .lab-profile-ratings dt{font-size:12px}
@media(max-width:600px){.match-lab{padding:14px;margin:20px auto}.lab-heading h1{font-size:25px}.lab-player-grid{gap:8px}.lab-player{padding:10px}.lab-profile-identity{flex-direction:column;align-items:flex-start;gap:8px}.lab-profile-identity h3{font-size:15px}.lab-profile-photo{width:60px;height:70px}.lab-profile-ratings{gap:4px}.lab-profile-ratings div{padding:7px 4px}.lab-profile-ratings dt{font-size:12px}.lab-profile-ratings dd{font-size:15px}.lab-fair{padding:7px;gap:5px}.lab-fair>div{padding:6px 4px}.lab-fair span{font-size:10px}.lab-fair strong{font-size:20px}.lab-player>input{padding:11px 6px}.lab-packs{gap:7px}.lab-packs article{padding:10px}.lab-packs strong{font-size:23px}.lab-packs strong span{display:block;font-size:13px}.lab-packs p{font-size:12px}.lab-packs button{padding:10px 4px}.analyst-reasons li{grid-template-columns:20px minmax(0,1fr);gap:8px;padding:9px}.analyst-reason-check{width:19px;height:19px}.analyst-reasons li p{font-size:12.5px;line-height:1.45}}
@media(max-width:620px){body .calculator-page .nav,body .seo-page .nav{z-index:5000!important;isolation:isolate!important;background:#10231a!important}.calculator-page .match-lab,.seo-page .match-lab,.calculator-page .lab-player-grid,.seo-page .lab-player-grid{position:relative;z-index:0;isolation:isolate}.calculator-page .lab-player,.seo-page .lab-player,.calculator-page .lab-fair,.seo-page .lab-fair,.calculator-page .lab-signal-explanation,.seo-page .lab-signal-explanation{z-index:0}.app-refresh-control{z-index:4900}}
@media(max-width:600px){.lab-today{padding:10px;overflow:hidden}.lab-match-tools{align-items:stretch;flex-direction:column}.lab-match-tools>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.lab-match-tools button{padding:6px 3px}.lab-tournament>summary{grid-template-columns:34px minmax(0,1fr) auto;padding:11px 9px;gap:8px}.lab-tournament-flag{font-size:23px}.lab-tournament>summary b{font-size:14px}.lab-tournament>.lab-match-list{padding:7px}.lab-match-row{min-width:0;padding:10px}.lab-match-meta{align-items:flex-start}.lab-match-meta small{white-space:normal;overflow-wrap:anywhere}.lab-match-players{gap:5px}.lab-match-players>span{grid-template-columns:38px minmax(0,1fr);column-gap:8px}.lab-match-players img,.lab-match-players i{width:38px;height:44px}.lab-match-players b{font-size:13px}.lab-comparison{padding:12px}.lab-comparison>div{gap:7px}.lab-comparison-card{padding:10px}.lab-comparison-card dl{grid-template-columns:1fr}}
@media(max-width:350px){.lab-player-grid,.home-calculator-players{grid-template-columns:1fr}.lab-profile-identity{flex-direction:row}.lab-packs{grid-template-columns:1fr}.lab-packs article{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.lab-packs h3,.lab-packs p{margin:0}.lab-packs strong span{display:inline}}
/* Keep the shared header above the workspace and preserve contrast. */
body main.calculator-page{display:block!important;background:#f6f8f4!important}.calculator-page .nav{color:#f3f9ec!important}.calculator-page .nav .brand{color:#f3f9ec!important}.calculator-page .nav .brand b{color:#ccf76b!important}.calculator-page .nav .navlinks a{color:#cad8cb!important}.calculator-page .nav .ghost{color:#f3f9ec!important;border-color:#688365!important}.lab-player>label,.home-calculator label{color:#cfe3cd!important}.lab-heading h1{color:#173527!important}
.simple-calculator .lab-mode-tabs{display:none}

/* app/player-search.css */
.player-search-shell{position:relative;z-index:1200;display:flex;align-items:center;flex:0 0 auto}.player-search-trigger{display:grid;width:40px;height:40px;padding:0;place-items:center;border:1px solid #405149;border-radius:11px;background:#13231d;color:#f2f7f3;cursor:pointer}.player-search-trigger:hover,.player-search-trigger[aria-expanded="true"]{border-color:#c9f356;background:#1a3428;color:#c9f356}.player-search-trigger svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.player-search-backdrop{position:fixed;z-index:1198;inset:0;border:0;background:rgba(3,9,6,.64);backdrop-filter:blur(3px);cursor:default}.player-search-panel{position:fixed;z-index:1199;top:88px;left:50%;display:grid;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 108px);padding:22px;overflow:auto;transform:translateX(-50%);border:1px solid #365247;border-radius:22px;background:#0b1b14;color:#f7faf8;box-shadow:0 28px 80px rgba(0,0,0,.52)}.player-search-panel>header{display:flex;align-items:center;justify-content:space-between;gap:18px}.player-search-panel>header small{font-family:var(--font-mono);font-size:8px;letter-spacing:.16em;color:#9eb2a7}.player-search-panel>header h2{margin:5px 0 0;font-size:25px;line-height:1.05;letter-spacing:-.035em}.player-search-panel>header>button{display:grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid #3d574c;border-radius:50%;background:#14271f;color:#fff;font-size:23px;line-height:1;cursor:pointer}.player-search-panel>header>button:hover{border-color:#c9f356;color:#c9f356}.player-search-input{box-sizing:border-box;width:100%;height:52px;margin-top:20px;padding:0 16px;border:1px solid #6b8177;border-radius:13px;outline:0;background:#f8fbf9;color:#10271c;font-family:var(--font-geist),sans-serif;font-size:16px;font-weight:600;line-height:1.2;appearance:none;-webkit-appearance:none}.player-search-input:focus{border-color:#c9f356;box-shadow:0 0 0 3px rgba(201,243,86,.15)}.player-search-input::placeholder{color:#7d8b84;font-weight:450}.player-search-input::-webkit-search-decoration{display:none}.player-search-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 2px 10px}.player-search-heading b{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#c9f356}.player-search-heading span{font-size:11px;color:#90a198}.player-search-results{display:grid;gap:8px}.player-search-results>a{display:grid;grid-template-columns:50px minmax(0,1fr) 20px;align-items:center;gap:13px;min-height:68px;padding:8px 12px;border:1px solid #294239;border-radius:14px;background:#13271e;color:#fff;text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .15s ease}.player-search-results>a:hover,.player-search-results>a:focus-visible{border-color:#8daf55;background:#193326;outline:none;transform:translateY(-1px)}.player-search-photo{display:grid;width:50px;height:50px;place-items:center;overflow:hidden;border:1px solid #466257;border-radius:50%;background:#20372d;color:#c9f356;font-family:var(--font-mono);font-weight:800}.player-search-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.player-search-photo i{font-style:normal}.player-search-results>a>span:nth-child(2){min-width:0;display:grid;gap:4px}.player-search-results strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.player-search-results small{overflow:hidden;color:#a9b9b0;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.player-search-results>a>b{color:#c9f356;font-size:22px}.player-search-results>p{margin:0;padding:22px;border:1px dashed #3c5449;border-radius:14px;color:#a9b9b0;text-align:center;font-size:13px}.player-search-all{display:flex;justify-content:center;margin-top:14px;padding:12px;border-radius:11px;background:#c9f356;color:#12291b!important;font-family:var(--font-mono);font-size:9px;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.player-search-all:hover{background:#dcff77}@media(max-width:680px){body .nav .player-search-shell{order:2!important;margin-left:auto!important}body .nav .mobile-menu{order:3!important;margin-left:0!important}.player-search-trigger{width:40px;height:40px}.player-search-panel{top:max(74px,calc(env(safe-area-inset-top) + 66px));width:calc(100vw - 18px);max-height:calc(100dvh - 84px);padding:18px 14px 14px;border-radius:18px}.player-search-panel>header{padding:0 2px}.player-search-panel>header h2{font-size:22px}.player-search-input{height:50px;margin-top:17px;padding:0 14px;font-size:16px}.player-search-heading{margin-top:17px}.player-search-results>a{grid-template-columns:46px minmax(0,1fr) 16px;min-height:64px;padding:8px}.player-search-photo{width:46px;height:46px}.player-search-results strong{font-size:14px}.player-search-results small{font-size:10px}}

/* app/app-loading-screen.css */
.app-loading-screen{position:fixed;inset:0;z-index:100000;display:grid;place-content:center;justify-items:center;gap:22px;min-height:100dvh;padding:32px;background:radial-gradient(circle at 50% 36%,#173a28 0,#0b2117 34%,#06130d 74%);color:#fff}
.app-loading-mark{display:grid;justify-items:center;gap:5px}.app-loading-mark img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 14px 30px rgba(0,0,0,.28))}.app-loading-mark strong,.app-loading-mark span,.app-loading-screen>small{font-family:var(--font-mono);letter-spacing:.18em}.app-loading-mark strong{margin-top:8px;font-size:17px}.app-loading-mark span{color:#c9f356;font-size:9px}.app-loading-track{position:relative;width:min(210px,58vw);height:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.13)}.app-loading-track i{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:linear-gradient(90deg,#8ddd45,#d8ff6a);box-shadow:0 0 18px rgba(201,243,86,.55);animation:app-loading-progress 1.05s ease-in-out infinite}.app-loading-screen>small{color:#8fa89a;font-size:7px}
@keyframes app-loading-progress{0%{transform:translateX(-110%)}55%{transform:translateX(105%)}100%{transform:translateX(245%)}}
@media(prefers-reduced-motion:reduce){.app-loading-track i{width:70%;animation:none}}

/* app/app-refresh-control.css */
.app-refresh-control{position:fixed;z-index:950;top:max(78px,calc(env(safe-area-inset-top) + 68px));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 13px 8px 10px;border:1px solid rgba(201,243,86,.65);border-radius:999px;background:rgba(19,35,29,.94);box-shadow:0 9px 24px rgba(5,20,12,.25);color:#fff;cursor:pointer;backdrop-filter:blur(9px);-webkit-tap-highlight-color:transparent}.app-refresh-control span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#c9f356;color:#173326;font-size:19px;line-height:1}.app-refresh-control b{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em}.app-refresh-control:active{transform:translateY(1px)}.app-refresh-control:focus-visible{outline:2px solid #c9f356;outline-offset:3px}.app-refresh-control.refreshing span{animation:app-refresh-spin .7s linear infinite}.app-refresh-control.refreshing{pointer-events:none;opacity:.82}@keyframes app-refresh-spin{to{transform:rotate(360deg)}}@media(max-width:560px){.app-refresh-control{top:max(76px,calc(env(safe-area-inset-top) + 66px));min-height:40px;padding:7px 11px 7px 8px}.app-refresh-control b{font-size:10px}}@media(prefers-reduced-motion:reduce){.app-refresh-control.refreshing span{animation:none}}

/* app/home-match-cards.css */
/* Shared tennis cards: public fixture data and entitled picks use one layout. */
body #today .cv-selection-board{margin:20px 0;padding:24px;border:1px solid #b4d1ff;border-radius:22px;background:#f0f6ff;color:#162b46}
body #today .cv-selection-board.warning{border-color:#efc398;background:#fff8f0}
body #today .cv-board-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
body #today .cv-board-heading small{display:block;font-size:11px;letter-spacing:.15em;font-weight:800;color:#3264a6;line-height:1.5}
body #today .warning .cv-board-heading small{color:#9a4b14}
body #today .cv-board-heading h3{font:750 clamp(19px,2.3vw,26px)/1.25 var(--font-geist),sans-serif;margin:9px 0 0;color:#162b46}
body #today .cv-board-heading>strong{flex-shrink:0;font-size:12px;color:#42617b;background:#fff;padding:10px 12px;border-radius:9px}
body #today .cv-board-heading>strong.positive{color:#197247}
body #today .cv-board-heading>strong.negative{color:#8c3a3a}
body #today .cv-card-stack{display:grid;gap:16px}
body #today .cv-match-card{padding:22px 24px;background:#fff;border:1px solid #dce4ea;border-left:4px solid #c3cfd7;border-radius:16px;box-shadow:0 5px 20px #17314b06;min-width:0;color:#162b46;font-family:var(--font-geist),sans-serif}
body #today .cv-match-card.cv-official{border-left-color:#3984f5}
body #today .cv-match-card.cv-warning{border-left-color:#e18c42}
body #today .cv-match-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;line-height:1.5}
body #today .cv-match-state{font-weight:800;white-space:nowrap;color:#42617b}
body #today .cv-match-state.live{color:#c92d39}
body #today .cv-match-event{flex:1;min-width:100px;color:#586d83;overflow-wrap:anywhere}
body #today .cv-stake,body #today .cv-warning-tag{font-size:11px;font-weight:800;padding:7px 11px;border-radius:10px;background:#e9f3ff;border:1px solid #c3dcff;color:#24599b;white-space:nowrap}
body #today .cv-stake.underdog{color:#6640a1;background:#f0eafe;border-color:#d7c4f6}
body #today .cv-warning-tag{color:#934c19;background:#fff1df;border-color:#f2cf9f}
body #today .cv-contestants{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin:25px 0 21px;align-items:start}
body #today .cv-contestant{min-width:0}
body #today .cv-match-card .prediction-player{display:flex;align-items:center;gap:13px;min-width:0;color:#162b46}
body #today .cv-match-card .prediction-player>img,body #today .cv-match-card .prediction-player>i{width:58px;height:58px;flex:0 0 58px;border-radius:15px;object-fit:cover;object-position:top;background:#f0f4f7;box-shadow:0 5px 15px #17314b0a}
body #today .cv-match-card .prediction-player>i{display:grid;place-items:center;font-size:17px;font-weight:700;font-style:normal;color:#657c91}
body #today .cv-match-card .prediction-player>span{min-width:0}
body #today .cv-match-card .prediction-player b{display:block;font-size:clamp(15px,1.8vw,21px);font-weight:750;line-height:1.25;color:#162b46;overflow-wrap:anywhere}
body #today .cv-match-card .prediction-player small{display:block;margin-top:4px;font-size:10px;font-weight:700;letter-spacing:.08em;color:#687e93}
body #today .cv-side-b{text-align:right}
body #today .cv-side-b .prediction-player{flex-direction:row-reverse}
body #today .cv-elo{display:block;font-size:11px;color:#59728b;margin:6px 0 0 71px;line-height:1.4}
body #today .cv-side-b .cv-elo{margin:6px 71px 0 0}
body #today .cv-versus{position:absolute;left:50%;top:23px;transform:translateX(-50%);font-size:12px;color:#8b9caa}
body #today .cv-player-score{display:flex;gap:9px;align-items:center;margin-top:10px;font-variant-numeric:tabular-nums;font-size:12px;color:#577087}
body #today .cv-side-b .cv-player-score{justify-content:flex-end}
body #today .cv-player-score strong{padding:4px 8px;border-radius:6px;background:#eaf0f5;color:#193650}
body #today .cv-price-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}
body #today .cv-price{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:130px;padding:17px 18px;border:2px solid transparent;border-radius:14px;background:#f2f5f6;color:#17354f}
body #today .cv-price-name{font-size:11px;line-height:1.4;color:#536d83;overflow-wrap:anywhere}
body #today .cv-price>strong{font-size:30px;line-height:1.15;letter-spacing:-.035em;font-weight:800;font-variant-numeric:tabular-nums}
body #today .cv-price-label{font-size:10px;line-height:1.4;font-weight:650;color:#536d83}
body #today .cv-price.selected{border-color:#348bff;background:#eef6ff;box-shadow:0 0 0 4px #348bff15}
body #today .cv-price.selected>strong,body #today .cv-price.selected .cv-price-label{color:#1762bc}
body #today .cv-price.avoid{border-color:#e68c38;background:#fff4e7}
body #today .cv-price.avoid>strong,body #today .cv-price.avoid .cv-price-label{color:#9a4b12}
body #today .cv-fair{width:100%;padding-top:9px;border-top:1px solid #d2e1f0;margin-top:5px;color:#406b9e;font-size:11px;font-weight:700}
body #today .cv-match-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
body #today .cv-match-footer a{color:#20496b;font-size:12px;font-weight:750;text-decoration:none;padding:5px 0;line-height:1.5}
body #today .cv-match-footer a:hover{text-decoration:underline;color:#126be2}
body #today .cv-match-footer a:focus-visible,body #today .cv-premium-banner a:focus-visible{outline:3px solid #348bff;outline-offset:4px}
body #today .cv-result{font-size:11px;font-weight:800;color:#27734e}
body #today .cv-result.lost{color:#697886}
body #today .cv-lost{border-left-color:#aeb9c2}
body #today .cv-lost .cv-price.selected,body #today .cv-warning.cv-lost .cv-price.avoid{background:linear-gradient(135deg,#4f5962,#343b42);border-color:#69747d;box-shadow:none;color:#fff}
body #today .cv-lost .cv-price.selected :is(.cv-price-name,strong,.cv-price-label,.cv-fair),body #today .cv-warning.cv-lost .cv-price.avoid :is(.cv-price-name,strong,.cv-price-label){color:#fff}
body #today .cv-lost .cv-price.selected .cv-fair{border-top-color:#ffffff35}
body #today .cv-price.selected{background:linear-gradient(135deg,#08b4ff,#0878e8);border-color:#75d9ff;color:#fff;box-shadow:0 0 0 2px #3cc4ff3d,0 8px 22px #0878e83d}
body #today .cv-price.selected :is(.cv-price-name,strong,.cv-price-label,.cv-fair){color:#fff}
body #today .cv-price.selected .cv-fair{border-top-color:#ffffff4d}
body #today .cv-price.avoid{background:linear-gradient(135deg,#ff9637,#d85e10);border-color:#ffbc7b;color:#fff;box-shadow:0 0 0 2px #f58a2838,0 8px 22px #d85e1033}
body #today .cv-price.avoid :is(.cv-price-name,strong,.cv-price-label,.cv-fair){color:#fff!important}
body #today .cv-price.avoid .cv-fair{border-top-color:#ffffff4d}
body #today .cv-warning.cv-trap-avoided .cv-price.avoid{background:linear-gradient(135deg,#ff9d3f,#e5610c);border-color:#ffc181;box-shadow:0 0 0 2px #ff942e4a,0 9px 24px #d85e1045}
body #today .cv-outcome-sticker{position:absolute;top:8px;right:8px;max-width:42%;padding:4px 6px;border-radius:999px;font-size:7px;font-weight:900;line-height:1;letter-spacing:.035em;text-align:center;white-space:nowrap;z-index:1}
body #today .cv-outcome-sticker.trap-avoided{background:linear-gradient(135deg,#ffe06e,#e9aa12);border:1px solid #fff0a8;color:#563900;box-shadow:0 2px 7px #71470038}
body #today .cv-outcome-sticker.lost{background:#353d45;border:1px solid #717b84;color:#fff}
body #today .cv-outcome-sticker.retired{background:linear-gradient(135deg,#6b7480,#424a53);border:1px solid #aab2ba;color:#fff;box-shadow:0 2px 7px #1b222938}
body #today .cv-tournament-cards{box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:14px;background:#f6f8fa;overflow:hidden}
body #today .cv-selection-board.schedule{margin-top:20px;border-color:#d9e3df;background:#f8faf9;color:#173527}
body #today .cv-selection-board.schedule .cv-board-heading{margin-bottom:14px}
body #today .cv-selection-board.schedule .cv-board-heading small{color:#557064}
body #today .cv-selection-board.schedule .cv-board-heading h3{color:#173527}
body #today .cv-selection-board.schedule .score-table{height:auto!important;max-height:none!important;border:1px solid #dce5e1;border-radius:12px;overflow:visible!important}
body #today .cv-selection-board.schedule .tournament{overflow:hidden}
body #today .cv-tournament-folder{margin:8px;border:1px solid #cfddca!important;border-radius:12px;background:#fff}
body #today .cv-tournament-folder>summary{list-style:none;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;justify-content:normal!important;gap:11px!important;padding:12px 14px!important;background:#103e2c!important;color:#f5faef!important}
body #today .cv-tournament-folder>summary:hover{background:#174b36!important}
body #today .cv-tournament-folder[open]>summary{border-bottom:1px solid #315d47}
body #today .cv-tournament-flag{display:grid;place-items:center;font-size:27px!important;line-height:1}
body #today .cv-tournament-title{min-width:0}
body #today .cv-tournament-title>b{display:block;color:#f5faef!important;font-family:var(--font-geist),sans-serif!important;font-size:20px!important;line-height:1.2!important;letter-spacing:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body #today .cv-tournament-title>small{display:block;margin-top:4px;color:#bed1c3;font-size:9px;font-weight:700;line-height:1.2;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body #today .cv-tournament-folder>summary>strong{display:grid;min-width:34px;text-align:right;color:#fff;font-variant-numeric:tabular-nums}
body #today .cv-tournament-folder>summary>strong>b{color:#fff!important;font-family:var(--font-geist),sans-serif!important;font-size:15px!important;line-height:1!important;letter-spacing:0!important}
body #today .cv-tournament-folder>summary>strong>small{margin-top:3px;color:#bed1c3;font-size:7px;text-transform:uppercase}
body #today .cv-tournament-folder .cv-match-card{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}
body #today .cv-selection-board.schedule .score-note{margin:12px 2px 0}
body #today .cv-day-switch{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:8px;margin:20px 0 6px}
body #today .cv-day-switch button{display:grid;gap:3px;padding:11px 16px;border:1px solid #cbd8d0;border-radius:12px;background:#f7faf8;color:#4c6256;text-align:left;cursor:pointer}
body #today .cv-day-switch button[aria-selected="true"]{border-color:#9bca42;background:#153d2c;color:#fff;box-shadow:0 7px 18px #0b281a24}
body #today .cv-day-switch button:disabled{cursor:not-allowed;opacity:.45}
body #today .cv-day-switch small{font-size:8px;font-weight:850;letter-spacing:.12em}
body #today .cv-day-switch b{font-size:12px}
body #today .cv-day-panel[hidden],body #today .tomorrow-schedule[hidden]{display:none!important}
body #today .cv-selection-board.schedule .score-table{width:calc(100% - 18px);margin:0 auto}
body #today .cv-tournament-folder{margin:10px 8px}
body #today .cv-tournament-folder>summary{min-height:64px;padding:15px 18px!important}
body #today .cv-schedule-filters{margin:0 0 12px}
body #today .cv-premium-banners{display:grid;gap:10px;margin:24px 0}
body #today .cv-premium-banner{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#eff6ff;border:1px solid #c5dcfb;border-left:4px solid #348bff;border-radius:12px;padding:15px 20px;color:#16334e}
body #today .cv-premium-banner.warning{background:#fff7ec;border-color:#efd3b1;border-left-color:#dc873b}
body #today .cv-premium-banner h3{font:750 15px/1.3 var(--font-geist),sans-serif;margin:0;color:#16334e}
body #today .cv-premium-banner h3>span{display:inline-block;margin-left:10px;font-size:10px;font-weight:600;color:#5e748a}
body #today .cv-premium-banner p{margin:5px 0 0;font-size:12px;line-height:1.5;color:#51697d;max-width:650px}
body #today .cv-premium-banner>a{flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding:9px 14px;background:#163d65;border-radius:9px;color:#fff;text-decoration:none;min-width:208px}
body #today .cv-premium-banner>a>span{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:750}
body #today .cv-premium-banner>a>small{font-size:10px;color:#dceaff}
body #today .cv-premium-banner.warning>a{background:#894718}
@media(min-width:1200px){body #today .cv-tournament-cards{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){
 body #today,body #today *{box-sizing:border-box}
 body #today.scores{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;min-width:0!important;margin-left:8px!important;margin-right:8px!important;overflow:hidden!important}
 body #today .cv-selection-board{padding:14px;border-radius:16px;margin:16px 0}
 body #today .cv-board-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:15px}
 body #today .cv-board-heading small{font-size:9px}
 body #today .cv-board-heading>strong{font-size:10px;padding:6px 9px}
 body #today .cv-match-card{padding:15px 12px;border-radius:12px}
 body #today .cv-match-meta{gap:7px;font-size:10px}
 body #today .cv-match-event{order:3;flex-basis:100%}
 body #today .cv-stake,body #today .cv-warning-tag{margin-left:auto;font-size:10px;padding:5px 8px}
 body #today .cv-contestants{gap:24px;margin:20px 0 16px}
 body #today .cv-match-card .prediction-player,body #today .cv-side-b .prediction-player{flex-direction:column;align-items:flex-start;gap:8px}
 body #today .cv-side-b .prediction-player{align-items:flex-end}
 body #today .cv-match-card .prediction-player>img,body #today .cv-match-card .prediction-player>i{width:46px;height:46px;flex-basis:46px;border-radius:12px}
 body #today .cv-match-card .prediction-player b{font-size:14px}
 body #today .cv-elo,body #today .cv-side-b .cv-elo{margin:5px 0 0;font-size:10px}
 body #today .cv-price-grid{gap:9px}
 body #today .cv-price{padding:12px 10px;min-height:115px;border-radius:11px}
 body #today .cv-price>strong{font-size:27px}
 body #today .cv-price-name{font-size:10px}
 body #today .cv-fair{font-size:10px}
 body #today .cv-tournament-cards{padding:10px}
 body #today .cv-premium-banner{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}
 body #today .cv-premium-banner>a{min-width:0;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;font-size:10px;gap:10px}
 body #today .cv-premium-banner>a>span{font-size:11px}
 body #today .cv-premium-banner>a>small{font-size:9px;white-space:nowrap}
}

/* Compact match-card geometry */
body #today .cv-card-stack{gap:10px}
body #today .cv-match-card{padding:14px 16px;border-radius:13px}
body #today .cv-contestants{gap:42px;margin:14px 0 12px}
body #today .cv-match-card .prediction-player{gap:9px}
body #today .cv-match-card .prediction-player>img,body #today .cv-match-card .prediction-player>i{width:44px;height:44px;flex-basis:44px;border-radius:11px}
body #today .cv-match-card .prediction-player b{font-size:16px}
body #today .cv-elo{margin:3px 0 0 53px;font-size:10px}
body #today .cv-side-b .cv-elo{margin:3px 53px 0 0}
body #today .cv-versus{top:16px}
body #today .cv-player-score{margin-top:5px;gap:6px;font-size:10px}
body #today .cv-player-score strong{padding:2px 6px}
body #today .cv-price-grid{gap:9px}
body #today .cv-price{min-height:88px;padding:10px 12px;gap:2px;border-radius:11px}
body #today .cv-price>strong{font-size:24px}
body #today .cv-price-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body #today .cv-price-label{font-size:9px}
body #today .cv-fair{padding-top:5px;margin-top:3px;font-size:9px}
body #today footer.cv-match-footer{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:0!important;margin:10px -16px -14px!important;padding:0!important;min-height:34px!important;background:#f8fafb!important;border:0!important;border-top:1px solid #e3e9ee!important;border-radius:0 0 12px 9px!important;color:#17354f!important;overflow:hidden}
body #today footer.cv-match-footer a.cv-analysis-action{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;align-self:stretch!important;gap:12px!important;width:100%!important;min-height:38px!important;flex:1 0 100%!important;padding:8px 12px 8px 16px!important;border:0!important;border-radius:0 0 11px 8px!important;background:#edf3f7!important;color:#294d69!important;font-size:10px!important;font-weight:850!important;letter-spacing:.015em!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important;transition:filter .16s ease,transform .16s ease!important}
body #today .cv-official footer.cv-match-footer{background:#f3f8ff!important;border-top-color:#d9e8f8!important}
body #today .cv-official footer.cv-match-footer a.cv-analysis-action{background:linear-gradient(135deg,#168ff2,#0867ce)!important;color:#fff!important}
body #today .cv-warning footer.cv-match-footer{background:#fff8ef!important;border-top-color:#f1dec9!important}
body #today .cv-warning footer.cv-match-footer a.cv-analysis-action{background:linear-gradient(135deg,#f39a45,#ce5e15)!important;color:#fff!important}
body #today footer.cv-match-footer a.cv-analysis-action:hover{filter:brightness(.95)!important;transform:translateY(-1px)!important}
body #today footer.cv-match-footer a.cv-analysis-action:active{filter:brightness(.9)!important;transform:none!important}
body #today .cv-action-arrow{display:grid;width:20px;height:20px;place-items:center;border:1px solid currentColor;border-radius:999px;font-size:12px;line-height:1;opacity:.82;transition:transform .16s ease,opacity .16s ease}
body #today footer.cv-match-footer a:hover .cv-action-arrow{transform:translateX(2px);opacity:1}
body #today footer.cv-match-footer .cv-result{order:-1;display:flex!important;flex:0 0 100%!important;align-items:center!important;justify-content:center!important;min-height:26px!important;margin:0!important;padding:5px 10px!important;border-radius:0!important;background:linear-gradient(90deg,#28d978,#0fa25a)!important;color:#fff!important;font-size:9px!important;line-height:1!important;letter-spacing:.04em!important;white-space:nowrap}
body #today .cv-warning footer.cv-match-footer .cv-result.trap-avoided{background:linear-gradient(90deg,#ff9b39,#df5f0b)!important;color:#fff!important}
body #today footer.cv-match-footer .cv-result.lost{background:#dfe3e1!important;color:#46514b!important}
body #today footer.cv-match-footer .cv-result.void{background:#e8ebea!important;color:#55605a!important}
body #today .cv-tournament-cards .cv-match-event{display:none}
body #today .cv-tournament-cards .cv-match-meta{justify-content:space-between}

@media(max-width:650px){
 body #today .cv-card-stack{gap:7px}
 body #today .cv-tournament-cards{padding:6px!important}
 body #today .cv-match-card{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:8px 7px 7px;border-left-width:3px;border-radius:9px;overflow:hidden!important}
 body #today .cv-match-meta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:3px 7px;font-size:8px;line-height:1.2}
 body #today .cv-match-state{font-size:9px}
 body #today .cv-match-event{order:initial;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}
 body #today .cv-stake,body #today .cv-warning-tag{margin:0;font-size:8px;padding:4px 6px;border-radius:6px}
 body #today .cv-contestants{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:7px 0 6px;align-items:center;overflow:hidden}
 body #today .cv-contestant{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:5px;align-items:center;overflow:hidden}
 body #today .cv-side-b{grid-template-columns:minmax(0,1fr) 30px}
 body #today .cv-match-card .prediction-player,body #today .cv-side-b .prediction-player{display:contents}
 body #today .cv-match-card .prediction-player>img,body #today .cv-match-card .prediction-player>i{grid-row:1 / 3;width:30px;height:30px;max-width:30px;flex-basis:30px;border-radius:7px}
 body #today .cv-side-a .prediction-player>img,body #today .cv-side-a .prediction-player>i{grid-column:1}
 body #today .cv-side-a .prediction-player>span{grid-column:2}
 body #today .cv-side-b .prediction-player>img,body #today .cv-side-b .prediction-player>i{grid-column:2}
 body #today .cv-side-b .prediction-player>span{grid-column:1;text-align:right}
 body #today .cv-match-card .prediction-player b{max-width:100%;font-size:10px;line-height:1.08;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
 body #today .cv-match-card .prediction-player small{margin-top:2px;font-size:7px;line-height:1}
 body #today .cv-elo,body #today .cv-side-b .cv-elo{grid-row:2;margin:1px 0 0;font-size:7px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body #today .cv-side-a .cv-elo{grid-column:2}
 body #today .cv-side-b .cv-elo{grid-column:1;text-align:right}
 body #today .cv-versus{top:10px;font-size:8px}
 body #today .cv-player-score{display:none}
 body #today .cv-price-grid{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;overflow:hidden}
 body #today .cv-price{width:100%;max-width:100%;min-width:0;min-height:58px;padding:6px;gap:1px;border-width:1.5px;border-radius:7px;overflow:hidden}
 body #today .cv-price.selected{box-shadow:0 0 0 2px #348bff12}
 body #today .cv-price-name{font-size:7px;line-height:1.1}
 body #today .cv-price>strong{font-size:18px;line-height:1.05}
 body #today .cv-price-label{font-size:7px;line-height:1.15}
 body #today .cv-outcome-sticker{top:5px;right:5px;padding:3px 4px;font-size:5px}
 body #today .cv-fair{padding-top:3px;margin-top:2px;font-size:7px;line-height:1.1}
 body #today footer.cv-match-footer{margin:6px -9px -8px!important;min-height:28px!important;border-radius:0 0 9px 7px!important}
 body #today footer.cv-match-footer a.cv-analysis-action{min-height:32px!important;padding:6px 8px 6px 10px!important;font-size:8px!important;gap:5px!important}
 body #today .cv-action-arrow{width:15px;height:15px;font-size:9px}
 body #today footer.cv-match-footer .cv-result{min-height:22px!important;padding:4px 6px!important;font-size:7px!important}
 body #today .cv-selection-board{padding:9px;border-radius:12px}
 body #today .cv-board-heading{margin-bottom:9px;gap:5px}
 body #today .cv-board-heading h3{margin-top:4px;font-size:15px}
 body #today .cv-selection-board.schedule{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important;margin:12px 0!important;padding:6px!important;overflow:hidden!important}
 body #today .cv-selection-board.schedule .score-table{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
 body #today .cv-day-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:14px 0 4px}
 body #today .cv-day-switch button{padding:9px 10px;border-radius:9px}
 body #today .cv-schedule-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:0 2px 7px;padding:0!important}
 body #today .cv-schedule-filters button{min-width:0;padding:6px 1px!important;font-size:7px!important}
 body #today .cv-tournament-folder{box-sizing:border-box;width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important;min-width:0!important;margin:7px auto!important;border-radius:9px;overflow:hidden!important}
 body #today .cv-tournament-folder>summary{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important;min-height:50px!important;grid-template-columns:28px minmax(0,1fr) 30px!important;gap:7px!important;padding:10px 9px!important;overflow:hidden!important}
 body #today .cv-tournament-flag{width:28px;max-width:28px;font-size:20px!important;overflow:hidden}
 body #today .cv-tournament-title,body #today .cv-tournament-title>b,body #today .cv-tournament-title>small{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body #today .cv-tournament-title>b{font-size:20px!important;font-weight:850!important;line-height:1.2!important}
 body #today .cv-tournament-title>small{margin-top:4px;font-size:9px;line-height:1.2}
 body #today .cv-tournament-folder>summary>strong{min-width:26px!important}
 body #today .cv-tournament-folder>summary>strong>b{font-size:11px!important}
 body #today .cv-tournament-folder>summary>strong>small{font-size:5px}
 body #today .cv-tournament-folder .cv-tournament-cards{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:4px!important;box-sizing:border-box!important;overflow:hidden!important}
 body #today .cv-tournament-folder .cv-match-card,body #today .cv-tournament-folder .cv-contestants,body #today .cv-tournament-folder .cv-price-grid{max-width:100%;min-width:0}
}

/* app/double-up.css */
.double-up{margin-top:22px;border:1px solid #2e493b;border-radius:22px;overflow:hidden;background:#0c1812;color:#fff;box-shadow:0 24px 60px rgba(9,29,19,.16);scroll-margin-top:90px}.double-up>header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 34px;background:radial-gradient(circle at 80% 20%,rgba(201,243,86,.13),transparent 34%),linear-gradient(120deg,#0b1711,#173426)}.double-up>header small{font-family:var(--font-mono);font-size:8px;letter-spacing:.16em;color:#9eb1a7}.double-up h1{margin:10px 0 7px;font-size:clamp(30px,4vw,52px);line-height:.98;letter-spacing:-.05em}.double-up h1 em{color:#c9f356;font-style:normal}.double-up>header p{max-width:670px;margin:0;color:#9fb0a7;font-size:12px;line-height:1.6}.double-target{flex:none;width:126px;height:126px;display:grid;place-content:center;justify-items:center;border:1px solid #49634f;border-radius:50%;background:rgba(5,12,8,.42)}.double-target span,.double-target small{font-family:var(--font-mono);font-size:6px;letter-spacing:.13em;color:#9caf9f}.double-target b{margin:3px 0;color:#c9f356;font-family:var(--font-mono);font-size:29px}.double-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 28px;background:#c9f356;color:#142119}.double-cta>div{display:grid;gap:4px}.double-cta b{font-family:var(--font-mono);font-size:10px;letter-spacing:.07em}.double-cta span{font-size:10px}.double-cta a,.premium-unlock a{flex:none;padding:10px 14px;border-radius:9px;background:#13231d;color:#fff;font-size:10px;font-weight:700;text-decoration:none}.double-legs{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:12px;padding:24px}.double-connector{color:#6f8177;font-family:var(--font-mono);font-size:7px;text-align:center}.double-leg{position:relative;min-height:126px;padding:18px;border:1px solid #334b3e;border-radius:14px;background:#12241b}.double-leg.locked{background:repeating-linear-gradient(135deg,#111e17,#111e17 8px,#132119 8px,#132119 16px);color:#97a49d}.leg-number{font-family:var(--font-mono);font-size:7px;letter-spacing:.12em;color:#8fa398}.double-leg>a{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px;color:#fff;text-decoration:none}.double-leg>a div{min-width:0}.double-leg>a small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8fa398;font-size:7px}.double-leg h3{margin:5px 0 4px;font-size:18px}.double-leg p{margin:0;color:#93a39a;font-size:9px}.double-leg>a>strong{color:#c9f356;font-family:var(--font-mono);font-size:25px}.locked-leg{display:flex;align-items:center;gap:14px;margin-top:14px}.locked-leg i{font-size:22px;font-style:normal}.locked-leg h3{font-size:14px}.locked-leg p{line-height:1.5}.leg-state{position:absolute;top:14px;right:14px;padding:4px 6px;border-radius:5px;background:#c9f356;color:#13231d;font-family:var(--font-mono);font-size:6px;letter-spacing:.08em}.double-leg.premium_locked .leg-state{background:#a778eb;color:#fff}.double-leg.progress_locked .leg-state{background:#65736b;color:#fff}.double-leg.won{border-color:#218b59;background:#153b2b}.double-leg.won .leg-state{background:#1e9f65;color:#fff}.double-leg.lost{border-color:#604545;background:#261b1b}.double-leg.lost .leg-state{background:#7b8580;color:#fff}.premium-unlock{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 24px 18px;padding:12px 14px;border:1px solid #513d6e;border-radius:10px;background:#21182e;color:#d7c5ef;font-size:10px}.premium-unlock a{background:#8b54d0}.double-disclaimer{margin:0;padding:10px 24px;border-top:1px solid #24382e;color:#71857a;font-family:var(--font-mono);font-size:7px;text-align:center}@media(max-width:650px){.double-up{margin-top:12px;border-radius:16px;overflow:hidden}.double-up>header{align-items:flex-start;padding:20px}.double-up h1{font-size:32px}.double-target{width:86px;height:86px}.double-target b{font-size:21px}.double-cta{align-items:flex-start;flex-direction:column;padding:16px}.double-legs{grid-template-columns:1fr;padding:14px}.double-connector{padding:2px}.double-leg{min-height:116px}.double-leg>a{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:5px}.double-leg>a>div{min-width:460px;flex:none}.double-leg>a>strong{flex:none}.premium-unlock{align-items:flex-start;flex-direction:column;margin:0 14px 14px}}
@media(max-width:650px){.double-legs{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}.double-leg{width:100%!important;min-width:0!important;max-width:100%!important}.double-leg>a,.double-leg>.locked-leg{display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:scroll!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;scrollbar-width:thin}.double-leg>a>div,.double-leg>.locked-leg>div{flex:0 0 460px!important;min-width:460px!important}.double-leg>a>strong{flex:0 0 auto!important;margin-right:8px}.double-leg>.locked-leg>i{flex:0 0 auto}.double-connector{display:block!important;width:100%!important}.double-leg>a::-webkit-scrollbar,.double-leg>.locked-leg::-webkit-scrollbar{height:5px}.double-leg>a::-webkit-scrollbar-thumb,.double-leg>.locked-leg::-webkit-scrollbar-thumb{border-radius:999px;background:#5d7367}}
.double-popup-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,9,5,.76);backdrop-filter:blur(8px)}.double-popup{position:relative;width:min(440px,100%);padding:32px;border:1px solid rgba(201,243,86,.34);border-radius:24px;background:radial-gradient(circle at 82% 10%,rgba(201,243,86,.16),transparent 32%),linear-gradient(145deg,#14291e,#08120d);box-shadow:0 35px 100px rgba(0,0,0,.55);color:#fff;text-align:center}.double-popup>small{color:#a7b8ae;font-family:var(--font-mono);font-size:8px;letter-spacing:.14em}.double-popup-mark{display:grid;justify-items:center;gap:8px;margin:18px auto 12px;color:#c9f356;font-family:var(--font-mono);line-height:1}.double-popup-mark b{font-size:64px}.double-popup-mark em{padding:5px 9px;border-radius:999px;background:#c9f356;color:#102018;font-size:8px;font-style:normal;letter-spacing:.08em}.double-popup h2{margin:0;font-size:31px;line-height:1.02;letter-spacing:-.045em}.double-popup p{margin:15px auto 22px;max-width:350px;color:#aebdb4;font-size:12px;line-height:1.6}.double-popup>a{display:block;padding:13px 18px;border-radius:10px;background:#c9f356;color:#102018;font-size:11px;font-weight:800;text-decoration:none}.double-popup-free-note{display:block;margin:9px 0 0;color:#c9f356;font-family:var(--font-mono);font-size:7px;letter-spacing:.07em}.double-popup-close{position:absolute;top:12px;right:13px;width:32px;height:32px;border:1px solid #385044;border-radius:50%;background:#12231a;color:#dfe8e2;font-size:20px;line-height:1;cursor:pointer}.double-popup-secondary{margin:13px 0 10px;border:0;background:transparent;color:#a9b6ae;font-size:10px;text-decoration:underline;cursor:pointer}.double-popup>span{display:block;color:#65786d;font-family:var(--font-mono);font-size:6px}.double-popup a:focus-visible,.double-popup button:focus-visible{outline:2px solid #c9f356;outline-offset:3px}@media(max-width:650px){.double-popup{padding:27px 20px 22px;border-radius:19px}.double-popup-mark b{font-size:52px}.double-popup h2{font-size:26px}}
.double-up > header .double-target {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 12px;
  text-align: center;
}
.double-up > header .double-target > span,
.double-up > header .double-target > small {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 8px;
  line-height: 1.2;
  letter-spacing: .08em;
  text-align: center;
}
.double-up > header .double-target > b {
  margin: 0;
  line-height: 1.1;
  white-space: nowrap;
}
.double-up > header .double-target > small {
  max-width: 72px;
  text-wrap: balance;
}
.hero-actions .home-challenge{box-sizing:border-box;flex:0 0 100%;width:100%;height:254px;padding:16px 18px;border:1px solid #b9dbbe;border-left:4px solid #38945a;border-radius:12px;background:#f0f8ee;color:#183d28;overflow:hidden;scroll-margin-top:110px}
.hero-actions .home-challenge.signed-in{height:auto;padding:15px 16px;border:1px solid rgba(201,243,86,.66);border-left:5px solid #c9f356;background:radial-gradient(circle at 10% 14%,rgba(201,243,86,.18),transparent 30%),linear-gradient(125deg,#102c20,#1d5336);box-shadow:0 16px 34px rgba(2,20,11,.28),inset 0 1px 0 rgba(255,255,255,.08);color:#fff}
.hero-actions .home-challenge.guest{height:auto;padding:14px 16px;border:1px solid rgba(201,243,86,.66);border-left:5px solid #c9f356;background:radial-gradient(circle at 10% 20%,rgba(201,243,86,.18),transparent 32%),linear-gradient(125deg,#102c20,#1d5336);box-shadow:0 16px 34px rgba(2,20,11,.28),inset 0 1px 0 rgba(255,255,255,.08);color:#fff}
.challenge-guest-copy{display:flex;align-items:center;gap:15px}
.challenge-signed-heading{display:flex;align-items:center;gap:15px;margin-bottom:13px}.challenge-signed-heading>div:last-child{min-width:0}.challenge-signed-heading>div:last-child>small{color:#c9f356;font:700 8px/1 var(--font-mono);letter-spacing:.12em}.hero-actions .challenge-signed-heading h3{margin:5px 0 3px;color:#fff;font-size:18px;line-height:1.05;letter-spacing:-.02em}.challenge-signed-heading h3 em{color:#c9f356;font-style:normal}.challenge-signed-heading p{max-width:100%;margin:0;color:#c3d3c9;font-size:10px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.challenge-2x{position:relative;box-sizing:border-box;flex:0 0 70px;width:70px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:2px solid #c9f356;border-radius:50%;background:radial-gradient(circle at 38% 28%,#2c6846,#092317 72%);box-shadow:0 0 0 4px rgba(201,243,86,.11),0 8px 22px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.15)}
.challenge-2x:after{content:"";position:absolute;inset:5px;border:1px solid rgba(201,243,86,.32);border-radius:50%;pointer-events:none}
.challenge-2x b{position:relative;z-index:1;color:#c9f356;font:900 27px/.9 var(--font-geist),sans-serif;letter-spacing:-.06em;white-space:nowrap}
.challenge-2x small{position:relative;z-index:1;max-width:52px;margin-top:5px;color:#f1f8f2;font:750 5.5px/1.05 var(--font-mono);letter-spacing:.06em;text-align:center;white-space:nowrap}
.challenge-guest-copy>div:last-child{min-width:0}.challenge-guest-copy>div:last-child>small{color:#c9f356;font:700 8px/1 var(--font-mono);letter-spacing:.12em}
.hero-actions .home-challenge.guest h3{margin:5px 0 3px;color:#fff;font-size:18px;line-height:1.05;letter-spacing:-.02em}.hero-actions .home-challenge.guest h3 em{color:#c9f356;font-style:normal}
.hero-actions .home-challenge.guest p{max-width:100%;margin:0;color:#c3d3c9;font-size:10px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.challenge-guest-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 13px;border-radius:9px;background:#c9f356;color:#102a1d;font-size:11px;font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:transform .18s ease,box-shadow .18s ease}
.challenge-guest-cta b{font-family:var(--font-mono);font-size:9px;letter-spacing:.07em}.challenge-guest-cta:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(0,0,0,.24)}
.hero-actions .home-challenge>header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;height:26px}
.hero-actions .home-challenge h3{margin:0;color:#183d28;font:750 17px/1.3 var(--font-geist),sans-serif;letter-spacing:0}
.hero-actions .home-challenge>header>span{color:#547660;font-size:10px;font-weight:650;white-space:nowrap}
.hero-actions .home-challenge>p{margin:6px 0 12px;max-width:none;color:#4b6854;font-size:12px;line-height:1.5}
.home-challenge-content{height:auto}.home-challenge.signed-in .home-challenge-content{height:auto}
.home-challenge-matches{display:grid;grid-template-rows:auto auto;gap:8px;height:auto}
.challenge-match{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(201,243,86,.3);border-radius:9px;background:rgba(247,252,247,.96);color:#183d28;min-width:0;box-shadow:inset 0 1px 0 #fff}
.challenge-match>small{font-size:9px;font-weight:800;color:#467555}
.challenge-match-link{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}
.challenge-player-photo{box-sizing:border-box;width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border:1px solid #c6dcc9;border-radius:50%;background:linear-gradient(145deg,#edf7ef,#dbeade);color:#356347;font-size:10px;font-weight:800}
.challenge-player-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.challenge-player-photo i{font-style:normal}.challenge-player-photo.locked{background:#edf2ec;color:#66806e;font-size:15px}
.challenge-match-copy{display:grid;gap:4px;min-width:0}
.challenge-match-copy strong{font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.challenge-match-copy span{font-size:10px;line-height:1.4;color:#536b59;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.challenge-match-odds{flex:none;color:#23683d;font-size:19px}
.challenge-unlock{flex:none;padding:8px 10px;border-radius:7px;background:#23683d;color:#fff;font-size:9px;font-weight:800;text-decoration:none;white-space:nowrap}
.challenge-unlock-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}.challenge-buy-daily{box-sizing:border-box;padding:10px 12px;border:1px solid #a8d638;border-radius:7px;background:#c9f356;color:#102a1d;font:850 11px/1.25 var(--font-geist),sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 3px 9px rgba(42,79,13,.15)}.challenge-buy-daily:hover{background:#d8ff71}.challenge-buy-daily:disabled{opacity:.6;cursor:wait}.challenge-unlock-actions .challenge-unlock{box-sizing:border-box;border:1px solid #c9f356;background:#102a1d;color:#c9f356;text-align:center;font-size:10px;padding:8px 12px}.home-challenge button:focus-visible{outline:3px solid #38945a;outline-offset:3px}.challenge-checkout-error{grid-column:1/-1;margin:5px 0 0;color:#9a3028;font-size:11px}.challenge-match{min-height:78px;box-sizing:border-box}.challenge-match.premium_locked .challenge-match-link{grid-template-columns:42px minmax(0,1fr)}.challenge-match.premium_locked .challenge-unlock-actions{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr}.challenge-match.premium_locked .challenge-match-copy span{white-space:normal}.hero-actions .home-challenge.signed-in .home-challenge-content{height:auto}
.challenge-match.sales_closed{background:rgba(238,245,237,.92)}.challenge-match.sales_closed .challenge-match-link{grid-template-columns:42px minmax(0,1fr) auto}.challenge-match.sales_closed .challenge-match-copy span{white-space:normal}.challenge-sales-closed{padding:8px 10px;border:1px solid #8ba093;border-radius:7px;background:#dfe7e0;color:#53665a;font:800 8px/1.2 var(--font-mono);letter-spacing:.06em;white-space:nowrap}
.challenge-match.won{background:#e5f5e8;border-color:#8cc79b}.challenge-match.lost{background:#f2f3f1;border-color:#d4d9d2}.challenge-match.premium_locked,.challenge-match.progress_locked{background:rgba(238,245,237,.92)}
.home-challenge-prompt{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:12px 0 0;box-sizing:border-box}
.home-challenge-prompt>span{font-size:12px;line-height:1.5;color:#4b6854;max-width:440px}
.home-challenge-prompt>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:9px;background:#23683d;color:#fff;font-size:12px;font-weight:750;text-decoration:none}
.home-challenge a:focus-visible{outline:3px solid #38945a;outline-offset:3px}
@media(max-width:650px){.hero-actions .home-challenge{height:304px;padding:14px}.hero-actions .home-challenge.guest,.hero-actions .home-challenge.signed-in{height:auto;padding:12px 13px}.hero-actions .home-challenge>header{height:45px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}.hero-actions .home-challenge>p{font-size:11px;margin:6px 0 12px}.home-challenge-content,.home-challenge.signed-in .home-challenge-content{height:auto}.challenge-signed-heading{gap:12px;margin-bottom:11px}.hero-actions .challenge-signed-heading h3{font-size:16px;white-space:nowrap}.challenge-signed-heading p{font-size:8px}.challenge-match{grid-template-columns:34px minmax(0,1fr);gap:7px;padding:9px}.challenge-match-link{grid-template-columns:36px minmax(0,1fr) auto;gap:7px}.challenge-match.premium_locked .challenge-match-link{grid-template-columns:36px minmax(0,1fr)}.challenge-match.premium_locked .challenge-unlock-actions{grid-template-columns:1fr}.challenge-player-photo{width:36px;height:36px}.challenge-match-copy strong{font-size:12px}.challenge-match-copy span{font-size:9px}.challenge-match-odds{font-size:17px}.challenge-2x{flex-basis:62px;width:62px;height:62px}.challenge-2x b{font-size:24px}.challenge-2x small{font-size:5px}.hero-actions .home-challenge.guest h3{font-size:16px;white-space:nowrap}.hero-actions .home-challenge.guest p{font-size:8px}.challenge-guest-cta{margin-top:9px;padding:10px 12px;font-size:10px}}

/* app/double-up-popup.css */
.double-popup-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
}

.double-popup-mark b {
  position: relative;
  left: -8px;
}

.double-popup-mark em {
  position: relative;
  right: -5px;
  padding: 10px 15px;
  box-shadow: 0 8px 24px rgba(201, 243, 86, 0.18);
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

@media (max-width: 650px) {
  .double-popup-mark {
    gap: 14px;
  }

  .double-popup-mark b {
    left: -4px;
  }

  .double-popup-mark em {
    right: -3px;
    padding: 8px 11px;
    font-size: 10px;
  }
}

/* app/home-background.css */
/* The public landing canvas stays dark through the picks and returns to light at Method. */
.home-prediction-directory{margin-top:18px;color:#dce7df;font-size:14px}.home-prediction-directory summary{cursor:pointer;padding:14px;border:1px solid #35493d;border-radius:10px}.home-prediction-directory ul{padding-left:22px;display:grid;gap:10px}.home-prediction-directory a{color:#c9f356}.home-prediction-directory li span{color:#b2c4b9}
body>main:not(.tracking-page):not(.h2h-page):not(.calculator-page):not(.prediction-landing){position:relative;isolation:isolate;background:#07100c!important}
body>main:not(.tracking-page):not(.h2h-page):not(.calculator-page) .method{position:relative;z-index:1;background:#f3f6f2!important}
body>main:not(.tracking-page):not(.h2h-page):not(.calculator-page) .method:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:#f3f6f2;pointer-events:none}
body>main:not(.tracking-page):not(.h2h-page):not(.calculator-page) .pricing{position:relative;z-index:2;background:#f3f6f2!important}
body>main:not(.tracking-page):not(.h2h-page):not(.calculator-page) .pricing:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:#f3f6f2;pointer-events:none}
body>main:not(.tracking-page):not(.h2h-page):not(.calculator-page) .pricing a,body>main:not(.tracking-page):not(.h2h-page):not(.calculator-page) .pricing button{position:relative;z-index:3;pointer-events:auto}
body>main:not(.tracking-page):not(.h2h-page):not(.calculator-page) footer{position:relative;z-index:3}

/* app/seo-pages.css */
.seo-page{min-height:100vh;background:#f3f6f2;color:#14221b}.seo-page .seo-nav{color:#fff;border-color:rgba(255,255,255,.14)}.seo-page .seo-nav .brand{color:#fff}.seo-page .seo-nav .navlinks a{color:#b8c6be}.seo-page .seo-nav .ghost{color:#fff;border-color:#405149}.seo-hero{padding:90px 0 78px;color:#fff}.seo-hero small{font-family:var(--font-mono);font-size:10px;letter-spacing:.17em;color:#b9d0c3}.seo-hero h1{max-width:900px;margin:20px 0;font-size:clamp(50px,7vw,86px);line-height:.94;letter-spacing:-.06em}.seo-hero h1 em{color:#c9f356;font-style:normal}.seo-hero p{max-width:720px;margin:0;color:#b7c4bd;font-size:17px;line-height:1.75}.seo-dark{background:radial-gradient(circle at 80% 0,#1b4931 0,transparent 35%),#07100c}.seo-content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:42px;padding:72px 0}.seo-article{display:grid;gap:38px}.seo-article section{padding-bottom:34px;border-bottom:1px solid #d7e0da}.seo-article h2{margin:0 0 14px;font-size:32px;letter-spacing:-.04em}.seo-article h3{margin:22px 0 8px;font-size:18px}.seo-article p,.seo-article li{color:#526158;font-size:15px;line-height:1.8}.seo-article ul,.seo-article ol{padding-left:22px}.seo-aside{height:max-content;padding:24px;border:1px solid #d5ded8;border-radius:16px;background:#fff;position:sticky;top:24px}.seo-aside small{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:#188b59}.seo-aside h2{font-size:20px;margin:10px 0}.seo-aside a{display:block;padding:9px 0;border-bottom:1px solid #eef1ef;color:#26382f;text-decoration:none;font-size:13px}.seo-callout{padding:24px!important;border:1px solid #a9d45c!important;border-radius:16px;background:#f7ffe9}.seo-footer{display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:start;padding:38px 0;border-top:1px solid #d5ded8;color:#68766e}.seo-footer>div>a{font-size:17px;font-weight:700;color:#173326;text-decoration:none}.seo-footer p{max-width:460px;line-height:1.6}.seo-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px}.seo-footer nav a{color:#53645a;text-decoration:none;font-size:12px}.result-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:24px 0}.result-pagination a,.result-pagination span{padding:9px 13px;border:1px solid #d2dbd5;border-radius:9px;background:#fff;color:#1c3729;text-decoration:none;font-family:var(--font-mono);font-size:9px}.result-pagination span{background:#153426;color:#fff}.archive-intro{margin:0 0 20px;padding:18px 20px;border:1px solid #dce4de;border-radius:14px;background:#fff;color:#5d6b63;font-size:13px;line-height:1.7}.tracking-day h2 a{color:inherit;text-decoration:none}.tracking-day h2 a:hover{text-decoration:underline}.daily-result-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.daily-result-summary article{padding:18px;border:1px solid #dce4de;border-radius:14px;background:#fff}.daily-result-summary span{display:block;font-family:var(--font-mono);font-size:8px;color:#76847c}.daily-result-summary b{display:block;margin-top:8px;font-family:var(--font-mono);font-size:20px}.seo-page .tracking-shell{padding-top:46px}@media(max-width:800px){.seo-content{grid-template-columns:1fr}.seo-aside{position:static}.seo-footer{grid-template-columns:1fr}.daily-result-summary{grid-template-columns:1fr 1fr}.seo-hero{padding:60px 0}.seo-hero h1{font-size:48px}}

/* app/seo-expansion.css */
.seo-hub {
  padding: 64px 0 90px;
}
.result-pagination { flex-wrap: wrap; }
.report-frequency-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 24px;
  padding: 25px 28px;
  border: 1px solid #294239;
  border-radius: 18px;
  background: #13231d;
  color: #fff;
}
.report-frequency-link small,
.player-seo-identity small,
.tournament-player-links > small {
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: .13em;
  color: #c9f356;
}
.report-frequency-link h2 { margin: 7px 0; }
.report-frequency-link p { margin: 0; color: #c6d0ca; font-size: 13px; }
.report-frequency-link > a {
  flex: 0 0 auto;
  padding: 13px 17px;
  border-radius: 10px;
  background: #c9f356;
  color: #13231d;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
}
.player-seo-identity {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 28px;
  align-items: center;
  margin-bottom: 18px;
  padding: 26px;
  border: 1px solid #294239;
  border-radius: 18px;
  background: #13231d;
  color: #fff;
}
.player-seo-photo {
  position: relative;
  display: grid;
  width: 160px;
  height: 160px;
  place-items: center;
  overflow: hidden;
  border: 2px solid #c9f356;
  border-radius: 16px;
  background: #263b31;
  color: #c9f356;
  font: 800 38px var(--font-mono);
}
.player-seo-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.player-seo-identity h2 { margin: 8px 0 7px; font-size: 34px; }
.player-seo-identity p { max-width: 760px; margin: 5px 0; color: #c6d0ca; line-height: 1.65; }
.tournament-player-links { margin-top: 22px; padding-top: 20px; border-top: 1px solid #e3e9e5; }
.tournament-player-links > small { color: #168b59; }
.tournament-player-links nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.tournament-player-links a { padding: 7px 10px; border: 1px solid #cbd8d0; border-radius: 999px; color: #183025; font-size: 11px; text-decoration: none; }
.tournament-player-links a:hover { border-color: #9fce4c; background: #f2fbdc; }
.seo-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.seo-card-grid > a {
  display: flex;
  min-height: 240px;
  flex-direction: column;
  padding: 25px;
  border: 1px solid #d6e0d9;
  border-radius: 18px;
  background: #fff;
  color: #183025;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(18, 46, 32, 0.05);
  transition: 0.2s;
}
.seo-card-grid > a:hover {
  transform: translateY(-3px);
  border-color: #a5d04f;
}
.seo-card-grid small,
.archive-section > small,
.report-panel > small,
.profile-context small {
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.13em;
  color: #168b59;
}
.seo-card-grid h2 {
  margin: 18px 0 12px;
  font-size: 24px;
  line-height: 1.1;
}
.seo-card-grid p {
  flex: 1;
  color: #647168;
  font-size: 13px;
  line-height: 1.65;
}
.seo-card-grid b {
  font-family: var(--font-mono);
  font-size: 10px;
}
.report-summary {
  grid-template-columns: repeat(6, 1fr) !important;
}
.report-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.report-panel,
.archive-section,
.profile-context {
  padding: 24px;
  border: 1px solid #d9e2dc;
  border-radius: 16px;
  background: #fff;
}
.report-panel h2,
.archive-section h2 {
  margin: 9px 0 18px;
}
.report-table p {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 15px;
  padding: 11px 0;
  margin: 0;
  border-top: 1px solid #edf1ee;
  color: #6c7871;
  font-size: 12px;
}
.report-table p b {
  color: #203129;
}
.report-table strong {
  font-family: var(--font-mono);
}
.archive-section {
  margin-bottom: 16px;
}
.archive-pick-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.archive-pick-grid article,
.archive-pick-grid .archive-analysis-card {
  display: block;
  padding: 18px;
  border: 1px solid #e0e7e2;
  border-radius: 13px;
  background: #f8faf8;
  color: inherit;
  text-decoration: none;
}
.archive-pick-grid .archive-analysis-card:hover {
  border-color: #9ab7a6;
  transform: translateY(-1px);
}
.archive-pick-grid .archive-analysis-card em {
  display: block;
  margin-top: 12px;
  color: #173326;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}
.archive-pick-grid small {
  font-family: var(--font-mono);
  font-size: 8px;
  color: #7a877f;
}
.archive-pick-grid h3 {
  margin: 12px 0 5px;
  font-size: 16px;
}
.archive-pick-grid p {
  min-height: 34px;
  color: #6b7770;
  font-size: 11px;
  line-height: 1.5;
}
.archive-pick-grid b {
  font-family: var(--font-mono);
  font-size: 11px;
  color: #168b59;
}
.profile-context {
  margin-bottom: 16px;
}
.profile-context p {
  margin: 9px 0 0;
  color: #647168;
  line-height: 1.7;
}
.contact-card {
  padding: 28px !important;
  border: 1px solid #a9d45c !important;
  border-radius: 18px;
  background: #f7ffe9;
}
.contact-button {
  display: inline-flex;
  padding: 12px 16px;
  border-radius: 999px;
  background: #173326;
  color: #fff;
  text-decoration: none;
}
.press-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.press-stats span {
  padding: 16px;
  border: 1px solid #dce4de;
  border-radius: 12px;
  background: #fff;
}
.press-stats b {
  display: block;
  margin-bottom: 4px;
  font-family: var(--font-mono);
  color: #168b59;
}
@media (max-width: 900px) {
  .seo-card-grid {
    grid-template-columns: 1fr 1fr;
  }
  .report-summary {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 620px) {
  .seo-card-grid,
  .report-grid,
  .archive-pick-grid,
  .press-stats {
    grid-template-columns: 1fr;
  }
  .report-summary {
    grid-template-columns: 1fr 1fr !important;
  }
  .seo-card-grid > a {
    min-height: 200px;
  }
  .seo-hub {
    padding-top: 35px;
  }
  .report-frequency-link { align-items: stretch; flex-direction: column; padding: 21px; }
  .report-frequency-link > a { text-align: center; }
  .player-seo-identity { grid-template-columns: 86px 1fr; gap: 16px; padding: 18px; }
  .player-seo-photo { width: 86px; height: 86px; font-size: 22px; }
  .player-seo-identity h2 { font-size: 23px; }
  .player-seo-identity p { font-size: 12px; }
}

/* Player profiles: a lighter, scan-first information hierarchy. */
.player-profile-page {
  background: #f4f7f5 !important;
}
.player-profile-nav {
  background: #0b2017;
}
.player-profile-shell {
  max-width: 1120px;
  padding-top: 34px !important;
  padding-bottom: 72px;
}
.player-profile-page .player-seo-identity {
  position: relative;
  grid-template-columns: 148px minmax(0, 1fr);
  gap: 30px;
  margin: 0;
  padding: 32px;
  overflow: hidden;
  border: 1px solid #d7e3dc;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0, rgba(201, 243, 86, .22), transparent 34%),
    #fff;
  color: #13251c;
  box-shadow: 0 18px 55px rgba(18, 54, 36, .08);
}
.player-profile-page .player-seo-photo {
  width: 148px;
  height: 148px;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(145deg, #193f2d, #0d261b);
  box-shadow: 0 0 0 7px #eef6e3;
}
.player-profile-page .player-seo-copy { min-width: 0; }
.player-profile-page .player-seo-identity small {
  color: #26704d;
  font-size: 11px;
  font-weight: 800;
}
.player-profile-page .player-seo-identity h1 {
  margin: 8px 0 10px;
  color: #10291d;
  font-size: clamp(38px, 5vw, 62px);
  line-height: 1;
  letter-spacing: -.045em;
}
.player-profile-page .player-seo-identity p {
  max-width: 790px;
  margin: 7px 0;
  color: #52655a;
  font-size: 15px;
  line-height: 1.65;
}
.player-profile-page .player-seo-identity .player-identity-line {
  color: #244537;
  font-weight: 700;
}
.player-profile-page .player-profile-actions .primary,
.player-profile-page .player-profile-actions > a {
  display: inline-flex;
  align-items: center;
  min-height: 43px;
  padding: 0 17px;
  border: 1px solid #cbd9d1;
  border-radius: 11px;
  color: #173c2b;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
}
.player-profile-page .player-profile-actions .primary {
  border-color: #173c2b;
  background: #173c2b;
  color: #fff;
}
.player-profile-page .player-updated {
  margin: 12px 3px 18px;
  font-size: 12px;
}
.player-section-nav {
  position: sticky;
  z-index: 5;
  top: 10px;
  display: flex;
  gap: 6px;
  width: max-content;
  max-width: 100%;
  margin: 0 0 18px;
  padding: 6px;
  overflow-x: auto;
  border: 1px solid #d6e1da;
  border-radius: 14px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 8px 24px rgba(18, 54, 36, .08);
  backdrop-filter: blur(12px);
}
.player-section-nav a {
  padding: 9px 13px;
  border-radius: 9px;
  color: #52645a;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.player-section-nav a:hover,
.player-section-nav a:focus-visible {
  background: #edf6e5;
  color: #16432e;
}
.player-profile-page .player-search-facts { gap: 12px; }
.player-profile-page .player-search-facts article {
  min-height: 126px;
  padding: 20px;
  border-color: #d9e4dd;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(18, 54, 36, .035);
}
.player-profile-page .player-search-facts article:nth-child(1) { border-top: 3px solid #276f4d; }
.player-profile-page .player-search-facts article:nth-child(2) { border-top: 3px solid #8ebd37; }
.player-profile-page .player-search-facts article:nth-child(3) { border-top: 3px solid #3d7f9e; }
.player-profile-page .player-search-facts article:nth-child(4) { border-top: 3px solid #d9a73d; }
.player-profile-page .player-search-facts small { font-size: 10px; }
.player-profile-page .player-search-facts strong { font-size: 24px; }
.player-profile-page .player-editorial-base { gap: 16px; margin: 20px 0; }
.player-profile-page .player-editorial-base > article,
.player-profile-page .tracking-day,
.player-profile-page .player-faq {
  border-color: #d9e4dd;
  border-radius: 20px;
  box-shadow: 0 8px 28px rgba(18, 54, 36, .04);
}
.player-profile-page .player-editorial-base p { font-size: 14px; }
.player-profile-page .surface-elo-grid span {
  padding: 17px 10px;
  background: #eef5f0;
}
.player-profile-page .surface-elo-grid b { color: #143d2a; font-size: 20px; }
.player-profile-page .player-results-card { scroll-margin-top: 82px; overflow: hidden; }
.player-profile-page #elo,
.player-profile-page #courtvalue-record { scroll-margin-top: 82px; }
.player-profile-page .player-faq details:not([open]) summary:hover { color: #278055; }
.player-profile-page .player-courtvalue-record {
  margin-top: 54px;
  padding: 30px;
  border: 1px solid #d7e1da;
  border-radius: 22px;
  background: #edf2ee;
}
.player-profile-page .player-courtvalue-record > header small { color: #536a5d; }

@media (max-width: 700px) {
  .player-profile-shell { padding-top: 20px !important; }
  .player-profile-page .player-seo-identity {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 17px;
    padding: 22px;
    border-radius: 20px;
  }
  .player-profile-page .player-seo-photo {
    width: 82px;
    height: 82px;
    box-shadow: 0 0 0 5px #eef6e3;
  }
  .player-profile-page .player-seo-identity h1 { font-size: 34px; }
  .player-profile-page .player-seo-identity .player-identity-line { font-size: 13px; }
  .player-profile-page .player-seo-identity .player-seo-copy > p:not(.player-identity-line):not(.player-profile-actions) { grid-column: 1 / -1; }
  .player-profile-page .player-profile-actions { grid-column: 1 / -1; }
  .player-section-nav { width: 100%; }
  .player-profile-page .player-courtvalue-record { padding: 22px; }
}

@media (max-width: 470px) {
  .player-profile-page .player-seo-identity { display: grid; }
  .player-profile-page .player-seo-copy { display: contents; }
  .player-profile-page .player-seo-copy > small,
  .player-profile-page .player-seo-copy > h1,
  .player-profile-page .player-seo-copy > .player-identity-line { grid-column: 2; }
  .player-profile-page .player-seo-copy > small { align-self: end; }
  .player-profile-page .player-seo-copy > h1 { align-self: center; margin: 0; font-size: 29px; }
  .player-profile-page .player-seo-copy > .player-identity-line { align-self: start; margin: 0; }
  .player-profile-page .player-seo-copy > p:not(.player-identity-line) { grid-column: 1 / -1; }
}

.player-directory-tools {
  position: sticky;
  z-index: 4;
  top: 10px;
  margin-bottom: 22px;
  padding: 16px;
  border: 1px solid #d4dfd8;
  border-radius: 17px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 12px 30px rgba(18, 54, 36, .08);
  backdrop-filter: blur(12px);
}
.player-directory-tools label {
  display: block;
  margin: 0 0 8px;
  color: #214735;
  font-size: .82rem;
  font-weight: 800;
}
.player-directory-tools > div { display: flex; align-items: center; gap: 13px; }
.player-directory-tools input {
  width: 100%;
  min-height: 48px;
  padding: 0 15px;
  border: 1px solid #c8d6ce;
  border-radius: 11px;
  background: #f8faf8;
  color: #152a20;
  font: inherit;
}
.player-directory-tools input:focus { border-color: #2c8158; outline: 3px solid rgba(44, 129, 88, .14); }
.player-directory-tools span { flex: 0 0 auto; color: #68766e; font-size: .82rem; }
.player-directory-grid > a { min-height: 270px; }
.player-directory-grid dl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin: 15px 0;
}
.player-directory-grid dl div { padding: 10px 7px; border-radius: 9px; background: #eff4f0; text-align: center; }
.player-directory-grid dt { color: #69776f; font-size: .65rem; }
.player-directory-grid dd { margin: 5px 0 0; color: #173d2b; font: 800 .84rem var(--font-mono); }
.player-directory-grid > a > b { margin-top: auto; color: #27744f; font-size: .78rem; }
.player-directory-empty { padding: 36px; border: 1px dashed #bdcbc2; border-radius: 16px; color: #65746b; text-align: center; }
@media (max-width: 620px) {
  .player-directory-tools > div { align-items: stretch; flex-direction: column; gap: 8px; }
  .player-directory-tools span { padding-left: 3px; }
}

.editorial-shell {
  padding: 0 0 90px;
}
.editorial-summary {
  grid-template-columns: repeat(5, 1fr) !important;
  margin-top: -34px;
  position: relative;
}
.editorial-intro,
.editorial-copy,
.tournament-editorial-base {
  margin: 18px 0;
  padding: 30px;
  border: 1px solid #d7e1da;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(18, 46, 32, 0.05);
}
.editorial-intro > small,
.editorial-picks > small,
.editorial-copy > small,
.player-editorial-base small,
.tournament-editorial-base > small,
.research-roadmap > small,
.research-grid > article > small {
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.14em;
  color: #168b59;
}
.editorial-intro h2,
.editorial-picks h2,
.editorial-copy h2,
.tournament-editorial-base h2,
.research-roadmap h2 {
  margin: 9px 0 14px;
}
.editorial-intro p,
.editorial-copy p,
.tournament-editorial-base p {
  color: #5f6e66;
  font-size: 14px;
  line-height: 1.75;
}
.editorial-picks {
  padding: 28px 0;
}
.editorial-pick-list {
  display: grid;
  gap: 12px;
}
.editorial-pick-card {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) minmax(360px, 1.3fr) auto;
  gap: 22px;
  align-items: center;
  padding: 20px;
  border: 1px solid #dce4de;
  border-left: 4px solid #18a467;
  border-radius: 15px;
  background: #fff;
  color: #1a2b22;
  text-decoration: none;
}
.editorial-pick-card.lost {
  border-left-color: #bd4c4c;
}
.editorial-pick-card small {
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.09em;
  color: #718077;
}
.editorial-pick-card h3 {
  margin: 7px 0;
  font-size: 16px;
}
.editorial-pick-card p {
  margin: 0;
  color: #68756e;
  font-size: 11px;
}
.editorial-pick-card em {
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  color: #168b59;
}
.editorial-card-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.editorial-card-metrics span {
  display: grid;
  gap: 5px;
  padding: 11px;
  border-radius: 10px;
  background: #f2f6f3;
}
.editorial-card-metrics b {
  font-family: var(--font-mono);
  font-size: 10px;
}
.editorial-breakdown {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin: 16px 0;
}
.editorial-breakdown > article,
.research-grid > article {
  padding: 24px;
  border: 1px solid #d9e2dc;
  border-radius: 16px;
  background: #fff;
}
.editorial-breakdown h2,
.research-grid h2 {
  margin: 8px 0 15px;
}
.editorial-breakdown p,
.research-grid p {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 12px;
  padding: 11px 0;
  margin: 0;
  border-top: 1px solid #edf1ee;
  font-size: 12px;
}
.editorial-breakdown strong,
.research-grid strong {
  font-family: var(--font-mono);
  color: #168b59;
}
.editorial-disclosure {
  padding: 14px 18px;
  border-radius: 10px;
  background: #edf3ef;
  color: #647169;
  font-size: 10px;
  line-height: 1.6;
}
.pick-review {
  padding-top: 30px;
}
.pick-review-score,
.elo-comparison {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
.pick-review-score > div,
.elo-comparison > div {
  padding: 22px;
  border: 1px solid #d9e2dc;
  border-radius: 15px;
  background: #fff;
}
.pick-review-score small,
.elo-comparison small {
  font-family: var(--font-mono);
  font-size: 8px;
  color: #718077;
}
.pick-review-score h2 {
  margin: 8px 0;
  font-size: 20px;
}
.pick-review-score p {
  margin: 0;
  color: #66736c;
  font-size: 11px;
}
.elo-comparison > div {
  display: grid;
  gap: 6px;
  text-align: center;
}
.elo-comparison b {
  font-family: var(--font-mono);
  font-size: 30px;
}
.elo-comparison span {
  font-size: 10px;
  color: #748179;
}
.elo-comparison .elo-difference {
  background: #173326;
  color: #fff;
  border-color: #173326;
}
.elo-comparison .elo-difference small,
.elo-comparison .elo-difference span {
  color: #b9c9c0;
}
.elo-comparison .elo-difference b {
  color: #c9f356;
}
.player-style-grid,
.player-editorial-base,
.research-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin: 16px 0;
}
.player-style-grid > article,
.player-editorial-base > article {
  padding: 25px;
  border: 1px solid #d9e2dc;
  border-radius: 16px;
  background: #fff;
}
.player-style-grid h2,
.player-editorial-base h2 {
  margin: 9px 0;
}
.player-style-grid p,
.player-editorial-base p {
  color: #647168;
  font-size: 12px;
  line-height: 1.7;
}
.player-style-grid dl {
  grid-template-columns: repeat(4, 1fr);
  margin-top: 15px;
}
.surface-elo-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.surface-elo-grid span {
  display: grid;
  gap: 4px;
  padding: 13px;
  border-radius: 11px;
  background: #f0f5f1;
  text-align: center;
}
.surface-elo-grid b {
  font-family: var(--font-mono);
  font-size: 16px;
}
.player-updated {
  margin: 10px 0 18px;
  color: #66736c;
  font-size: 14px;
}
.player-profile-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 16px !important;
}
.player-profile-actions .primary {
  width: auto;
  margin: 0;
}
.player-search-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 22px;
}
.player-search-facts article {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 18px;
  border: 1px solid #d9e2dc;
  border-radius: 14px;
  background: #fff;
}
.player-search-facts small,
.player-faq > header small {
  color: #647168;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}
.player-search-facts strong {
  color: #123c2b;
  font-size: 21px;
}
.player-search-facts span {
  overflow: hidden;
  color: #68766e;
  font-size: 13px;
  line-height: 1.45;
  text-overflow: ellipsis;
}
.player-current-matches {
  margin-bottom: 22px;
}
.player-current-match-list {
  display: grid;
}
.player-current-match-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 17px 20px;
  border-top: 1px solid #d9e2dc;
  color: #173326;
  text-decoration: none;
}
.player-current-match-list a:first-child { border-top: 0; }
.player-current-match-list span { display: grid; gap: 5px; }
.player-current-match-list small { color: #6b7870; font-family: var(--font-mono); font-size: 12px; }
.player-current-match-list b { font-size: 16px; }
.player-current-match-list strong { color: #1b6b46; font-size: 14px; white-space: nowrap; }
.player-recent-surfaces {
  margin: 22px 0;
}
.player-recent-surfaces > header small {
  color: #647168;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}
.player-recent-surfaces > header h2 { margin: 8px 0 15px; }
.player-recent-surfaces > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.player-recent-surfaces article {
  display: grid;
  gap: 7px;
  padding: 18px;
  border: 1px solid #d9e2dc;
  border-radius: 14px;
  background: #fff;
}
.player-recent-surfaces article small { color: #647168; font-family: var(--font-mono); font-size: 12px; }
.player-recent-surfaces article strong { color: #173326; font-size: 22px; }
.player-recent-surfaces article span { color: #68766e; font-size: 13px; }
.player-faq {
  margin: 22px 0;
  padding: 25px;
  border: 1px solid #d9e2dc;
  border-radius: 16px;
  background: #fff;
}
.player-faq > header h2 { margin: 8px 0 18px; }
.player-faq details { border-top: 1px solid #e1e8e3; }
.player-faq details:first-of-type { border-top: 0; }
.player-faq summary { padding: 16px 0; color: #173326; font-weight: 750; cursor: pointer; }
.player-faq p { margin: -3px 0 17px; color: #647168; font-size: 14px; line-height: 1.7; }
.player-courtvalue-record {
  margin: 46px 0 16px;
  padding-top: 28px;
  border-top: 1px solid #ccd7d0;
}
.player-courtvalue-record > header {
  max-width: 760px;
  margin-bottom: 18px;
}
.player-courtvalue-record > header small {
  color: #6f7c74;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}
.player-courtvalue-record > header h2 {
  margin: 8px 0;
  color: #173326;
}
.player-courtvalue-record > header p {
  margin: 0;
  color: #68766e;
  font-size: 14px;
  line-height: 1.65;
}
.player-courtvalue-summary {
  margin: 0;
  opacity: .92;
}
.player-courtvalue-summary article,
.player-courtvalue-surface-results article {
  background: #f7f9f7;
}
.player-surface-results {
  grid-template-columns: repeat(3, 1fr);
}
.tournament-editorial-base {
  margin-bottom: 16px;
}
.research-grid {
  grid-template-columns: repeat(3, 1fr);
}
.research-grid p span {
  display: grid;
}
.research-grid p span small {
  font-size: 8px;
  color: #7b8981;
}
.research-roadmap {
  margin: 40px 0;
}
.research-roadmap .seo-card-grid article {
  min-height: 190px;
  padding: 24px;
  border: 1px solid #d9e2dc;
  border-radius: 16px;
  background: #fff;
}
.research-roadmap h3 {
  font-size: 18px;
}
.research-roadmap p {
  color: #65726b;
  font-size: 12px;
  line-height: 1.65;
}
@media (max-width: 900px) {
  .editorial-summary {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .editorial-pick-card {
    grid-template-columns: 1fr;
  }
  .research-grid {
    grid-template-columns: 1fr;
  }
  .player-surface-results {
    grid-template-columns: 1fr 1fr;
  }
  .player-search-facts { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .editorial-summary {
    grid-template-columns: 1fr 1fr !important;
    margin-top: -22px;
  }
  .editorial-intro,
  .editorial-copy,
  .tournament-editorial-base {
    padding: 20px;
  }
  .editorial-card-metrics,
  .pick-review-score,
  .elo-comparison,
  .player-style-grid,
  .player-editorial-base,
  .editorial-breakdown,
  .player-surface-results {
    grid-template-columns: 1fr;
  }
  .player-search-facts { grid-template-columns: 1fr; }
  .player-recent-surfaces > div { grid-template-columns: 1fr; }
  .player-current-match-list a { align-items: flex-start; flex-direction: column; gap: 8px; }
  .player-profile-actions { align-items: flex-start; flex-direction: column; }
  .editorial-pick-card {
    padding: 16px;
  }
  .player-style-grid dl {
    grid-template-columns: repeat(2, 1fr);
  }
}

.analysis-player-identities {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px minmax(0, 1fr);
  align-items: stretch;
  gap: 14px;
  margin-top: 32px;
}
.analysis-player-id {
  position: relative;
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: center;
  gap: 17px;
  min-height: 124px;
  padding: 16px 88px 16px 16px;
  border-radius: 18px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
  width: 100%;
  min-width: 0;
  height: 100%;
}
.analysis-player-id.selected {
  background: #c9f356;
  color: #10271a;
  justify-self: start;
}
.analysis-player-odds {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
  font-family: var(--font-mono);
  color: inherit;
}
.analysis-player-odds span {
  display: block;
  font-size: 12px;
  opacity: 0.75;
}
.analysis-player-odds strong {
  display: block;
  font-size: 22px;
  font-variant-numeric: tabular-nums;
}
.analysis-player-id.opponent {
  grid-template-columns: minmax(0, 1fr) 92px;
  background: #f2f4f2;
  color: #17231d;
  text-align: right;
  justify-self: end;
}
.analysis-player-id.opponent .analysis-player-photo {
  grid-column: 2;
  grid-row: 1;
}
.analysis-player-id.opponent > div:last-child {
  grid-column: 1;
  grid-row: 1;
}
.analysis-player-id > div:last-child {
  min-width: 0;
}
.analysis-player-photo {
  position: relative;
  display: grid;
  width: 92px;
  height: 92px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(18, 54, 34, 0.15);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.55);
  font-family: var(--font-mono);
  font-size: 24px;
  font-weight: 800;
}
.analysis-player-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.analysis-player-id small {
  display: block;
  margin-bottom: 7px;
  color: inherit !important;
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.12em;
  opacity: 0.72;
}
.analysis-player-id h2 {
  margin: 0 0 7px !important;
  color: inherit !important;
  font-size: 23px !important;
  line-height: 1.05;
  overflow-wrap: anywhere;
}
.analysis-player-id p {
  margin: 0 !important;
  color: inherit !important;
  font-size: 11px !important;
  line-height: 1.5;
  opacity: 0.76;
}
.analysis-versus {
  display: grid;
  place-items: center;
  color: #c9f356;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
}
@media (max-width: 760px) {
  .analysis-player-identities {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .analysis-versus {
    height: 22px;
  }
  .analysis-player-id {
    grid-template-columns: 72px minmax(0, 1fr);
    min-height: 102px;
    padding: 13px 78px 13px 13px;
  }
  .analysis-player-id.opponent {
    grid-template-columns: 72px minmax(0, 1fr);
    text-align: left;
  }
  .analysis-player-id.opponent .analysis-player-photo {
    grid-column: 1;
    grid-row: 1;
  }
  .analysis-player-id.opponent > div:last-child {
    grid-column: 2;
    grid-row: 1;
  }
  .analysis-player-photo {
    width: 72px;
    height: 72px;
  }
  .analysis-player-id h2 {
    font-size: 19px !important;
  }
}

/* Player acquisition path */
.player-profile-page .player-seo-identity h1 {
  max-width: 820px;
  font-size: clamp(2.25rem, 4.5vw, 3.4rem);
  line-height: 1.03;
}
.player-profile-page .player-profile-actions {
  gap: 10px;
  margin-top: 20px !important;
}
.player-profile-page .player-profile-actions .player-prediction-action {
  border-color: #b8e446;
  background: #c9f356;
  color: #102419;
  box-shadow: 0 10px 24px rgba(139, 183, 42, .22);
}
.player-profile-page .player-profile-actions .player-prediction-action:hover {
  background: #d5fb68;
  transform: translateY(-1px);
}
.player-profile-page .player-profile-actions .player-source-link {
  border-color: transparent;
  color: #5a6c62;
}
.player-predictions-cta {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) auto;
  align-items: center;
  gap: 34px;
  margin: 24px 0;
  padding: 30px 32px;
  overflow: hidden;
  border: 1px solid #264d3a;
  border-radius: 22px;
  background:
    radial-gradient(circle at 92% 0, rgba(201, 243, 86, .2), transparent 38%),
    linear-gradient(135deg, #10271c, #173a29);
  color: #fff;
  box-shadow: 0 18px 42px rgba(13, 45, 29, .14);
}
.player-predictions-cta small {
  color: #c9f356;
  font-family: var(--font-mono);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.player-predictions-cta h2 {
  max-width: 680px;
  margin: 9px 0;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  letter-spacing: -.035em;
}
.player-predictions-cta p {
  max-width: 690px;
  margin: 0;
  color: #bfd0c6;
  font-size: 1rem;
  line-height: 1.65;
}
.player-predictions-cta ul {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding: 0;
  margin: 18px 0 0;
  list-style: none;
}
.player-predictions-cta li {
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  color: #dbe6df;
  font-size: .78rem;
}
.player-predictions-cta-actions {
  display: grid;
  gap: 10px;
  width: min(260px, 100%);
}
.player-predictions-cta-actions a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 12px;
  color: #fff;
  font-size: .9rem;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
}
.player-predictions-cta-actions a:first-child {
  border-color: #c9f356;
  background: #c9f356;
  color: #102419;
}
.player-predictions-cta-actions a:hover { transform: translateY(-1px); }
.tournament-current-predictions{margin:26px 0;border:1px solid #cbdaca;border-radius:18px;background:#f4f8f1;padding:22px}.tournament-current-predictions header{max-width:760px}.tournament-current-predictions header h2{margin:5px 0 7px;color:#103e2c}.tournament-current-predictions header p{margin:0;color:#627267}.tournament-current-predictions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:17px}.tournament-current-predictions a{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #d2dfcf;border-radius:12px;background:#fff;padding:13px;color:#183f2e;text-decoration:none}.tournament-current-predictions a span{min-width:0}.tournament-current-predictions a small,.tournament-current-predictions a b{display:block}.tournament-current-predictions a small{color:#75847b;font-size:10px}.tournament-current-predictions a b{margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tournament-current-predictions a strong{flex:0 0 auto;color:#216442;font-size:11px}
@media(max-width:760px){.tournament-current-predictions>div{grid-template-columns:1fr}.tournament-current-predictions a{align-items:flex-start;flex-direction:column}.tournament-current-predictions a strong{align-self:flex-end}}

@media (max-width: 760px) {
  .player-predictions-cta {
    grid-template-columns: 1fr;
    gap: 23px;
    padding: 25px 22px;
  }
  .player-predictions-cta-actions { width: 100%; }
  .player-profile-page .player-profile-actions > a { width: 100%; justify-content: center; }
  .player-profile-page .player-profile-actions .player-source-link { width: auto; }
}

/* Player identity, stat tiles and mobile-first match results */
.player-profile-page .player-seo-photo {
  align-self: start;
  margin-top: 34px;
}
.player-profile-page .player-seo-identity h1 > span {
  display: block;
  margin-top: 7px;
  color: #476055;
  font-size: .56em;
  font-weight: 650;
  letter-spacing: -.025em;
  line-height: 1.15;
}
.player-profile-page .player-search-facts .fact-positive {
  border-top-color: #29a566;
  background: linear-gradient(180deg, #f5fff8, #fff 48%);
}
.player-profile-page .player-search-facts .fact-negative {
  border-top-color: #d75b5b;
  background: linear-gradient(180deg, #fff6f6, #fff 48%);
}
.player-profile-page .player-search-facts .fact-upcoming {
  border-top-color: #3f8fb3;
  background: linear-gradient(180deg, #f3fbff, #fff 48%);
}
.player-season-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  margin-top: 20px;
}
.player-season-stats .season-stat {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 14px;
  border: 1px solid #dbe4de;
  border-radius: 13px;
  background: #f5f7f5;
}
.player-season-stats .season-stat small {
  color: #627169;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
}
.player-season-stats .season-stat b {
  color: #27362f;
  font-size: 1.25rem;
}
.player-season-stats .season-stat.positive {
  border-color: #bde3cc;
  background: #edfaf2;
}
.player-season-stats .season-stat.positive b { color: #137242; }
.player-season-stats .season-stat.negative {
  border-color: #efc7c7;
  background: #fff1f1;
}
.player-season-stats .season-stat.negative b { color: #a52c2c; }
.player-match-list { display: grid; }
.player-match-row {
  display: grid;
  grid-template-columns: 44px minmax(190px, 1fr) minmax(100px, auto);
  align-items: center;
  gap: 15px;
  padding: 19px 22px;
  border-top: 1px solid #dce5df;
  background: #fff;
}
.player-match-row:first-child { border-top: 0; }
.player-match-row:hover { background: #f9fbfa; }
.player-match-outcome {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 10px;
  background: #eef1ef;
  color: #59685f;
  font-size: 1rem;
  font-weight: 900;
}
.player-match-row.won .player-match-outcome { background: #dcf8e7; color: #147744; }
.player-match-row.lost .player-match-outcome { background: #fee8e8; color: #ab3030; }
.player-match-row.upcoming .player-match-outcome {
  width: 44px;
  background: #e5f5fb;
  color: #176886;
  font-size: .62rem;
  letter-spacing: .04em;
}
.player-match-players {
  display: grid;
  gap: 5px;
  color: #69766f;
  font-size: .95rem;
}
.player-match-players .winner { color: #152c20; font-weight: 850; }
.player-match-score {
  justify-self: end;
  color: #183326;
  font-family: var(--font-mono);
  font-size: .92rem;
  text-align: right;
  white-space: nowrap;
}
.player-match-meta {
  grid-column: 2 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 13px;
  padding-top: 12px;
  border-top: 1px solid #edf1ee;
  color: #6c7972;
  font-size: .76rem;
}
.player-match-meta span:not(:last-child)::after {
  content: "·";
  margin-left: 13px;
  color: #a2ada6;
}

@media (max-width: 760px) {
  .player-profile-page .player-seo-photo { margin-top: 29px; }
  .player-profile-page .player-seo-identity h1 { font-size: 2rem; }
  .player-season-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .player-match-row {
    grid-template-columns: 40px minmax(0, 1fr) auto;
    gap: 12px;
    padding: 17px 16px;
  }
  .player-match-score {
    max-width: 130px;
    white-space: normal;
  }
  .player-match-meta { grid-column: 1 / -1; }
}

@media (max-width: 470px) {
  .player-profile-page .player-seo-photo {
    grid-column: 1;
    grid-row: 1 / 4;
    align-self: center;
    margin-top: 0;
  }
  .player-profile-page .player-seo-copy > h1 { font-size: 1.7rem; }
  .player-profile-page .player-seo-identity h1 > span { font-size: .58em; }
  .player-match-players { font-size: .88rem; }
  .player-match-score { max-width: 96px; font-size: .8rem; }
}

/* app/analytics/analytics.css */
.analytics-page{min-height:100vh;padding-bottom:90px;background:linear-gradient(180deg,#07100c 0,#10251a 410px,#f3f6f2 410px)}.analytics-page .navlinks .active{color:#c9f356!important}.analytics-hero{padding:72px 0 76px;color:#fff}.analytics-hero small,.analytics-card header small{font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;color:#9fb3a8}.analytics-hero h1{margin:16px 0 12px;font-size:clamp(48px,7vw,82px);line-height:.95;letter-spacing:-.065em}.analytics-hero p{max-width:680px;margin:0;color:#a7b6ae;font-size:14px;line-height:1.65}.analytics-shell{display:grid;gap:16px}.analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.analytics-stats article,.analytics-card{border:1px solid #dce4de;border-radius:16px;background:#fff;box-shadow:0 14px 36px rgba(18,46,32,.07)}.analytics-stats article{display:grid;gap:8px;padding:20px}.analytics-stats span{color:#7b8981;font-family:var(--font-mono);font-size:8px;letter-spacing:.1em}.analytics-stats b{font-family:var(--font-mono);font-size:27px;color:#168b59}.analytics-card{overflow:hidden}.analytics-card>header{display:flex;align-items:end;justify-content:space-between;padding:17px 20px;background:#13231d;color:#fff}.analytics-card h2{margin:4px 0 0;font-size:19px}.analytics-card header>span{font-family:var(--font-mono);font-size:7px;color:#c9f356}.daily-chart{height:230px;display:flex;align-items:end;gap:6px;padding:26px 20px 16px;overflow-x:auto}.daily-bar{flex:1 0 20px;height:170px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.daily-bar i{display:block;width:100%;max-width:24px;min-height:5px;border-radius:5px 5px 2px 2px;background:linear-gradient(#c9f356,#16a467)}.daily-bar small{font-family:var(--font-mono);font-size:6px;color:#849188;writing-mode:vertical-rl}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rank-list{display:grid}.rank-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 17px;border-top:1px solid #edf1ee}.rank-list article:first-child{border-top:0}.rank-list span{display:flex;align-items:center;gap:10px;min-width:0}.rank-list span>b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eef4ef;color:#168b59;font-family:var(--font-mono);font-size:8px}.rank-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.rank-list small{color:#8a958f;font-family:var(--font-mono);font-size:7px}.rank-list em,.referral-list em{flex:none;color:#168b59;font-family:var(--font-mono);font-size:8px;font-style:normal}.referral-list{display:flex;flex-wrap:wrap;gap:8px;padding:18px}.referral-list span{display:flex;gap:12px;padding:9px 11px;border:1px solid #dfe7e1;border-radius:9px;background:#f7faf7;font-size:10px}.analytics-note{margin:0 3px;color:#77857d;font-family:var(--font-mono);font-size:8px;line-height:1.6}@media(max-width:700px){.analytics-page{background:linear-gradient(180deg,#07100c 0,#10251a 360px,#f3f6f2 360px)}.analytics-hero{padding:46px 0 58px}.analytics-hero h1{font-size:43px}.analytics-stats{grid-template-columns:1fr 1fr}.analytics-stats article{padding:15px}.analytics-stats b{font-size:20px}.analytics-grid{grid-template-columns:1fr}.daily-chart{height:200px}.analytics-page .navlinks a[href="/#method"],.analytics-page .navlinks a[href="/#pricing"]{display:none!important}}
.funnel-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.funnel-period{overflow:hidden;border:1px solid #dfe7e1;border-radius:13px;background:#f8faf8}.funnel-period>header{padding:11px 14px;border-bottom:1px solid #dfe7e1;background:#eef4ef}.funnel-period h3{margin:0;color:#52635a;font-family:var(--font-mono);font-size:8px;letter-spacing:.12em}.funnel-metrics{display:grid}.funnel-metrics article{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:10px 14px;border-top:1px solid #e5ebe7}.funnel-metrics article:first-child{border-top:0}.funnel-metrics article.conversion{background:#f5fde7}.funnel-metrics article>div{display:grid;gap:4px}.funnel-metrics span{font-family:var(--font-mono);font-size:7px;letter-spacing:.08em;color:#66776e}.funnel-metrics small{color:#8a968f;font-size:8px}.funnel-metrics b{flex:none;color:#168b59;font-family:var(--font-mono);font-size:24px}@media(max-width:700px){.funnel-comparison{grid-template-columns:1fr;gap:10px;padding:12px}.funnel-metrics article{min-height:58px}}
.app-adoption-note{margin:0;padding:0 16px 16px;color:#7b8981;font-size:9px;line-height:1.55}
.premium-table{overflow-x:auto}.premium-table-head,.premium-table article{display:grid;grid-template-columns:minmax(260px,1fr) 120px 130px;gap:16px;align-items:center;min-width:560px}.premium-table-head{padding:9px 18px;background:#f1f5f2;color:#7e8b84;font-family:var(--font-mono);font-size:7px;letter-spacing:.08em}.premium-table article{padding:13px 18px;border-top:1px solid #edf1ee}.premium-table article a{overflow:hidden;text-overflow:ellipsis;color:#173127;font-size:11px;font-weight:650;text-decoration:none}.premium-table article a:hover{color:#168b59;text-decoration:underline}.premium-table time{color:#718078;font-family:var(--font-mono);font-size:8px}.subscription-status{justify-self:start;padding:4px 6px;border-radius:5px;background:#e8ece9;color:#59665f;font-family:var(--font-mono);font-size:7px;letter-spacing:.06em}.subscription-status.active,.subscription-status.trialing{background:#e8f8d7;color:#347617}.subscription-status.past_due{background:#fff0d8;color:#a45a0a}.subscription-status.canceled{background:#edf0ee;color:#69736e}.premium-table>p{margin:0;padding:24px;color:#79877f;font-size:11px}
.example-readership>header{padding:22px 24px;align-items:center;gap:16px}.example-readership>header small{font-size:.75rem;color:#b8c8be}.example-readership>header h2{font-size:1.4rem;margin-top:8px}.example-readership>header>span{font-size:.75rem;white-space:nowrap;padding:8px 10px;border:1px solid #486047;border-radius:6px}
.example-readership-body{padding:24px}.example-readership-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.example-readership-metrics>div{padding:22px;background:#f3f6f2;border:1px solid #dce4de;border-radius:12px;min-width:0}.example-readership-metrics dt{font-size:.875rem;font-weight:650;color:#384e41}.example-readership-metrics dd{margin:14px 0 8px;font-family:var(--font-mono);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#173127;overflow-wrap:anywhere;line-height:1.1}.example-readership-metrics p{margin:0;font-size:.875rem;color:#52635a;line-height:1.5}.example-readership-metrics>.example-rate{background:#d8f77b;border-color:#c9ee65}
.example-readership-progress{display:grid;gap:12px;margin:24px 0;font-size:.875rem;color:#384e41}.example-readership-progress progress{appearance:none;display:block;width:100%;height:8px;border:0;border-radius:20px;overflow:hidden;background:#e8eee8}.example-readership-progress progress::-webkit-progress-bar{background:#e8eee8}.example-readership-progress progress::-webkit-progress-value{background:#29553b;border-radius:20px}.example-readership-progress progress::-moz-progress-bar{background:#29553b;border-radius:20px}
.example-readership-body>footer{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:18px;border-top:1px solid #e0e8e1;font-size:.875rem;line-height:1.6}.example-readership-body details{max-width:70ch;color:#52635a}.example-readership-body summary{cursor:pointer;color:#244332}.example-readership-body details p{margin:12px 0 0}.example-readership-body footer>a{color:#244332;font-weight:650;flex-shrink:0}
@media(max-width:700px){.example-readership>header{align-items:flex-start;flex-wrap:wrap;padding:20px}.example-readership-body{padding:16px}.example-readership-metrics{grid-template-columns:1fr;gap:10px}.example-readership-metrics>div{padding:18px}.example-readership-body>footer{flex-direction:column;gap:14px}}
.example-purchase-funnel{padding-top:22px;margin-top:22px;border-top:1px solid #e0e8e1}.example-purchase-funnel h3{font-size:1.125rem;color:#173127;margin:0 0 18px}.example-purchase-note{font-size:.875rem;color:#52635a;line-height:1.6;margin:16px 0 22px}
.article-analytics{padding:28px;margin-bottom:32px;border:1px solid #cad8cd;border-radius:20px;background:#fff}.article-analytics header small{color:#3d654c;letter-spacing:.1em}.article-analytics h2{font-size:1.8rem;margin:10px 0}.article-analytics header p{color:#586b5e}.article-table-scroll{overflow-x:auto;margin-top:24px}.article-analytics table{width:100%;border-collapse:collapse;min-width:650px}.article-analytics th,.article-analytics td{padding:16px 12px;border-bottom:1px solid #e2e9e3;text-align:right}.article-analytics th:first-child{text-align:left;max-width:430px}.article-analytics thead{background:#183426;color:#fff;font-size:.85rem}.article-analytics tbody th{font-size:.95rem;font-weight:600}.article-analytics a{color:#173728}.article-measurement{font-size:.85rem;color:#53675b;line-height:1.65;margin-top:20px}@media(max-width:600px){.article-analytics{padding:18px}}

.calculator-usage{margin-bottom:24px}.calculator-usage-table{overflow-x:auto}.calculator-usage table{width:100%;border-collapse:collapse;font-size:15px}.calculator-usage th,.calculator-usage td{padding:14px;text-align:left;border-bottom:1px solid #d9e4d7}.calculator-usage td{font:600 22px var(--font-mono),monospace}

/* app/match/match.css */
.h2h-page .player-photo img{object-fit:cover!important;object-position:center 16%!important;transform:scale(1.04)}
.h2h-page .player-photo img.flashscore-photo{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:100px!important;height:100px!important;border:2px solid rgba(201,243,86,.32);border-radius:50%;background:#10231a;box-shadow:0 12px 30px rgba(0,0,0,.32);object-fit:contain!important;object-position:center!important;transform:translate(-50%,-50%)!important}
.visual-comparison{overflow:hidden;border:1px solid #dbe4dd;border-radius:18px;background:#fff;box-shadow:0 14px 35px rgba(17,45,31,.05)}
.visual-comparison>header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:20px 24px;background:#13231d;color:#fff}
.visual-comparison header small{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:#a9c0b3}
.visual-comparison h2{margin:5px 0 0;font-size:21px}.visual-comparison header p{max-width:340px;margin:0;color:#91a198;font-size:9px;line-height:1.5;text-align:right}
.visual-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(420px,1.25fr);gap:1px;background:#e1e7e3}.radar-wrap,.percentage-bars{background:#fff}
.radar-wrap{display:grid;align-content:center;justify-items:center;padding:18px}.radar-key{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:9px}.radar-key span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:2px}.radar-key .key-a:before{background:#19a96b}.radar-key .key-b:before{background:#f39232}.radar{display:block;width:min(330px,100%);overflow:visible}.radar-grid{fill:rgba(22,164,103,.025);stroke:#dbe4dd;stroke-width:1}.radar-grid.outer{stroke:#bdc9c1}.radar line{stroke:#e1e7e3;stroke-width:1}.radar text{font-family:var(--font-mono);font-size:7px;fill:#718078;text-anchor:middle;dominant-baseline:middle}.radar-a{fill:rgba(22,164,103,.24);stroke:#139761;stroke-width:2}.radar-b{fill:rgba(243,146,50,.18);stroke:#e97816;stroke-width:2}
.percentage-bars{display:grid;align-content:center;gap:11px;padding:24px}.percentage-bars article{display:grid;gap:5px}.percentage-bars header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px}.percentage-bars header b{font-family:var(--font-mono);font-size:9px}.percentage-bars header b:last-child{text-align:right}.percentage-bars header span{color:#69766f;font-size:8px;text-align:center;text-transform:uppercase}.percentage-bars article>div{position:relative;height:7px;border-radius:99px;background:#eef2ef;overflow:hidden}.percentage-bars i{position:absolute;top:0;height:3px}.percentage-bars .bar-a{left:0;background:#16a467}.percentage-bars .bar-b{right:0;top:4px;background:#e97816}
@media(max-width:760px){.visual-comparison>header{align-items:flex-start;flex-direction:column;padding:16px}.visual-comparison header p{text-align:left}.visual-grid{grid-template-columns:1fr}.radar{width:min(280px,100%)}.percentage-bars{padding:18px 14px}.h2h-page .player-photo img{object-position:center 12%!important}.h2h-page .player-photo img.flashscore-photo{object-position:center!important}}

/* app/predictions/predictions.css */
body>main.prediction-landing{background:linear-gradient(180deg,#e7f0e7 0,#f8faf7 520px,#f1f5ef 100%)!important;color:#102d21;min-height:100vh}
.prediction-hub{padding:30px 0 72px}
.prediction-hub-heading{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:14px;border-radius:22px;background:linear-gradient(135deg,#0b3022 0%,#124a33 70%,#1a5f3d 100%);padding:clamp(24px,4vw,42px);color:#fff;box-shadow:0 18px 48px rgba(12,48,34,.16)}
.prediction-hub-heading:after{content:"";position:absolute;right:-85px;top:-120px;width:310px;height:310px;border:1px solid rgba(199,244,71,.22);border-radius:50%;box-shadow:0 0 0 45px rgba(199,244,71,.045),0 0 0 90px rgba(199,244,71,.03)}
.prediction-hub-copy{position:relative;z-index:1;max-width:680px}.prediction-hub-heading small,.prediction-event small{color:#b9d5c4;font-size:12px;font-weight:900;letter-spacing:.12em}.prediction-hub-heading h1{margin:7px 0 10px;color:#fff;font-size:clamp(32px,5vw,50px);line-height:1.02;letter-spacing:-.045em}.prediction-hub-heading p{margin:0;max-width:590px;color:#d8e7dd;font-size:16px;line-height:1.55}
.prediction-hub-total{position:relative;z-index:1;flex:0 0 auto;display:grid;min-width:116px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.09);padding:15px 17px;backdrop-filter:blur(8px)}.prediction-hub-total b{color:#c7f447;font-size:32px;line-height:1}.prediction-hub-total span{margin-top:5px;color:#e4eee7;font-size:12px;font-weight:700}
.prediction-date-nav{position:sticky;top:8px;z-index:8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 32px;border:1px solid #d2dfd0;border-radius:18px;background:rgba(255,255,255,.91);padding:8px;box-shadow:0 8px 26px rgba(18,62,44,.08);backdrop-filter:blur(12px)}.prediction-date-nav a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;border:1px solid transparent;border-radius:12px;padding:11px 13px;color:#365545;text-decoration:none}.prediction-date-nav a:hover{background:#f0f6ec}.prediction-date-nav a.active{border-color:#bde978;background:#eaf8d3;color:#123e2c}.prediction-date-nav small{grid-column:1;color:#6f8076;font-size:11px;font-weight:900;letter-spacing:.08em}.prediction-date-nav b{grid-column:1;font-size:16px}.prediction-date-nav span{grid-column:2;grid-row:1/3;color:#6d7e74;font-size:12px;font-weight:700}
.prediction-tournament-list{display:grid;gap:12px}
.prediction-tournament{overflow:hidden;border:1px solid #ccdacc;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(18,62,44,.045);transition:border-color .2s ease,box-shadow .2s ease}
.prediction-tournament:hover{border-color:#afc8b1;box-shadow:0 10px 26px rgba(18,62,44,.08)}
.prediction-tournament>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px minmax(0,1fr) auto 62px 16px;align-items:center;gap:12px;padding:15px 17px;background:#fff;color:#173e2d}
.prediction-tournament>summary::-webkit-details-marker{display:none}
.prediction-tournament>summary:hover{background:#f7faf5}.prediction-tournament-flag{font-size:29px;line-height:1;display:grid;place-items:center}.prediction-tournament-name{min-width:0}.prediction-tournament-name>b{display:block;font-size:16px;line-height:1.3;overflow-wrap:anywhere}.prediction-tournament-name>small{display:block;margin-top:3px;color:#718178;font-size:11px;font-weight:800;letter-spacing:.055em}.prediction-surface{border:1px solid #d3dfd1;border-radius:999px;background:#f3f7f1;padding:6px 9px;color:#546a5d;font-size:10px;font-weight:900;letter-spacing:.08em}.prediction-surface.clay{border-color:#ead1c3;background:#fff1e9;color:#984f2b}.prediction-surface.grass{border-color:#cfe4b8;background:#eff9e4;color:#4b7226}.prediction-surface.hard{border-color:#c5ddec;background:#eaf5fb;color:#346a89}.prediction-tournament>summary>strong{display:grid;justify-items:end;color:#173e2d;font-variant-numeric:tabular-nums}.prediction-tournament>summary>strong>b{font-size:17px}.prediction-tournament>summary>strong>small{color:#718178;font-size:10px;font-weight:700}.prediction-tournament>summary>i{width:9px;height:9px;border-right:2px solid #658071;border-bottom:2px solid #658071;transform:rotate(45deg);transition:transform .2s ease}.prediction-tournament[open]>summary{border-bottom:1px solid #d8e3d6;background:#f9fbf8}.prediction-tournament[open]>summary>i{transform:rotate(225deg)}
.prediction-match-list{padding:12px;background:#edf4e9;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.prediction-match-card{min-width:0;background:#fff;border:1px solid #d5e1d2;border-radius:12px;padding:14px;box-shadow:0 3px 10px rgba(18,62,44,.035)}
.prediction-match-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;min-width:0}
.prediction-match-meta small{font-size:12px;color:#627367;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}
.prediction-status{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.06em;color:#36513e}
.prediction-status.live{color:#a2382d}.prediction-status.finished{color:#6b756d}
.prediction-match-players{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;min-width:0}
.prediction-player{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:10px;align-items:center;min-width:0;padding:7px;border-radius:9px;background:#f5f8f2}
.prediction-player>span{min-width:0}.prediction-player img,.prediction-player i{grid-row:1;width:42px;height:48px;border-radius:7px;object-fit:contain;background:#e7efe3}
.prediction-player i{display:grid;place-items:center;font-style:normal;font-weight:800;color:#335440}
.prediction-player b{display:block;font-size:14px;line-height:1.25;overflow-wrap:anywhere}
.prediction-player small{display:block;margin-top:2px;font-size:11px;color:#718078}
.prediction-match-players em{font-size:10px;line-height:1;text-align:center;font-style:normal;color:#819087}
.prediction-match-card>a{display:block;margin-top:11px;border:1px solid #b9dc76;border-radius:9px;background:#e9f7cf;padding:11px;text-align:center;text-decoration:none;color:#103e2c;font-size:13px;font-weight:900}
.prediction-match-card>a:hover{background:#c7f447}
.prediction-note{background:#fff;border:1px solid #cfe1d5;border-radius:14px;padding:22px;color:#52665c}
.prediction-archive{margin-top:36px;border:1px solid #cfddca;border-radius:16px;background:#fff;padding:0 20px}.prediction-archive>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0}.prediction-archive>summary::-webkit-details-marker{display:none}.prediction-archive>summary span{display:grid;gap:3px}.prediction-archive>summary small{color:#65786c;font-size:10px;font-weight:900;letter-spacing:.1em}.prediction-archive>summary b{color:#103e2c;font-size:18px}.prediction-archive>summary strong{border-radius:999px;background:#edf4e9;padding:7px 10px;color:#466052;font-size:12px}.prediction-archive>p{margin:0;padding:0 0 14px;color:#607168;line-height:1.55}.prediction-archive>div{display:flex;flex-wrap:wrap;gap:7px;padding:0 0 20px}.prediction-archive a{border:1px solid #cbdccb;border-radius:999px;background:#f4f8f1;padding:7px 11px;color:#315440;text-decoration:none;font-size:12px;font-weight:800}.prediction-archive a:hover{border-color:#9bc86a;background:#e9f7cf}
.prediction-day{scroll-margin-top:100px}.prediction-day+.prediction-day{margin-top:34px;padding-top:30px;border-top:1px solid #aebfaf}.prediction-day-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 12px}.prediction-day-heading h2{margin:3px 0 0;color:#092f20;font-size:24px;font-weight:800;letter-spacing:-.02em}.prediction-day-heading small{color:#216441;font-size:11px;font-weight:950;letter-spacing:.11em}.prediction-day-heading a{border:2px solid #8cac96;border-radius:999px;background:#fff;padding:8px 13px;color:#173f2d;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 2px 8px rgba(16,62,44,.08)}
.prediction-match-page{padding:24px 0 4px}
.prediction-back{display:inline-block;margin:0 0 14px;color:#365c47;text-decoration:none;font-size:13px;font-weight:800}
.prediction-event{overflow:hidden;border:1px solid #c8d9c8;border-radius:18px;background:#fff;box-shadow:0 14px 36px rgba(13,46,32,.06)}
.prediction-event-title{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:16px 18px;background:#103e2c;color:#fff}
.prediction-event-title small{color:#bed1c3}.prediction-event-title h1{margin:3px 0 2px;font-size:clamp(20px,4vw,29px);line-height:1.15}.prediction-event-title p{margin:0;color:#d8e6dc;font-size:12px;text-transform:capitalize}
.prediction-final-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 16px;align-items:center;padding:14px 18px;border-top:1px solid #dbe6d8;background:#f2f8ed}.prediction-final-result small{grid-column:1/-1;color:#617568;font-size:10px;font-weight:900;letter-spacing:.1em}.prediction-final-result strong{color:#103e2c;font-size:18px;line-height:1.2}.prediction-final-result span{grid-column:1;color:#65786c;font-size:12px}.prediction-final-result b{grid-column:2;grid-row:2/4;align-self:center;border-radius:9px;background:#103e2c;padding:9px 12px;color:#fff;font-size:17px;font-variant-numeric:tabular-nums}
.prediction-event-players{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:9px;padding:14px}
.prediction-event-players>em{text-align:center;font-size:11px;font-style:normal;font-weight:800;color:#718078}
.prediction-event-players .prediction-player{grid-template-columns:58px minmax(0,1fr);padding:10px}
.prediction-event-players .prediction-player img,.prediction-event-players .prediction-player i{width:58px;height:66px}
.prediction-event-players .prediction-player b{font-size:16px}
.prediction-event-data{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e0e9df}
.prediction-event-data span{padding:12px 16px}.prediction-event-data span+span{border-left:1px solid #e0e9df}.prediction-event-data small{display:block}.prediction-event-data b{display:block;margin-top:3px;color:#103e2c;font-size:15px}
.prediction-calculator{padding:18px 0 26px}.prediction-calculator .match-lab{padding-top:0}.prediction-calculator .match-lab>div[hidden]{display:none}.prediction-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding-bottom:52px}.prediction-links a{border:1px solid #ccdccc;border-radius:999px;background:#fff;padding:8px 12px;color:#315440;text-decoration:none;font-size:12px;font-weight:800}
.prediction-seo{margin:0 auto 24px;border:1px solid #ceddca;border-radius:18px;background:#fff;padding:clamp(20px,4vw,36px);color:#294738}.prediction-seo>header{max-width:850px}.prediction-seo small{color:#66806e;font-size:11px;font-weight:800;letter-spacing:.08em}.prediction-seo h2{margin:5px 0 8px;color:#103e2c;font-size:clamp(19px,3vw,28px);line-height:1.15}.prediction-seo p{margin:0;color:#52665b;line-height:1.65}.prediction-seo-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0}.prediction-seo-numbers section{border:1px solid #d6e3d2;border-radius:12px;background:#f4f8f1;padding:14px;display:grid;gap:3px}.prediction-seo-numbers strong{color:#103e2c;font-size:25px}.prediction-seo-numbers span{color:#6d7d73;font-size:12px}.prediction-seo-numbers b{margin-top:5px;color:#315a43;font-size:13px}.prediction-seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prediction-seo-grid section{border-top:1px solid #dbe6d8;padding:16px 4px 4px}.prediction-seo-grid h2,.prediction-faq h2{font-size:18px}.prediction-faq{margin-top:22px}.prediction-faq details{border-top:1px solid #dbe6d8;padding:13px 0}.prediction-faq summary{cursor:pointer;color:#103e2c;font-weight:800}.prediction-faq details p{padding-top:8px}
.prediction-evidence{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:22px 0}.prediction-evidence article{min-width:0;border:1px solid #d3e1d0;border-radius:13px;background:#f5f9f2;padding:14px}.prediction-evidence article:nth-child(3){border-color:#b8d8c0;background:#eaf5ec}.prediction-evidence small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prediction-evidence b{display:block;margin:8px 0 4px;color:#103e2c;font-size:clamp(17px,2.5vw,24px);line-height:1.05}.prediction-evidence span{display:block;color:#66776d;font-size:11px;line-height:1.35}
.prediction-market-context{margin:22px 0;border:1px solid #bcd5c1;border-radius:16px;background:linear-gradient(145deg,#f7fbf4,#edf6eb);padding:20px}.prediction-market-context>header{max-width:800px}.prediction-market-context>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.prediction-market-context article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;border:1px solid #d0dfce;border-radius:12px;background:#fff;padding:14px}.prediction-market-context article small,.prediction-market-context article span{grid-column:1}.prediction-market-context article b{grid-column:2;grid-row:1/3;color:#103e2c;font-size:24px}.prediction-updated{margin-top:11px!important;color:#718078!important;font-size:11px}
.prediction-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.prediction-recent-form{overflow:hidden;border:1px solid #d5e2d2;border-radius:14px;background:#fff;padding:16px}.prediction-recent-form h2{font-size:18px}.prediction-recent-form ol{list-style:none;margin:12px 0 0;padding:0}.prediction-recent-form li{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;border-top:1px solid #e3ebe1;padding:10px 0}.prediction-recent-form li>b{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:#edf1ed;color:#52665b;font-size:12px}.prediction-recent-form li>b.won{background:#daf4e2;color:#14733b}.prediction-recent-form li>b.lost{background:#f9e2e2;color:#a42c2c}.prediction-recent-form li span{min-width:0}.prediction-recent-form li strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#203e30;font-size:12px}.prediction-recent-form li small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#75847b;font-size:10px;letter-spacing:0}.prediction-recent-form li em{color:#173e2d;font-size:11px;font-style:normal;font-weight:800;text-align:right}
.player-style-grid>.research-profile-card{display:block;color:inherit;text-decoration:none}.player-style-grid>.research-profile-card.has-profile{position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.player-style-grid>.research-profile-card.has-profile:hover{transform:translateY(-2px);border-color:#8fbd91;box-shadow:0 12px 28px rgba(16,62,44,.1)}.player-style-grid>.research-profile-card.has-profile:focus-visible{outline:3px solid #9edb42;outline-offset:3px}.research-profile-heading{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:14px}.research-profile-heading>img,.research-profile-heading>i{width:74px;height:86px;border-radius:13px;object-fit:contain;background:#e7efe3}.research-profile-heading>i{display:grid;place-items:center;color:#315a43;font-size:20px;font-style:normal;font-weight:900}.research-profile-heading>span{min-width:0}.research-profile-heading h2{margin:4px 0 0}.research-profile-heading b{display:inline-flex;align-items:center;gap:5px;margin-top:8px;border-radius:999px;background:#e9f7cf;padding:6px 9px;color:#174b31;font-size:11px;line-height:1}.research-profile-card>p{margin-bottom:16px}
.player-style-grid>.research-profile-card{border:1px solid #d9e2dc;border-radius:16px;background:#fff;padding:25px}.player-style-grid>.research-profile-card.has-profile{cursor:pointer}
.prediction-trust{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(210px,.7fr);gap:18px;margin-top:26px;border:1px solid #b9d0bf;border-left:5px solid #1d744d;border-radius:14px;background:#f2f7f1;padding:20px}.prediction-trust h2{font-size:20px}.prediction-trust dl{margin:0}.prediction-trust dl>div{border-bottom:1px solid #d6e2d4;padding:7px 0}.prediction-trust dt{color:#718078;font-size:10px;font-weight:900;letter-spacing:.08em}.prediction-trust dd{margin:3px 0 0;color:#173e2d;font-size:12px;font-weight:700}.prediction-trust nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px}.prediction-trust nav a{border:1px solid #c7d7c6;border-radius:999px;background:#fff;padding:7px 10px;color:#28523b;text-decoration:none;font-size:11px;font-weight:800}
@media(max-width:760px){.prediction-seo{border-radius:14px;padding:18px 14px}.prediction-seo-numbers,.prediction-seo-grid,.prediction-form-grid,.prediction-market-context>div,.prediction-trust{grid-template-columns:1fr}.prediction-seo-numbers strong{font-size:22px}.prediction-evidence{grid-template-columns:repeat(2,minmax(0,1fr))}.prediction-evidence article:nth-child(3){grid-column:1/-1}.prediction-trust nav{grid-column:1}.prediction-recent-form li{grid-template-columns:29px minmax(0,1fr)}.prediction-recent-form li em{grid-column:2;text-align:left}.research-profile-heading{grid-template-columns:64px minmax(0,1fr);gap:12px}.research-profile-heading>img,.research-profile-heading>i{width:64px;height:74px}}
@media(max-width:760px){.prediction-hub{padding-top:18px}.prediction-hub-heading{align-items:flex-start;border-radius:18px;padding:23px 18px}.prediction-hub-heading p{font-size:14px}.prediction-hub-total{min-width:78px;padding:11px}.prediction-hub-total b{font-size:25px}.prediction-hub-total span{font-size:10px}.prediction-date-nav{top:5px;gap:5px;margin-bottom:25px;padding:5px;border-radius:14px}.prediction-date-nav a{display:block;padding:9px 7px;text-align:center}.prediction-date-nav small,.prediction-date-nav b,.prediction-date-nav span{display:block}.prediction-date-nav b{margin-top:2px;font-size:14px}.prediction-date-nav span{margin-top:3px;font-size:10px}.prediction-match-list{grid-template-columns:1fr;padding:7px}.prediction-tournament>summary{grid-template-columns:34px minmax(0,1fr) auto 14px;padding:12px 10px;gap:8px}.prediction-tournament-flag{font-size:23px}.prediction-tournament-name>b{font-size:14px}.prediction-surface{display:none}.prediction-tournament>summary>strong>small{display:none}.prediction-match-card{padding:10px}.prediction-archive{padding:0 14px}.prediction-event-players{grid-template-columns:1fr;gap:5px}.prediction-event-players>em{padding:2px}.prediction-event-players .prediction-player{grid-template-columns:48px minmax(0,1fr)}.prediction-event-players .prediction-player img,.prediction-event-players .prediction-player i{width:48px;height:54px}.prediction-event-data span{padding:11px}.prediction-event-title{grid-template-columns:38px minmax(0,1fr);padding:14px}.prediction-event-title .prediction-tournament-flag{font-size:27px}}
@media(max-width:480px){.prediction-hub-heading{display:block}.prediction-hub-total{display:inline-grid;margin-top:18px;min-width:95px}.prediction-day-heading h2{font-size:20px}.prediction-day-heading a{padding:7px 10px}.prediction-tournament-name>small{font-size:10px}}
.prediction-match-challenge{margin:12px 0 0;color:#4b5f53;font-size:13px;line-height:1.55}

/* app/news/news.css */
.news-story{max-width:900px;padding-top:36px;padding-bottom:48px;font-size:1.0625rem;line-height:1.8}.news-story section{margin:34px 0}.news-story h2{line-height:1.25;font-size:1.6rem}.news-byline{font-size:.875rem}.news-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.news-stats div{background:#eaf0e9;padding:20px;border-radius:16px}.news-stats dt{font-size:.875rem}.news-stats dd{margin:4px 0;font-size:2rem;font-weight:800;color:#173728}.news-cta{margin:36px 0;padding:28px;border-radius:20px;background:#183426;color:#fff}.news-cta h2,.news-cta p{color:inherit}.news-cta a{display:inline-block;margin:8px 12px 8px 0;padding:12px 16px;border-radius:10px;background:#c9f356;color:#173728;font-weight:700;font-size:1rem;text-decoration:none}.news-story a{overflow-wrap:anywhere}@media(max-width:600px){.news-stats{grid-template-columns:1fr}.news-stats div{display:flex;justify-content:space-between;align-items:center;gap:12px}.news-cta{padding:20px}.news-cta a{display:block;margin:10px 0}}
.news-cover{margin:0 0 28px}.news-cover img{width:100%;height:auto;display:block;border-radius:22px}.news-cover figcaption{font-size:.75rem;color:#526759;margin-top:8px}.news-card-image{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;border-radius:12px;margin-bottom:20px}.news-chart{margin:36px 0;padding:28px;background:#10291f;color:#f1f6ef;border:1px solid #31513c;border-radius:22px}.news-chart h2{color:#fff;margin:12px 0}.news-chart p{color:#c7d4c8;font-size:.9rem}.news-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.75rem;letter-spacing:.14em;color:#d0f46c}.news-chart-heading img{border-radius:10px}.news-chart-rows{display:grid;gap:24px;margin-top:28px}.news-chart-label{display:flex;justify-content:space-between;gap:16px;font-size:.9rem;margin-bottom:8px}.news-chart-label strong{color:#d0f46c}.news-chart-track{height:16px;border-radius:5px;background:#2b4437;position:relative}.news-chart-bar{height:100%;display:block;background:#d0f46c;border-radius:5px}.news-chart-bar.secondary{background:#b1c6bd}.news-chart-dot{position:absolute;top:-2px;width:20px;height:20px;transform:translateX(-50%);border-radius:50%;background:#d0f46c}.news-chart-axis{display:flex;justify-content:space-between;font-size:.75rem;color:#b1c6bd;margin-top:10px}.news-chart figcaption{border-top:1px solid #3a5142;padding-top:18px;margin-top:24px;font-size:.75rem;color:#c7d4c8}.news-chart figcaption a{color:#d0f46c}.news-story>section{max-width:720px;margin-left:auto;margin-right:auto}.news-story>section h2{letter-spacing:-.025em}.news-story>section:first-of-type p:first-letter{font-size:2.8rem;font-weight:700;line-height:1;float:left;padding:5px 8px 0 0;color:#173728}@media(max-width:600px){.news-chart{padding:20px}.news-chart-label{font-size:.8rem}.news-cover img{border-radius:14px}}
.news-portraits{margin:0 0 30px}.news-portrait-grid{position:relative;display:grid;grid-template-columns:1fr;background:#10291f;border-radius:18px;overflow:hidden}.news-portrait-grid.paired{grid-template-columns:1fr 1fr;gap:3px}.news-portrait{position:relative;min-width:0;height:440px;overflow:hidden}.news-portrait>img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}.news-portrait>span{position:absolute;inset:auto 0 0;padding:45px 24px 22px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.85));font-size:1.5rem;font-weight:700}.news-brand-signature{position:absolute!important;top:16px;right:16px;width:64px!important;height:64px!important;object-fit:contain!important;border-radius:8px;box-shadow:0 2px 12px #0004}.news-portraits figcaption{font-size:.75rem;color:#53675b;line-height:1.7;padding-top:10px}.news-portraits.compact{margin-bottom:22px}.news-portraits.compact .news-portrait{height:230px}.news-portraits.compact .news-portrait>span{font-size:1rem;padding:35px 14px 14px}.news-portraits.compact .news-brand-signature{width:40px!important;height:40px!important;top:10px;right:10px}.news-inline-photo{margin:30px 0;border-bottom:1px solid #cfdbd1;padding-bottom:18px}.news-inline-photo>div{position:relative;background:#10291f;overflow:hidden;border-radius:12px}.news-inline-photo>div>img:first-child{display:block;width:100%;height:480px;object-fit:contain}.news-inline-photo figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.875rem;line-height:1.7;margin-top:12px}.news-inline-photo figcaption span{color:#53675b;font-size:.75rem}@media(max-width:600px){.news-portrait{height:300px}.news-portrait>span{font-size:1.1rem;padding:35px 14px 16px}.news-inline-photo>div>img:first-child{height:360px}.news-brand-signature{width:48px!important;height:48px!important}}
.news-section-source{font-size:.8rem!important;margin-top:10px;color:#526759}.news-section-source a{color:inherit}
.news-verdict{padding:24px;border-left:5px solid #b5df45;background:#eaf0e9;margin:24px 0}.news-verdict>strong{font-size:1.25rem;color:#173728}.news-verdict p{margin:10px 0}.news-contents{padding:20px 24px;border:1px solid #cfdbd1;border-radius:12px}.news-contents ol{padding-left:24px}.news-contents li{margin:8px 0}.news-share{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.news-share a{padding:10px 14px;border:1px solid #31513c;border-radius:8px;font-size:1rem}.news-story section[id]{scroll-margin-top:100px}

/* app/tracking/tracking-history.css */
.tracking-history-head,
.tracking-history-row {
  grid-template-columns:
    minmax(300px, 1.35fr) minmax(190px, 0.9fr)
    70px 70px 80px !important;
}
.tracking-history-row > span:nth-child(2) {
  display: grid;
  gap: 3px;
}
.tracking-history-row > span:nth-child(2) > b {
  font-size: 11px;
}
.tracking-history-row > span:last-child b {
  font-family: var(--font-mono);
  font-size: 9px;
}
.tracking-history-row.won > span:last-child b {
  color: #168b57;
}
.tracking-history-row.lost > span:last-child b {
  color: #b63d3d;
}
.tracking-history-row.void > span:last-child b {
  color: #7b8982;
}
@media (max-width: 720px) {
  .tracking-history-head,
  .tracking-history-row {
    grid-template-columns:
      minmax(240px, 1.3fr) minmax(160px, 0.9fr)
      58px 58px 65px !important;
  }
}
.tracking-page {
  background: #f3f6f2 !important;
}
.tracking-top {
  background:
    radial-gradient(circle at 82% 0, #1b4931 0, transparent 34%), #07100c;
}
.tracking-shell {
  padding-top: 24px !important;
}
.admin-tracking-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  gap: 8px;
  width: 100%;
  max-width: 800px;
  margin: 0 0 18px;
}
.admin-tracking-tabs a {
  display: grid;
  grid-template-columns: 1fr 24px;
  align-items: center;
  gap: 7px;
  width: 100%;
  height: 42px;
  padding: 0 12px;
  border: 1px solid #294239;
  border-radius: 999px;
  background: #13231d;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  font-family: var(--font-mono);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  box-shadow: 0 6px 16px rgba(19, 35, 29, 0.18);
  transition:
    background 0.16s,
    border-color 0.16s,
    color 0.16s;
}
.admin-tracking-tabs a:has(b:only-child) {
  grid-template-columns: 1fr;
}
.admin-tracking-tabs a b {
  overflow: hidden;
  font: inherit;
  text-align: center;
  text-overflow: ellipsis;
}
.admin-tracking-tabs a:hover {
  border-color: #72945b;
  background: #1c342a;
  color: #fff;
}
.admin-tracking-tabs a.active,
.admin-tracking-tabs a.traps.active,
.admin-tracking-tabs a.double-up.active {
  border-color: #c9f356;
  background: #c9f356;
  color: #13231d;
  box-shadow: 0 7px 20px rgba(201, 243, 86, 0.2);
}
.admin-tracking-tabs span {
  display: grid;
  width: 24px;
  height: 20px;
  place-items: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}
.admin-tracking-tabs a.active span {
  background: rgba(19, 35, 29, 0.13);
  color: #13231d;
}
.tracking-page .archive-intro,
.tracking-stats article,
.challenge-summary article {
  border-color: #294239 !important;
  background: #13231d !important;
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(19, 35, 29, 0.14) !important;
}
.tracking-page .archive-intro {
  color: var(--cv-muted-dark) !important;
}
.tracking-stats span,
.challenge-summary span {
  color: var(--cv-muted-dark) !important;
}
.tracking-stats b,
.tracking-page .tracking-stats .positive,
.tracking-page .tracking-stats .negative,
.challenge-summary b,
.tracking-page .challenge-summary .positive,
.tracking-page .challenge-summary .negative {
  color: var(--cv-muted-dark) !important;
}
.admin-tracking {
  display: grid;
  gap: 28px;
  margin-top: 70px;
  padding-top: 50px;
  border-top: 1px solid #ced8d1;
}
.admin-tracking-title small,
.admin-tracking-heading small {
  font-family: var(--font-mono);
  font-size: 8px;
  letter-spacing: 0.13em;
  color: #168b57;
}
.admin-tracking-title h2 {
  margin: 8px 0 7px;
  font-size: 30px;
}
.admin-tracking-title p {
  margin: 0;
  color: #6d7a72;
  font-size: 13px;
}
.admin-tracking-block {
  display: grid;
  gap: 12px;
}
.admin-tracking-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding: 0 3px;
}
.admin-tracking-heading h2 {
  margin: 6px 0 0;
  font-size: 21px;
}
.admin-tracking-heading > strong {
  font-family: var(--font-mono);
  font-size: 10px;
  color: #168b57;
}
.trap-day header {
  background: #6d3414;
}
.trap-day header strong {
  color: #ffd19b;
}
.trap-saved {
  box-shadow: inset 3px 0 #e6812d;
}
.trap-saved > span:last-child b {
  color: #b85c17;
}
.challenge-day.won header {
  background: #174e35;
}
.challenge-day.lost header {
  background: #652727;
}
.challenge-day.pending header {
  background: #465149;
}
.admin-empty {
  margin: 0;
  padding: 25px;
  border: 1px solid #dce4de;
  border-radius: 14px;
  background: #fff;
  color: #738078;
  text-align: center;
}
@media (max-width: 720px) {
  .admin-tracking-tabs {
    max-width: none;
  }
  .admin-tracking-tabs a {
    min-height: 36px;
    padding: 7px 5px;
    font-size: 7px;
  }
  .admin-tracking {
    margin-top: 45px;
    padding-top: 35px;
  }
  .admin-tracking-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }
  .admin-tracking-title h2 {
    font-size: 25px;
  }
}
.challenge-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 2px;
}
.challenge-summary article {
  display: grid;
  gap: 7px;
  padding: 15px;
  border: 1px solid #dce4de;
  border-radius: 12px;
  background: #fff;
}
.challenge-summary span {
  font-family: var(--font-mono);
  font-size: 7px;
  letter-spacing: 0.09em;
  color: #7b8982;
}
.challenge-summary b {
  font-family: var(--font-mono);
  font-size: 17px;
}
@media (max-width: 720px) {
  .challenge-summary {
    grid-template-columns: 1fr 1fr;
  }
  .challenge-summary article {
    padding: 12px;
  }
  .challenge-summary b {
    font-size: 14px;
  }
}
@media (max-width: 720px) {
  .admin-tracking-tabs a {
    grid-template-columns: 1fr 20px;
    height: 40px;
    padding: 0 7px;
    font-size: 7px;
  }
  .admin-tracking-tabs span {
    width: 20px;
    height: 18px;
  }
}
@media (max-width: 720px) {
  .tracking-shell {
    padding-top: 14px !important;
  }
}
.tracking-analysis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-height: 25px;
  margin-top: 6px;
  padding: 0 10px;
  border: 1px solid #9dcf54;
  border-radius: 999px;
  background: #eefdcc;
  color: #173d27 !important;
  font-family: var(--font-mono);
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}
.tracking-analysis:hover,
.tracking-analysis:focus-visible {
  background: #c9f356;
  outline: none;
}
.warning-tracking {
  display: grid;
  gap: 22px;
}
.warning-day header {
  background: #793f0e;
}
.warning-day header strong {
  color: #ffe1b1;
}
.warning-archived {
  box-shadow: inset 3px 0 #e6812d;
}
.warning-archived > span:last-child {
  display: flex;
  align-items: center;
}
.warning-archived .tracking-analysis {
  margin: 0;
}
@media (max-width: 720px) {
  .warning-tracking {
    overflow-x: auto;
  }
}

/* app/premium/free-bet105/offer.css */
.partner-offer-page{min-height:100vh;background:#f3f6f2;color:#173326}.partner-offer-dark{background:radial-gradient(circle at 80% 20%,rgba(38,147,227,.18),transparent 34%),linear-gradient(145deg,#07100c,#132b20);color:#fff}.partner-offer-hero{display:grid;justify-items:start;gap:22px;padding-top:64px;padding-bottom:82px}.partner-lockup{display:flex;align-items:center;gap:22px}.partner-lockup>span:first-child{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:15px;letter-spacing:.08em}.partner-lockup>span:first-child img{width:74px;height:74px;border-radius:14px}.partner-lockup>i{color:#c9f356;font-size:34px;font-style:normal}.bet105-mark{display:grid;place-items:center;width:190px;height:74px;padding:8px 15px;border-radius:14px;background:#fff}.bet105-mark img{display:block;width:100%;height:100%;object-fit:contain}.partner-offer-hero>small,.partner-steps small,.partner-reward small{font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;color:#c9f356}.partner-offer-hero h1{max-width:850px;margin:0;font-size:clamp(46px,7vw,82px);line-height:.98;letter-spacing:-.055em}.partner-offer-hero h1 em{display:block;color:#c9f356;font-style:normal}.partner-offer-hero>p{max-width:720px;margin:0;color:#d4dfd8;font-size:18px;line-height:1.7}.partner-offer-hero>p strong{color:#fff}.partner-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:280px;padding:16px 19px;border-radius:10px;background:#c9f356;color:#102018;font-family:var(--font-mono);font-size:13px;font-weight:850;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.18)}.partner-primary:hover{background:#d9ff71}.partner-link-note{font-family:var(--font-mono);font-size:12px!important;color:#9fb1a7!important}.partner-steps{padding-top:70px;padding-bottom:70px}.partner-steps header{margin-bottom:30px}.partner-steps small,.partner-reward small{color:#188558}.partner-steps h2,.partner-reward h2{margin:9px 0 0;font-size:clamp(34px,5vw,54px);letter-spacing:-.04em}.partner-steps>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.partner-steps article{padding:28px;border:1px solid #d5e1d8;border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(17,50,33,.07)}.partner-steps article>b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#173326;color:#c9f356;font-family:var(--font-mono)}.partner-steps h3{margin:24px 0 10px;font-size:23px}.partner-steps p{min-height:106px;color:#52675c;font-size:16px;line-height:1.65}.partner-steps a{color:#177c50;font-weight:800}.partner-reward{display:flex;align-items:center;justify-content:space-between;gap:42px;margin-bottom:65px;padding:38px;border-radius:22px;background:#173326;color:#fff}.partner-reward>div{max-width:700px}.partner-reward p{color:#c8d7ce;font-size:16px;line-height:1.7}.partner-terms{max-width:900px;padding-bottom:70px}.partner-terms h2{font-size:30px}.partner-terms li,.partner-terms p{margin:10px 0;color:#52675c;font-size:15px;line-height:1.65}.partner-terms a{color:#177c50;font-weight:700}@media(max-width:760px){.partner-offer-hero{padding-top:42px;padding-bottom:58px}.partner-lockup{gap:11px}.partner-lockup>span:first-child b{display:none}.partner-lockup>span:first-child img{width:58px;height:58px}.partner-lockup>i{font-size:24px}.bet105-mark{width:150px;height:58px}.partner-offer-hero h1{font-size:43px}.partner-offer-hero>p{font-size:16px}.partner-primary{width:100%;min-width:0}.partner-steps{padding-top:52px;padding-bottom:52px}.partner-steps>div{grid-template-columns:1fr}.partner-steps p{min-height:0}.partner-reward{align-items:stretch;flex-direction:column;padding:26px}.partner-terms{padding-bottom:52px}}

.bet105-mark{width:220px;padding:6px 10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05)}
.partner-offer-equation{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid rgba(201,243,86,.35);border-radius:12px;background:rgba(201,243,86,.09);font-family:var(--font-mono);font-size:14px;text-transform:uppercase}
.partner-offer-equation span{color:#c9f356;font-size:20px}
.partner-quick-steps{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.partner-quick-steps li{display:flex;align-items:center;gap:12px;color:#edf4ef;font-size:17px}
.partner-quick-steps b{display:grid;flex:0 0 30px;place-items:center;width:30px;height:30px;border-radius:50%;background:#c9f356;color:#102018;font-family:var(--font-mono);font-size:12px}
.partner-quick-steps a{color:#fff;font-weight:800}
.partner-reward{margin-top:70px}
@media(max-width:760px){.bet105-mark{width:170px}.partner-offer-equation{align-items:flex-start;flex-direction:column;gap:3px}.partner-offer-equation span{display:none}.partner-quick-steps li{align-items:flex-start;font-size:15px;line-height:1.45}.partner-reward{margin-top:52px}}

.partner-offer-options{display:flex;flex-wrap:wrap;gap:14px;width:100%}.partner-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 19px;border:1px solid #c9f356;border-radius:10px;color:#c9f356;font-family:var(--font-mono);font-size:13px;font-weight:850;text-decoration:none}.partner-secondary:hover{background:rgba(201,243,86,.1)}.partner-offer-options a:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:760px){.partner-secondary{width:100%;box-sizing:border-box}}

/* app/premium/player-profit/profit.css */
.profit-page {
  min-height: 100vh;
  background: #f4f7f5;
  color: #142c22;
}
.profit-hero {
  padding-top: 48px;
  padding-bottom: 48px;
}
.profit-hero small,
.profit-panel small {
  font: 700 0.75rem var(--font-mono);
  letter-spacing: 0.08em;
}
.profit-hero small {
  color: #c9f356;
}
.profit-hero h1 {
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1.1;
  margin: 16px 0;
}
.profit-hero p {
  font-size: 1rem;
  max-width: 650px;
  color: #d7e3dc;
}
.profit-hero a {
  display: inline-block;
  margin-top: 16px;
  color: #c9f356;
}
.profit-content {
  padding-top: 32px;
  padding-bottom: 60px;
}
.profit-filter {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 24px;
  font-size: 1rem;
}
.profit-filter select,
.profit-filter button {
  font: inherit;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #bccdc2;
  background: white;
  color: #142c22;
}
.profit-filter button {
  background: #163e2c;
  color: white;
  border-color: #163e2c;
  cursor: pointer;
}
.profit-filter :focus-visible {
  outline: 3px solid #497e60;
  outline-offset: 3px;
}
.profit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.profit-panel {
  min-width: 0;
  background: white;
  border: 1px solid #d9e4dc;
  border-radius: 14px;
  overflow: hidden;
}
.profit-panel header {
  padding: 24px;
  background: #163e2c;
  color: white;
}
.profit-panel small {
  color: #c9f356;
}
.profit-panel h2 {
  margin: 10px 0 0;
  font-size: 1.5rem;
}
.profit-table-wrap {
  overflow-x: auto;
}
.profit-panel table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.profit-panel th,
.profit-panel td {
  padding: 14px 10px;
  text-align: right;
  border-bottom: 1px solid #e7ede9;
  white-space: nowrap;
}
.profit-panel th:nth-child(2),
.profit-panel tbody th {
  text-align: left;
  white-space: normal;
  min-width: 100px;
}
.profit-panel thead {
  background: #eef4ef;
}
.profit-panel tbody tr:first-child {
  background: #f4fadf;
}
.profit-positive {
  color: #205f39;
  font-weight: 800;
}
.profit-negative {
  color: #9d3333;
  font-weight: 800;
}
.profit-note {
  font-size: 0.875rem;
  line-height: 1.65;
  color: #52675b;
  margin-top: 24px;
}
.profit-empty {
  padding: 28px;
  font-size: 1rem;
}
.profit-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
@media (max-width: 1000px) {
  .profit-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .profit-panel th,
  .profit-panel td {
    padding: 12px 8px;
  }
  .profit-hero {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.player-profit-link {
  display: flex;
  flex-direction: column;
  gap: 3px;
  color: #163e2c;
  text-decoration: underline;
  text-decoration-color: #9bb3a3;
  text-underline-offset: 3px;
}
.player-profit-link small {
  font-size: 0.72rem;
  color: #557064;
  text-decoration: none;
}
.player-profit-link.selected {
  color: #0b3d24;
  background: #e8f7ba;
  border-radius: 6px;
  padding: 6px 8px;
  text-decoration: none;
  box-shadow: inset 3px 0 #83b51f;
}
.player-profit-link.selected small {
  color: #315126;
  font-weight: 700;
}

/* app/tennis-value-bets/value-bets.css */
.predictions-page{background:#f3f6f2}.predictions-hero{padding-bottom:70px}.predictions-hero p{max-width:720px}.predictions-hero-actions{display:flex;align-items:center;gap:18px;margin-top:25px}.predictions-hero-actions a{color:#e3ece6;font:800 11px/1.2 var(--font-mono);text-decoration:none}.predictions-hero-actions .primary{padding:14px 18px;border-radius:9px;background:#c9f356;color:#102018}.predictions-shell{display:grid;gap:28px;padding:46px 0 90px}.predictions-status,.predictions-record,.predictions-faq{overflow:hidden;border:1px solid #d9e4dc;border-radius:20px;background:#fff;box-shadow:0 18px 55px rgba(18,45,31,.08)}.predictions-status>header,.predictions-record>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid #e4ebe6;background:#f8fbf8}.predictions-status small,.predictions-record small,.predictions-explainer small,.predictions-paths small,.predictions-faq>small{color:#5d7468;font:800 9px/1.3 var(--font-mono);letter-spacing:.09em}.predictions-status h2,.predictions-record h2,.predictions-explainer h2,.predictions-paths h2,.predictions-faq h2{margin:7px 0 0;color:#173326}.predictions-status>header>span{color:#5b6e63;font:700 10px/1.2 var(--font-mono)}.predictions-status-grid{display:grid;grid-template-columns:repeat(3,1fr)}.predictions-status-grid article{padding:26px 28px;border-right:1px solid #e4ebe6}.predictions-status-grid article:last-child{border:0}.predictions-status-grid span{display:block;color:#687d71;font:800 9px/1.2 var(--font-mono);letter-spacing:.06em}.predictions-status-grid b{display:block;margin:10px 0 7px;color:#173326;font-size:38px}.predictions-status-grid p,.predictions-privacy{margin:0;color:#5c6f64;font-size:13px;line-height:1.55}.predictions-privacy{padding:18px 28px;border-top:1px solid #e4ebe6;background:#f8faf8}.predictions-card-link{display:flex;justify-content:space-between;padding:17px 28px;background:#173326;color:#c9f356;font:800 10px/1.2 var(--font-mono);text-decoration:none}.predictions-explainer{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;padding:42px;border:1px solid #d9e4dc;border-radius:20px;background:#eaf1eb}.predictions-explainer h2{font-size:34px;line-height:1}.predictions-explainer p{margin:0 0 15px;color:#4f6559;font-size:15px;line-height:1.7}.predictions-record>header>a{color:#173326;font:800 10px/1.2 var(--font-mono)}.predictions-record .daily-result-summary{margin:22px 24px}.predictions-results{display:grid;border-top:1px solid #e4ebe6}.predictions-results>a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:13px 26px;border-bottom:1px solid #edf1ee;color:#173326;text-decoration:none}.predictions-results>a:last-child{border:0}.predictions-results>a>span:nth-child(2){display:grid;gap:3px}.predictions-results b{font-size:13px}.predictions-results small{font-size:9px}.predictions-results strong{font:800 11px/1 var(--font-mono)}.predictions-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.predictions-paths article{padding:26px;border:1px solid #d9e4dc;border-radius:16px;background:#fff}.predictions-paths h2{font-size:20px}.predictions-paths p{min-height:68px;color:#5c6f64;font-size:13px;line-height:1.55}.predictions-paths a{color:#173326;font:800 10px/1.2 var(--font-mono)}.predictions-faq{padding:32px}.predictions-faq h2{margin-bottom:22px;font-size:30px}.predictions-faq details{border-top:1px solid #e1e8e3}.predictions-faq summary{padding:17px 0;color:#173326;font-weight:800;cursor:pointer}.predictions-faq p{margin:0;padding:0 0 18px;color:#5c6f64;line-height:1.65}.predictions-disclaimer{margin:0;color:#64766c;font-size:11px;line-height:1.6;text-align:center}@media(max-width:760px){.predictions-hero-actions{align-items:stretch;flex-direction:column}.predictions-status>header,.predictions-record>header{align-items:flex-start;flex-direction:column}.predictions-status-grid,.predictions-paths{grid-template-columns:1fr}.predictions-status-grid article{border-right:0;border-bottom:1px solid #e4ebe6}.predictions-explainer{grid-template-columns:1fr;gap:22px;padding:28px 22px}.predictions-record .daily-result-summary{grid-template-columns:repeat(2,1fr);margin:16px}.predictions-results>a{padding:12px 16px}.predictions-results b{font-size:11px}.predictions-paths p{min-height:0}.predictions-faq{padding:24px 20px}}