/* THE 72 CLUB — India-inspired global visual refresh (desktop + mobile) */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  --tv-theme-ink: #071321;
  --tv-theme-panel: #0d2033;
  --tv-theme-panel-raised: #122b42;
  --tv-theme-saffron: #ff9933;
  --tv-theme-green: #36c98f;
  --tv-theme-white: #f5f8fc;
  --tv-theme-muted: #aab9ca;
  --tv-theme-line: rgba(169, 195, 221, 0.17);
  --tv-theme-radius: 16px;
  --tv-theme-shadow: 0 14px 38px rgba(0, 0, 0, 0.24);
}
html {
  color-scheme: dark;
}
body {
  font-family: "Manrope", system-ui, sans-serif !important;
  color: var(--tv-theme-white);
  background-color: var(--tv-theme-ink);
  accent-color: var(--tv-theme-saffron);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
.hero h1,
.section h2,
.section h3,
.profile-copy h2 {
  font-family: "Barlow Condensed", "Manrope", sans-serif !important;
  font-weight: 800;
  letter-spacing: -0.025em;
}
::selection {
  color: #101a25;
  background: var(--tv-theme-saffron);
}
:focus-visible {
  outline: 2px solid var(--tv-theme-green);
  outline-offset: 3px;
}
a {
  text-underline-offset: 3px;
}
a:hover {
  text-decoration-color: currentColor;
}
.eyebrow,
.section-eyebrow,
.kicker {
  color: var(--tv-theme-green);
}
h1 em,
h2 em,
h3 em,
.hero h1 span,
.profile-copy h2 em,
.section h2 em,
.section h3 em {
  color: var(--tv-theme-saffron);
}
.topbar,
header.topbar {
  background: linear-gradient(105deg, #071b30 0%, #0b4c87 56%, #0b2d4b 100%) !important;
  border-bottom: 1px solid rgba(255, 153, 51, 0.48) !important;
  box-shadow: 0 9px 28px rgba(0, 0, 0, 0.24) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
}
.topbar .brand,
header.topbar .brand {
  color: #fff !important;
}
.topbar .brand small,
header.topbar .brand small {
  color: #d5e2ee !important;
}
.topbar .brand-mark,
header.topbar .brand-mark {
  border-color: var(--tv-theme-saffron) !important;
  color: var(--tv-theme-saffron) !important;
  box-shadow:
    0 0 0 3px rgba(255, 153, 51, 0.09),
    0 5px 18px rgba(0, 0, 0, 0.18);
}
.topbar nav a,
header.topbar nav a {
  color: #f5f8fc !important;
  font-family: "Manrope", system-ui, sans-serif !important;
  font-weight: 700;
}
.topbar nav a::after,
header.topbar nav a::after {
  background: linear-gradient(90deg, var(--tv-theme-saffron), var(--tv-theme-green)) !important;
}
.topbar nav a:hover,
.topbar nav a:focus-visible,
header.topbar nav a:hover,
header.topbar nav a:focus-visible {
  color: #fff !important;
}
.menu-toggle,
.topbar .menu-toggle,
header.topbar .menu-toggle {
  color: #fff !important;
  border-color: rgba(255, 153, 51, 0.45) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}
.button,
button,
.calculate-button,
.primary,
.button.primary {
  font-family: "Manrope", system-ui, sans-serif;
}
.button.primary,
.primary,
a.button.primary,
button.primary {
  color: #1a2028 !important;
  background: linear-gradient(120deg, #ffb04d, #ff9933) !important;
  border-color: transparent !important;
  box-shadow: 0 8px 22px rgba(255, 153, 51, 0.18);
}
.button.primary:hover,
.primary:hover,
a.button.primary:hover,
button.primary:hover {
  background: linear-gradient(120deg, #ffc36f, #ffab4d) !important;
  transform: translateY(-1px);
}
.button.outline,
.button.secondary,
.secondary,
a.button.outline {
  border-color: rgba(54, 201, 143, 0.48);
}
.card,
.panel,
.stat-card,
.stat-box,
.home-mini-stat,
.home-bowling-card,
.home-snapshot-block,
.icc-ranking-card,
.profile-facts > div,
.match-card,
.news-card,
.photo-card,
.video-card,
.record-card,
.stats-card,
.explorer-card,
.filter-panel,
.table-wrap {
  border-color: var(--tv-theme-line);
}
table thead th,
.table thead th,
th {
  color: #dce9f5;
}
table tbody tr:hover,
tbody tr:hover {
  background-color: rgba(54, 201, 143, 0.055);
}
input,
select,
textarea,
.search-input {
  font-family: "Manrope", system-ui, sans-serif;
}
input:focus,
select:focus,
textarea:focus {
  border-color: var(--tv-theme-green);
  box-shadow: 0 0 0 3px rgba(54, 201, 143, 0.12);
}
hr {
  border-color: var(--tv-theme-line);
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #071321;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(var(--tv-theme-saffron), #b86a24);
  border: 2px solid #071321;
  border-radius: 999px;
}
@media (max-width: 760px) {
  body {
    font-size: 14px;
  }
  .topbar,
  header.topbar {
    border-bottom-color: rgba(255, 153, 51, 0.42) !important;
  }
  .button,
  .button.primary,
  .button.outline,
  button {
    max-width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}