/* V3: V2 content, geometry and motion with V1's green / yellow / cream palette.
   These overrides change material and color only; responsive layout stays in V2. */
@font-face {
  font-family:'CP Marquee';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url(fonts/barlow-condensed-600.ttf) format('truetype');
}
:root {
  --v3-deep:#062817;
  --v3-green:#0b3d23;
  --v3-yellow:#fee417;
  --v3-primary:var(--v3-yellow);
  --v3-primary-image:url(v3-yellow-leather.webp?v=1);
  --v3-cream:#fffef8;
  --v3-paper:#fffce8;
  --v3-muted:#607066;
  --v2-red:var(--v3-green);
  --v2-red-hover:var(--v3-deep);
  --v2-ink:var(--v3-deep);
  --v2-muted:var(--v3-muted);
  --v2-paper:var(--v3-paper);
  --v2-line:#e5dca6;
  --v2-leather-image:url(v3-green-leather.webp?v=1);
}
body.cp-site.cp-v3 { background:var(--v3-cream); color:var(--v3-deep); }
.cp-site.cp-v3 ::selection { background:var(--v3-yellow); color:var(--v3-deep); }
.cp-site.cp-v3 :is(a,button,summary):focus-visible { outline-color:var(--v3-green); }

/* Keep the selected stitched ticket silhouette, using V1's yellow header. */
.cp-site.cp-v3 .cp-header { background:var(--v3-cream); }
.cp-site.cp-v3 .cp-header .cp-nav-wrap {
  background:var(--v3-yellow) url(v3-yellow-leather.webp?v=1) center/cover;
  color:var(--v3-deep);
  box-shadow:0 7px 18px #06281715,inset 0 1px 2px #fffef899;
}
.cp-site.cp-v3 .cp-header .cp-nav-wrap::before { border-color:#365332a6; }
.cp-site.cp-v3 .cp-header .cp-nav-wrap::after {
  background:radial-gradient(circle at 0 50%,#fffef8 0 15px,transparent 16px),radial-gradient(circle at 100% 50%,#fffef8 0 15px,transparent 16px);
}
.cp-site.cp-v3 .cp-header .cp-brand,.cp-site.cp-v3 .cp-header .cp-nav-actions { border-color:#36533280; }
.cp-site.cp-v3 .cp-header :is(.cp-nav > a,.cp-contact-link) { color:var(--v3-deep); }
.cp-site.cp-v3 .cp-header .cp-nav > a.is-active { color:var(--v3-deep); }
.cp-site.cp-v3 .cp-header .cp-nav > a.is-active::after { background:var(--v3-deep); }
.cp-site.cp-v3 .cp-header .cp-nav-actions .cp-button {
  background:var(--v3-cream); color:var(--v3-deep); border-color:#36533280;
  box-shadow:0 3px 8px #06281720;
}
.cp-site.cp-v3 .cp-header .cp-nav-actions .cp-button:hover { background:#fff9c7; color:var(--v3-deep); }
.cp-site.cp-v3 .cp-header .cp-menu-toggle span { background:var(--v3-deep); }
.cp-site.cp-v3 .cp-header :is(a,button):focus-visible { outline-color:var(--v3-deep); }

/* A light V1 cream surface keeps the live tablet and rear bat clearly defined. */
#cp-main-content .cp-home-hero.edition-hero.hero-live { background:var(--v3-cream); }
.cp-site.cp-v3 .cp-home-hero { --deep:#062817; --secondary:#0b3d23; --yellow:#fee417; --red:#d32f2f; }
.cp-site.cp-v3 .cp-home-hero .cp-hero-eyebrow { color:#79121e; }
#cp-main-content .cp-hero-heading :is(.title-ink,.title-accent) { color:#79121e; }
.cp-site.cp-v3 .cp-hero-mark { color:#79121e; }
/* Red cricket-ball leather belongs to the hero type, independent of V3's yellow surfaces. */
@supports (background-clip:text) {
 .cp-site.cp-v3 #cp-main-content .cp-hero-heading :is(.title-ink,.title-accent,.cp-hero-mark) {
  background-image:url(v2-leather-material.webp?v=2); background-size:cover; background-position:center;
  background-clip:text; -webkit-background-clip:text; color:transparent;
 }
}
@media (forced-colors:active) {
 .cp-site.cp-v3 #cp-main-content .cp-hero-heading :is(.title-ink,.title-accent,.cp-hero-mark) { background-image:none; color:CanvasText; }
}
.cp-site.cp-v3 #cp-main-content .hero-live .cp-hero-desc { color:#3f5747; }
.cp-site.cp-v3 :is(.stores-rating,.cp-hero-preview-caption) { color:#526956; }
.cp-site.cp-v3 .cp-hero-preview-caption svg { color:var(--v3-green); }
.cp-site.cp-v3 #cp-main-content .cp-hero-actions > .cp-hero-watch {
  background:transparent; border-color:var(--v3-green); color:var(--v3-deep);
}
.cp-site.cp-v3 #cp-main-content .cp-hero-actions > .cp-hero-watch:hover { background:#f2f2d9; }
.cp-site.cp-v3 #cp-main-content .cp-hero-actions > .cp-hero-watch > span { color:var(--v3-green); }
.cp-site.cp-v3 :is(.cp-button,.cp-mobile-signin),
.cp-site.cp-v3 #cp-main-content .hero-actions .button {
  background-color:var(--v3-primary); background-image:var(--v3-primary-image);
  color:var(--v3-deep); border-color:#d8c51d;
}
.cp-site.cp-v3 .cp-button:hover,.cp-site.cp-v3 #cp-main-content .hero-actions .button:hover {
  background-color:#f2d90b; background-image:linear-gradient(#9f8c000c,#9f8c000c),var(--v3-primary-image); color:var(--v3-deep);
}
/* Live, cricket leather and DRS verdicts retain their semantic colors. */
.cp-site.cp-v3 .hero-live .v2-tablet .hero-live-badge { background:#f00; background-image:none; color:#fff; }

.cp-site.cp-v3 .cp-about { --about-background:#fffbd8; --about-green:#062817; }
.cp-site.cp-v3 .cp-about-ribbon path { stroke:#c1cda5; }
.cp-site.cp-v3 .cp-about-photo { background-color:var(--v3-primary); background-image:var(--v3-primary-image); }
.cp-site.cp-v3 .cp-platform { background:#fffdf1; color:var(--v3-deep); }
.cp-site.cp-v3 .cp-platform h2 { color:var(--v3-deep); }
.cp-site.cp-v3 .cp-platform-bottom > p { color:#657d6b; }
.cp-site.cp-v3 :is(.cp-platform-features li,.cp-platform-link) { color:#244d36; }
.cp-site.cp-v3 .cp-platform-group {
  background:var(--v3-yellow);
}
.cp-site.cp-v3 .cp-platform-group > span {
  color:var(--v3-deep);
  font-family:'CP Marquee','Arial Narrow',sans-serif;
  font-weight:600;
  letter-spacing:.005em;
}
.cp-site.cp-v3 .cp-platform-group i { color:#fff; }
.cp-site.cp-v3 .cp-platform-group::before,.cp-site.cp-v3 .cp-platform-group::after {
  display:none;
  content:none;
}

/* Yellow is the primary card surface; green is reserved for readable ink. */
.cp-site.cp-v3 .cp-auction { background:#fffce8; color:var(--v3-deep); }
.cp-site.cp-v3 .cp-auction h2 { color:var(--v3-deep); }
.cp-site.cp-v3 .cp-auction-card { background:#fffef8; border-color:#d9dfc4; }
.cp-site.cp-v3 .cp-auction-card:nth-child(even) {
  background:var(--v3-primary) var(--v3-primary-image) center/cover;
  border-color:#d8c51d; color:var(--v3-deep);
}
.cp-site.cp-v3 :is(#auction,#ground,#how-it-works) .cp-auction-card {
  --au-ink:#062817; --au-muted:#607066; --au-line:#d9dfc4; --au-panel:#fffef8;
  --gr-ink:#062817; --gr-muted:#607066; --gr-line:#d9dfc4; --gr-panel:#fffef8;
  --how-ink:#062817; --how-muted:#607066; --how-line:#d9dfc4; --how-panel:#fffef8;
}
.cp-site.cp-v3 :is(#auction,#ground,#how-it-works) .cp-auction-card:nth-child(even) {
  --au-ink:#062817; --au-muted:#3f5747; --au-line:#36533238; --au-panel:#fffef8a6;
  --gr-ink:#062817; --gr-muted:#3f5747; --gr-line:#36533238; --gr-panel:#fffef8a6;
  --how-ink:#062817; --how-muted:#3f5747; --how-line:#36533238; --how-panel:#fffef8a6;
}
.cp-site.cp-v3 .cp-academy-gallery { background:#fff9c7; color:var(--v3-deep); --secondary:#0b3d23; --deep:#062817; --yellow:#fee417; --red:#d32f2f; }
.cp-site.cp-v3 :is(#academy,#marketplace) .fluid-stage { background:var(--v3-paper); border-color:#d8c51d; }
.cp-site.cp-v3 #platform-tools { background:#fff9c7; color:var(--v3-deep); }
.cp-site.cp-v3 .cp-tools-layout { background:#fffce8; border-color:#91a582; }
.cp-site.cp-v3 .cp-tools-nav { background:var(--v3-primary) var(--v3-primary-image) center/cover; color:var(--v3-deep); }
.cp-site.cp-v3 .cp-tools-appbar { background:#fffce8; color:#3f5747; border-color:#d9dfc4; }
.cp-site.cp-v3 .cp-tools-tab { color:var(--v3-deep); }
.cp-site.cp-v3 .cp-tools-tab:hover { background:#fffef84d; color:var(--v3-deep); }
.cp-site.cp-v3 .cp-tools-tab-indicator { background:var(--v3-cream); background-image:none; border:1px solid #36533245; }
.cp-site.cp-v3 .cp-tools-tab.is-selected { color:var(--v3-deep); }
.cp-site.cp-v3 .cp-tools-appbar b { background:var(--v3-yellow); background-image:none; color:var(--v3-deep); }
.cp-site.cp-v3 .cp-tools-caption { background:#fffef8; border-color:#d9dfc4; }
.cp-site.cp-v3 .cp-tools-controls button { color:var(--v3-deep); border-color:#c4ceb2; }
.cp-site.cp-v3 .cp-tools-controls button:hover { background:var(--v3-primary); background-image:none; color:var(--v3-deep); }
.cp-site.cp-v3 .cp-home-faq { background:#fffdf1; color:var(--v3-deep); }
.cp-site.cp-v3 .cp-home-faq-toggle { background:var(--v3-primary); background-image:var(--v3-primary-image); color:var(--v3-deep); }
.cp-site.cp-v3 .cp-download { background:#fff9c7; color:var(--v3-deep); }
.cp-site.cp-v3 .cp-download .signal-node { background:#fffce8; color:var(--v3-deep); border-color:#91a582; }

/* Supporting controls and miniature UI follow the same yellow-first hierarchy. */
.cp-site.cp-v3 :is(.cp-about-play,.cp-support-link),
.cp-site.cp-v3 .cp-academy-gallery .feature-spectrum-bars button > span,
.cp-site.cp-v3 .cp-loader-track > span {
  background-color:var(--v3-primary); background-image:var(--v3-primary-image);
  color:var(--v3-deep); border-color:#d8c51d;
}
.cp-site.cp-v3 .cp-support-link:hover { background:var(--v3-primary); color:var(--v3-deep); }
.cp-site.cp-v3 .cp-academy-gallery .fluid-link .fluid-stage { background:var(--v3-paper); }
.cp-site.cp-v3 #auction :is(.auction-bid,.auction-result,.auction-live) {
  background:#fffef8; color:var(--v3-deep); border-color:#b9c39f;
}
.cp-site.cp-v3 #auction :is(.auction-bid-label,.auction-versus > span) { color:#526956; }
.cp-site.cp-v3 #auction .auction-bid-action { background:var(--v3-primary); color:var(--v3-deep); border-color:#c8b920; }
.cp-site.cp-v3 #auction .auction-add-player { background:#fffef880; border-color:#36533255; }
.cp-site.cp-v3 #auction .auction-budget-bar { background:#3653321a; border-color:#36533238; }
.cp-site.cp-v3 #auction .auction-budget-bar span { background:var(--v3-green); }
.cp-site.cp-v3 #auction .auction-squad-player .auction-role { background:#fffef899; color:var(--v3-deep); border-color:#36533238; }
.cp-site.cp-v3 #auction .auction-play { background:#fffef8bb; border-color:var(--v3-green); color:var(--v3-green); }
.cp-site.cp-v3 #auction .auction-live-ticker { background:#36533226; }
.cp-site.cp-v3 #ground :is(.ground-day.is-selected,.ground-time-chip.is-selected,.ground-match-tabs .is-selected),
.cp-site.cp-v3 #how-it-works :is(.how-role.is-selected,.how-fixture-tabs .is-selected) {
  background:var(--v3-primary); color:var(--v3-deep); border-color:#b7a919;
}
.cp-site.cp-v3 #ground .ground-ticket-meta i { background:#36533255; }
.cp-site.cp-v3 #how-it-works .how-performance-bar { background:#3653321a; border-color:#36533238; }

/* V1's flat yellow footer and simple rule above the legal links. */
.cp-site.cp-v3 .cp-footer {
  background:var(--v3-yellow);
  color:var(--v3-deep); border-color:var(--v3-green);
}
.cp-site.cp-v3 .cp-footer :is(h3,p,small) { color:var(--v3-deep); }
.cp-site.cp-v3 .cp-footer a:hover { color:var(--v3-green); }
.cp-site.cp-v3 .cp-footer .cp-footer-bottom {
  margin-top:30px;
  padding-top:20px;
  border-top:1px solid var(--v3-green);
}
.cp-site.cp-v3 .preloader.cp-loader { --cp-loader-bg:#fffef8; --cp-loader-ink:#062817; --cp-loader-muted:#607066; --cp-loader-accent:#0b3d23; }
.cp-site.cp-v3 .cp-loader-track { background:#ede9b9; }
@media (max-width:1120px) {
 .cp-site.cp-v3 .cp-header .cp-nav { background:var(--v3-cream); }
 .cp-site.cp-v3 .cp-header .cp-nav > .cp-mobile-signin { background:var(--v3-primary); color:var(--v3-deep); }
}
@media (max-width:640px) {
 .cp-site.cp-v3 .cp-header .cp-nav-wrap::after {
  background:radial-gradient(circle at 0 50%,#fffef8 0 10px,transparent 11px),radial-gradient(circle at 100% 50%,#fffef8 0 10px,transparent 11px);
 }
}