html{--sikit-header-height:60px;}.mid-stat{border-block:0px !important;}.grecaptcha-badge{visibility:hidden;}.fx-scroll-top-btn{background-color:#d60027;border-radius:5px;width:40px;height:40px;&::before{content:'\e807';font:16px / 1 "wf";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}}.fx-scroll-top-btn svg{display:none;}dialog[open]{pointer-events:none;}dialog[open] > *{pointer-events:auto;}dialog::backdrop{background:rgba(0,0,0,.3);pointer-events:none;}#main-content{overflow-x:hidden;}.desktop-only{display:none;}@media (min-width:768px){.desktop-only{display:block;}.mobile-only{display:none;}html{--sikit-header-height:100px}}.team-sponsor-logo{padding-inline:20px;}.team-sponsor > div:nth-child(2) > div:first-child,.team-sponsor > div:nth-child(2) > div:nth-child(3){border-right:1px solid #E1E1E6;}@container parent (min-width:500px){.team-sponsor > div:nth-child(2) > div:nth-child(2){border-right:1px solid #E1E1E6;}}@container parent (min-width:800px){.team-sponsor > div:nth-child(2) > div:not(:last-child){border-right:1px solid #E1E1E6;}}.footer-bottom-menu:not(:last-child)::after{content:"|";padding-left:4px;scale:1.3;}.team-sponsor-logo{position:relative;}.wf-breadcrumb-bg{position:relative;overflow:visible;}.wf-breadcrumb-bg::before{content:"";position:absolute;top:0;left:50%;width:100vw;height:300px;transform:translateX(-50%);background-image:url('/static-assets/images/misc/wfbreadcrumbbg.png?w=1366&h=300');background-repeat:no-repeat;background-position:center;background-size:cover;z-index:-1;}.wf-breadcrumb-bg::after{content:"";background:url("/static-assets/images/misc/ball-pattern.webp?v=1.01") center/contain no-repeat;width:60px;left:calc(var(--container-offset) * -1 + -8px);aspect-ratio:1;top:300px;position:absolute;}@media (min-width:768px){.wf-breadcrumb-bg::after{width:150px;}}.swiper-pagination-bullet-active{width:40px;}.si::after{content:"";display:inline-block;width:71px;height:27px;background:url(https://wf.surface.fan-os.net/static-assets/images/misc/powered-logo.svg) no-repeat center / contain;}.header [data-frame-name="frame_top_row"]{border-bottom:1px solid hsl(var(--border_main_default));}.header [data-frame-name="frame_navigation_1"],.header [data-frame-name="frame_navigation_4"],.header [data-frame-name="frame_navigation_7"]{position:relative;margin-right:16px;}.header [data-frame-name="frame_navigation_1"]::after,.header [data-frame-name="frame_navigation_4"]::after,.header [data-frame-name="frame_navigation_7"]::after{width:2px;height:20px;background-color:hsl(var(--border_main_default));content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);right:0;z-index:1000;}.header [data-frame-name="frame_logo_mobile"]{position:relative;isolation:isolate;}.header [data-frame-name="frame_logo_mobile"]::after{width:calc(100% + var(--container-offset));height:100%;background-color:hsl(var(--background_main_card_2)/0.2);content:"";display:block;position:absolute;top:0;left:calc(-16px);z-index:-1;opacity:0;}.m-header-link{border-bottom:2px solid hsl(var(--border_main_default));}.header [data-frame-name="frame_navigation_7"]{width:max-content;}.header [data-frame-name="frame_navigation_7"] a{width:max-content;}.tickets-signup{flex-direction:row-reverse;}.tickets-signup:not(:last-child){background-color:hsl(var(--background_button_sec_default)) !important;}.wac-icon.icon_wf_icon_insta::before{color:transparent !important;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);--webkit-background-clip:text;--webkit-text-fill-color:transparent;background-clip:text;}.wac-icon.icon_wf_icon_linkedin::before{color:hsl(201,100%,36%);}.wac-icon.icon_wf_icon_x{color:hsl(240,4%,17%)}.wac-icon.icon_wf_icon_facebook::before{color:#3E6DC1;}.wac-icon.icon_wf_icon_youtube::before{color:hsl(357,100%,53%);}@media (min-width:640px){.header [data-frame-name="frame_logo_mobile"]::after{display:none;}.header .header-wrapper{position:relative;isolation:isolate;}.header .header-wrapper::after{width:calc(100px + var(--container-offset));height:100%;background-color:hsl(var(--background_main_card_2)/0.2);content:"";display:block;position:absolute;top:0;left:calc(-16px);z-index:-1;border-right:1px solid hsl(var(--border_main_default))}}@media (min-width:768px){.header .header-wrapper::after{width:calc(150px + var(--container-offset));}.desktop-link{position:relative;}.desktop-link::after{content:"";display:block;width:0%;height:2px;background-color:hsl(var(--border_main_prim));position:absolute;bottom:0;left:0;z-index:1000;transition:width 0.3s ease-in-out;}.desktop-link:hover::after{width:100%;}[data-frame-name="frame_navigation_6"] .desktop-link[data-active="true"]{font-weight:700;}[data-frame-name="frame_navigation_6"] .desktop-link[data-active="true"]::after{content:"";display:block;width:50%;height:2px;background-color:hsl(var(--border_main_prim));position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:1000;}[data-frame-name="frame_large_devices"]{margin-left:60px;}}.cardLink:hover .hoverText{color:var(--background_prim_container-hex);}.hoverIcon{transition:transform 0.2s ease;}.cardLink:hover .hoverIcon{transform:translate(4px,-4px);}.detailBorder{position:relative;}.detailBorder::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:85vw;border-bottom:1px solid #E1E1E6;}@media (max-width:767px){.detailBorder::after{width:90vw;}}.cms-article-body em{font-style:normal !important;}.waf-newsletter-banner{position:relative;width:100%;overflow:hidden;background-color:#0d1d41;background-image:url("https://wf.surface.fan-os.net/static-assets/images/misc/newsletter-pattern-m.png");background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box;padding:48px 20px;isolation:isolate;}.waf-newsletter-banner::before{content:"NEWSLETTER";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Poppins",sans-serif;font-weight:800;font-size:48px;line-height:1;letter-spacing:0.04em;color:rgba(255,255,255,0.07);white-space:nowrap;pointer-events:none;z-index:0;}.newsletter-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;max-width:520px;margin:0 auto;}.newsletter-plane{position:absolute;z-index:-1;pointer-events:none;}.newsletter-plane img{display:none;}.newsletter-plane-left{top:0;left:0;width:80px;height:62px;background-image:url("https://wf.surface.fan-os.net/static-assets/images/misc/plane-top.png");background-size:contain;background-position:center;background-repeat:no-repeat;}.newsletter-plane-right{right:12px;bottom:8px;width:80px;height:78px;background-image:url("https://wf.surface.fan-os.net/static-assets/images/misc/plane-bottom.png");background-size:contain;background-position:center;background-repeat:no-repeat;}.newsletter-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background-color:#bd0010;flex-shrink:0;}.newsletter-icon .icon{font-size:24px;color:#ffffff;line-height:1;}.newsletter-head{width:100%;}.newsletter-title{margin:0;text-align:center;color:#ffffff;font-family:"Poppins",sans-serif;font-weight:700;font-size:28px;line-height:34px;}.newsletter-body{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;}.newsletter-form{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;}.newsletter-input-group{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;box-sizing:border-box;background-color:#ffffff;border:1px solid #ffffff;padding:0 4px 0 16px;overflow:hidden;}.newsletter-input-group .newsletter-input{flex:1 1 auto;min-width:0;height:100%;padding:0;border:none;border-radius:0;background:transparent;font-family:"Poppins",sans-serif;font-weight:500;font-size:12px;color:#333333;outline:none;}.newsletter-input-group .newsletter-input::placeholder{color:#aaaaae;}.newsletter-input-group .newsletter-input[aria-invalid="true"]{color:#bd0010;}.newsletter-divider{display:none;}.newsletter-input-group .newsletter-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;height:40px;padding:0 16px;border:none;border-radius:0;background-color:#ea0a2c;color:#ffe9ed;font-family:"Poppins",sans-serif;font-weight:700;font-size:12px;letter-spacing:0.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;}.newsletter-input-group .newsletter-btn:disabled{opacity:0.6;cursor:not-allowed;}.newsletter-input-group .newsletter-btn .icon{font-size:14px;color:#ffffff;line-height:1;}.newsletter-input-group .newsletter-btn-icon{width:16px;height:16px;object-fit:contain;}.newsletter-field-row{display:flex;flex-direction:column;gap:6px;width:100%;}.newsletter-field-label{font-family:"Poppins",sans-serif;font-weight:500;font-size:12px;color:#ffffff;}.newsletter-input,.newsletter-textarea,.newsletter-select{width:100%;box-sizing:border-box;height:48px;padding:0 16px;border:1px solid #ffffff;border-radius:0;background-color:#ffffff;font-family:"Poppins",sans-serif;font-weight:500;font-size:12px;color:#333333;}.newsletter-textarea{height:96px;padding:12px 16px;resize:vertical;}.newsletter-input::placeholder,.newsletter-textarea::placeholder{color:#aaaaae;}.newsletter-input[aria-invalid="true"],.newsletter-textarea[aria-invalid="true"],.newsletter-select[aria-invalid="true"]{border-color:#bd0010;}.newsletter-radio-group{display:flex;flex-direction:column;gap:8px;width:100%;border:none;padding:0;margin:0;color:#ffffff;font-family:"Poppins",sans-serif;font-size:12px;}.newsletter-radio-group legend{font-weight:500;padding:0;margin:0 0 4px;}.newsletter-radio-group label{display:flex;align-items:center;gap:8px;cursor:pointer;}.newsletter-button-wrapper{display:flex;align-items:center;justify-content:center;width:100%;}.newsletter-button-wrapper .newsletter-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border:none;border-radius:0;background-color:#bd0010;color:#ffffff;font-family:"Poppins",sans-serif;font-weight:700;font-size:12px;letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;}.newsletter-button-wrapper .newsletter-btn:disabled{opacity:0.6;cursor:not-allowed;}.newsletter-button-wrapper .newsletter-btn .icon{font-size:14px;color:#ffffff;line-height:1;}.newsletter-button-wrapper .newsletter-btn-icon{width:16px;height:16px;object-fit:contain;}.newsletter-consent{display:flex;flex-direction:column;gap:4px;width:100%;max-width:480px;}.newsletter-consent label{display:flex;align-items:flex-start;justify-content:center;gap:8px;cursor:pointer;}.newsletter-consent input[type="checkbox"]{width:20px;height:20px;margin-top:1px;flex-shrink:0;appearance:none;-webkit-appearance:none;border:1.5px solid #ffffff;border-radius:4px;background:transparent;cursor:pointer;}.newsletter-consent input[type="checkbox"]:checked{background-color:transparent;border-color:#ffffff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M1 5l3.5 3.5L11 1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px 8px;}.newsletter-consent span{font-family:"Poppins",sans-serif;font-weight:400;font-size:10px;line-height:14px;color:#ffffff;text-align:left;}.newsletter-consent a,.newsletter-consent .newsletter-privacy-link{color:#ea0a2c;text-decoration:underline;font-weight:500;}.newsletter-consent a:hover,.newsletter-consent .newsletter-privacy-link:hover{opacity:0.85;}.newsletter-field-error{display:block;margin-left:28px;font-family:"Poppins",sans-serif;font-size:11px;color:#ff8a94;}.newsletter-message{font-family:"Poppins",sans-serif;font-size:12px;color:#ffffff;text-align:center;}.newsletter-message-success{color:#7fe0a0;}.newsletter-message-error{color:#ff8a94;}@media (min-width:1024px){.waf-newsletter-banner{padding:56px 24px;background-image:url("https://wf.surface.fan-os.net/static-assets/images/misc/newsletter-pattern.png");}.waf-newsletter-banner::before{content:"Newsletter";font-size:88px;letter-spacing:0;text-transform:none;}.newsletter-wrapper{max-width:486px;gap:20px;}.newsletter-plane-left{top:-12px;left:24px;width:140px;height:110px;}.newsletter-plane-right{right:32px;bottom:16px;width:120px;height:116px;}.newsletter-title{font-size:32px;line-height:38px;}.newsletter-input-group .newsletter-btn{font-size:14px;}.newsletter-consent span{font-size:12px;line-height:16px;}}@media (min-width:768px){.h1_bold_custom{font:var(--h1_bold-font-weight,700) var(--h1_bold-font-size,1.75rem) / var(--h1_bold-line-height,2.125rem) var(--h1_bold-font-family,Poppins,system-ui,-apple-system,sans-serif);letter-spacing:var(--h1_bold-letter-spacing,normal);}}.fanos-cookie-consent-dialog{--cc-bg:#fff;--cc-fg:#1a1a1a;--cc-accent:#e21a2c;--cc-accent-hover:#c2121f;--cc-accent-fg:#fff;--cc-radius:4px;--cc-gutter:24px;position:fixed;inset:auto 0 0 0;z-index:9999;display:block;width:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--cc-bg);color:var(--cc-fg);box-shadow:0 -1px 12px rgb(0 0 0 / 8%);}.fanos-cookie-consent-dialog:not([open]){display:none;}.fanos-cookie-consent-container{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px var(--cc-gutter);min-height:56px;}.fanos-cookie-consent-title,.fanos-cookie-consent-reject-btn{display:none;}.fanos-cookie-consent-desc{margin:0;text-align:left;font-size:15px;line-height:1.45;font-weight:400;color:var(--cc-fg);}.fanos-cookie-consent-actions{display:flex;flex-shrink:0;gap:8px;}.fanos-cookie-consent-btn{appearance:none;border:0;border-radius:var(--cc-radius);padding:13px 26px;font:inherit;font-size:15px;font-weight:500;line-height:1;cursor:pointer;transition:background-color 0.2s ease;}.fanos-cookie-consent-accept-btn{background:var(--cc-accent);color:var(--cc-accent-fg);}.fanos-cookie-consent-accept-btn:hover{background:var(--cc-accent-hover);}.fanos-cookie-consent-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px;}@media (max-width:640px){.fanos-cookie-consent-container{flex-direction:column;align-items:stretch;gap:12px;padding:16px;}.fanos-cookie-consent-actions{justify-content:center;}.fanos-cookie-consent-accept-btn{width:100%;}}.socialIconLink .wac-icon{padding-top:15%;}[data-component-id="4608230b-3951-4180-80dd-bc9fc51e24e9"]{position:relative;}[data-component-id="4608230b-3951-4180-80dd-bc9fc51e24e9"]::after{content:"";display:block;width:90vw;border-bottom:1px solid #E1E1E6;margin:0 auto;}@media (min-width:768px){[data-molecule-id="699b286f-08d6-44b9-8ef4-cefff72ade8d"] .large-devices{position:relative;}[data-molecule-id="699b286f-08d6-44b9-8ef4-cefff72ade8d"] .large-devices [data-frame-name="frame_text"]{position:absolute;left:50%;transform:translateX(-50%);width:max-content;}[data-molecule-id="699b286f-08d6-44b9-8ef4-cefff72ade8d"] .large-devices [data-frame-name="frame_navigation_2"]{justify-content:flex-end;margin-left:auto;}}@media (max-width:767px){.waf-newsletter-banner{padding:100px 20px;}}.fltr-sidepanel.fltr-sidepanel--closed{visibility:hidden;pointer-events:none;opacity:0;}.fltr-sidepanel.fltr-sidepanel--open{visibility:visible;pointer-events:auto;opacity:1;}.fltr-sidepanel__backdrop:not(.fltr-sidepanel__backdrop--open){display:none;}.player-profile.pps-root{display:flex;flex-direction:column;width:100%;}.player-profile .pps-formatSection{width:100%;clear:both;float:none;}@media (max-width:1023px){.logo-mobile img{max-height:3.2rem;width:auto;height:auto;object-fit:contain;}}.mc-scorecard-tab__fow .mc-table__cell{white-space:nowrap !important;}.mc-scorecard-tab__fow .mc-scorecard-tab__fow-score,.mc-scorecard-tab__fow .mc-scorecard-tab__fow-wicket,.mc-scorecard-tab__fow .mc-scorecard-tab__fow-player{display:inline !important;white-space:nowrap !important;}@media (max-width:1023px){.home-photo-content .icon_wf_icon_photo,.photos-template .icon_wf_icon_photo.wac-icon{width:1rem;height:1rem;font-size:1rem;line-height:1;}}
/* Team logo container */ .team-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
}
.matchcenter-masthead {
  background: hsl(var(--background_sec_surface)) url("/static-assets/misc/matchcenter-bg.webp?v=2.8") center / cover no-repeat;
}
/* Score animation for live matches */ @keyframes scorePulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
.live-score {
  animation: scorePulse 2s infinite;
}
/* Live indicator dot animation */ .live-indicator {
  position: relative;
  z-index: 2;
}
.live-indicator::before {
  content: "\e811";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  padding-right:5px !important;
}
.match-center-table {
  border-bottom: 1px solid hsl(var(--core_sec_800) / 0.1);
}
/* Media queries for responsive design */ /* Super over highlight */ .super-over-highlight {
  background: linear-gradient(90deg, #d80026 0%, #0d1d41 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
.bg-team {
  background-color: var(--team-primary-color, hsl(13, 89%, 59%));
  color: hsl(var(--team-primary-text, hsl(var(--text_sec_high))));
}
.team-3841 {
  --team-primary-color: hsl(235, 71%, 40%);
  --team-primary-text: var(--text_sec_high);
}
.team-3842 {
  --team-primary-color: hsl(13, 89%, 59%);
  --team-primary-text: var(--text_main_sec);
}
.team-3843 {
  --team-primary-color: hsl(206, 17%, 44%);
  --team-primary-text: var(--text_sec_high);
}
.team-3844 {
  --team-primary-color: hsl(49, 100%, 51%);
  --team-primary-text: var(--text_main_sec);
}
.team-3845 {
  --team-primary-color: hsl(349, 98%, 45%);
  --team-primary-text: var(--text_sec_high);
}
/* ============================================================ Component.tsx — root container / error state ============================================================ */ .matchcenter-error {
  padding: 24px;
  text-align: center;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  margin: 16px;
}
.matchcenter-error__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #991b1b;
  margin-bottom: 8px;
}
.matchcenter-error__message {
  font-size: 14px;
  line-height: 20px;
  color: #dc2626;
}
/* ============================================================ Skeleton.tsx — loading skeleton ============================================================ */ .mc-skeleton {
  width: 100%;
}
/* ── Masthead ── */ .mc-skeleton__masthead {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .mc-skeleton__masthead {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.mc-skeleton__masthead-inner {
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.mc-skeleton__bar {
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.15);
}
.mc-skeleton__bar--meta {
  height: 16px;
  width: 288px;
}
.mc-skeleton__bar--stadium {
  margin-top: 16px;
}
.mc-skeleton__bar--pill {
  height: 28px;
  width: 112px;
  background-color: rgba(255, 255, 255, 0.85);
}
.mc-skeleton__bar--potm {
  height: 16px;
  width: 176px;
}
.mc-skeleton__team-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .mc-skeleton__team-row {
    gap: 40px;
  }
}
.mc-skeleton__bar--team-name {
  display: none;
  height: 28px;
  width: 224px;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.2);
}
@media (min-width: 768px) {
  .mc-skeleton__bar--team-name {
    display: block;
  }
}
.mc-skeleton__bar--team-name-home {
  margin-left: auto;
}
.mc-skeleton__bar--team-name-away {
  margin-right: auto;
}
.mc-skeleton__logo {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.25);
  outline: 2px solid rgba(255, 255, 255, 0.3);
  outline-offset: 4px;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .mc-skeleton__logo {
    width: 80px;
    height: 80px;
  }
}
.mc-skeleton__vs {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  flex-shrink: 0;
}
.mc-skeleton__team-row-mobile {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .mc-skeleton__team-row-mobile {
    display: none;
  }
}
.mc-skeleton__bar--team-name-mobile {
  height: 20px;
  width: 96px;
  background-color: rgba(255, 255, 255, 0.2);
}
/* ── Tabs strip ── */ .mc-skeleton__tabs-strip {
  width: 100%;
  background-color: hsl(var(--core_neu_900));
}
.mc-skeleton__tabs-inner {
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
}
.mc-skeleton__tab {
  flex: 1 1 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
}
.mc-skeleton__bar--tab {
  height: 16px;
  width: 96px;
}
/* ── Body ── */ .mc-skeleton__body {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}
.mc-skeleton__body-inner {
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.mc-skeleton__bar--body-title {
  height: 20px;
  width: 224px;
  background-color: rgba(0, 0, 0, 0.1);
}
.mc-skeleton__bar--body-row {
  height: 40px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
/* ============================================================ masthead.tsx — masthead, team logo, score ============================================================ */ /* ── Masthead ── */ .mc-masthead {
  width: 100%;
  background-color: hsl(var(--background_sec_surface));
  color: hsl(var(--text_sec_high));
}
.mc-masthead__empty {
  padding: 16px;
}
.mc-masthead__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 16px;
}
.mc-masthead__meta-row {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  isolation: isolate;
}
.mc-masthead__meta-line {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
.mc-masthead__match-number {
  font: var(--body_sm_medium);
}
.mc-masthead__meta-sep, .mc-masthead__meta-date {
  font: var(--body_sm_regular);
  color: hsl(var(--text_sec_medium));
}
.mc-masthead__status {
  position: relative;
  margin: 0 auto;
  padding: 4px 12px;
  font: var(--body_xs_bold);
  text-transform: uppercase;
}
.mc-masthead__status--live {
  background-color: hsl(var(--background_alert_success));
  color: hsl(var(--text_invert_high));
}
.mc-masthead__status--upcoming {
  background-color: hsl(var(--core_neu_00));
  color: hsl(var(--text_main_high));
  border: 1px solid hsl(var(--core_neu_200));
}
.mc-masthead__status--completed {
  background-color: hsl(var(--core_neu_200));
  color: hsl(var(--text_main_high));
}
.mc-masthead__status-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 400%;
  height: 2px;
  background: linear-gradient( 270deg, transparent 4.49%, hsl(var(--core_neu_100) / 0.3) 55.01%, transparent 97.54% );
}
.mc-masthead__teams {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.mc-masthead__teams--with-superover .mc-team-score {
  flex-direction: row;
}
.mc-masthead__vs {
  font: var(--body_sm_medium);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: hsl(var(--text_sec_medium));
  text-align: center;
  flex-shrink: 0;
  margin-bottom: 16px;
  background-color: hsl(var(--core_neu_100) / 0.3);
}
.mc-masthead__sub-status {
  position: relative;
  margin-top: 12px;
  margin-bottom: 12px;
  text-align: center;
  font: var(--body_sm_regular);
  color: hsl(var(--text_sec_medium));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 24px;
  background: linear-gradient( 270deg, transparent 0%, hsl(var(--core_sec_900)) 22.43%, hsl(var(--core_sec_900)) 80.56%, transparent 101.97% );
}
.mc-masthead__sub-status-line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient( 270deg, transparent 4.49%, hsl(var(--core_neu_100) / 0.3) 55.01%, transparent 97.54% );
}
.mc-masthead__sub-status-line--top {
  top: 0;
}
.mc-masthead__sub-status-line--bottom {
  bottom: 0;
}
.mc-masthead__venue {
  margin-top: 16px;
  text-align: center;
  font: var(--body_sm_regular);
  color: hsl(var(--text_sec_medium));
  display: flex;
  align-items: center;
  justify-content: center;
}
.mc-masthead__potm {
  margin-top: 16px;
  text-align: center;
}
.mc-masthead__potm-label {
  font: var(--body_sm_regular);
  color: hsl(var(--text_sec_medium));
}
.mc-masthead__potm-name {
  font: var(--body_md_bold);
  color: hsl(var(--core_prim_500));
}
@media (min-width: 768px) {
  .mc-masthead__vs {
    margin-bottom: 0;
  }
  .mc-masthead__vs {
    font: var(--body_sm_medium);
    width: 32px;
    height: 32px;
  }
  .mc-masthead__venue, .mc-masthead__potm {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
/* ── Team (name + score block) ── */ .mc-team {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  width: 100%;
  justify-content: flex-start;
}
.mc-team--varient-1 {
  flex-direction: row;
}
.mc-team--varient-2 {
  flex-direction: row-reverse;
}
.mc-team__divider {
  border: 0;
  height: 40px;
  width: 2px;
  flex-shrink: 0;
  background: linear-gradient( to bottom, transparent 0%, hsl(var(--core_neu_100) / 0.3) 50%, transparent 100% );
}
.mc-team__scores {
  display: flex;
  flex-direction: column;
  width: max-content;
}
.mc-team__scores--varient-1 {
  text-align: left;
}
.mc-team__scores--varient-2 {
  text-align: right;
}
@media (min-width: 768px) {
  .mc-team {
    gap: 32px;
    margin-bottom: 0;
    width: 40%;
  }
  .mc-team--varient-1, .mc-team--varient-2 {
    justify-content: flex-end;
  }
  .mc-team__divider {
    height: 80px;
  }
}
/* ── Team logo ── */ .mc-team-logo {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.mc-team-logo__image {
  width: 48px;
  height: 48px;
  outline: 1px solid hsl(var(--core_neu_200));
  outline-offset: 2px;
  background-color: hsl(var(--core_neu_00));
  border-radius: 50%;
  padding: 4px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.mc-team-logo__image--super-over {
  border: 2px solid hsl(var(--core_prim_500));
}
.mc-team-logo__image--highlight {
  outline-color: hsl(var(--core_prim_500));
}
.mc-team-logo__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mc-team-logo__fullname {
  font: var(--h3_bold);
  display: none;
}
.mc-team-logo__shortname {
  font: var(--body_md_medium);
  display: block;
}
.mc-team-score__yet-to-bat {
  font: var(--h3_bold);
  color: hsl(var(--text_sec_medium));
  max-width: 5ch;
}
.mc-team-logo__fullname--varient-1, .mc-team-logo__shortname--varient-1 {
  text-align: left;
}
.mc-team-logo__fullname--varient-2, .mc-team-logo__shortname--varient-2 {
  text-align: right;
}
@media (min-width: 768px) {
  .mc-team-logo {
    gap: 20px;
  }
  .mc-team-logo--varient-1 {
    flex-direction: row;
  }
  .mc-team-logo--varient-2 {
    flex-direction: row-reverse;
  }
  .mc-team-logo__image {
    width: 64px;
    height: 64px;
    outline-width: 2px;
    outline-offset: 8px;
  }
}
@media (min-width: 1024px) {
  .mc-team-score__yet-to-bat {
    max-width: unset;
  }
  .mc-team-logo__image {
    width: 80px;
    height: 80px;
    padding: 8px;
  }
  .mc-team-logo__fullname {
    display: block;
  }
  .mc-team-logo__shortname {
    display: none;
  }
}
/* ── Team score row ── */ .mc-team-score {
  display: flex;
  min-width: max-content;
  gap: 4px;
}
.mc-team-score--varient-1 {
  text-align: left;
}
.mc-team-score--varient-2 {
  text-align: right;
  justify-content: flex-end;
}
.mc-team-score--main {
  flex-direction: column;
}
.mc-team-score__total {
  font: var(--h3_bold);
  color: hsl(var(--text_sec_medium));
}
.mc-team-score__total--highlight {
  color: hsl(var(--core_prim_500));
}
.mc-team-score__rr {
  font: var(--body_xs_regular);
  color: hsl(var(--text_sec_medium));
}
.mc-team-score__rr--wide {
  width: max-content;
}
/* ============================================================ tabs.tsx — Tabs primitive ============================================================ */ .mc-tabs__scroll {
  overflow: auto;
}
.mc-tabs__list {
  display: flex;
}
.mc-tabs__tab {
  cursor: pointer;
  font: var(--body_sm_medium);
  flex: 1 1 0%;
  padding: 12px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
}
.mc-spider-graph__tab:not(:first-child)::after, .mc-tabs__tab:not(:first-child)::after {
  content:"";
  position: absolute;
  left:0;
  top: 50%;
  height: 60%;
  background-color: hsl(var(--border_main_invert)/ 0.7);
  width:1px;
  transform: translateY(-50%);
}
.mc-tabs__tab--active {
  background-color: hsl(var(--core_prim_500));
  color: hsl(var(--text_invert_high));
}
.mc-tabs__tab--inactive {
  background-color: hsl(var(--background_main_card_2));
  color: hsl(var(--text_main_medium));
}
/* ============================================================ tabs-container.tsx ============================================================ */ .mc-tabs-container {
  width: 100%;
  position: relative;
  margin-bottom: 6rem;
}
.mc-tabs-container__inner {
  margin: 0 auto;
  position: relative;
  box-shadow: var(--shadow_md);
}
@media (min-width: 1024px) {
  .mc-tabs-container__inner {
    max-width: 900px;
  }
}
@media (min-width: 1280px) {
  .mc-tabs-container__inner {
    max-width: 900px;
  }
}
@media (min-width: 1536px) {
  .mc-tabs-container__inner {
    max-width: 1000px;
  }
}
.mc-tabs-container__body {
  background-color: hsl(var(--background_main_surface));
}
/* ============================================================ tabs/match-info.tsx ============================================================ */ .mc-match-info {
  padding: 16px;
}
.mc-match-info__list {
  border-radius: 8px;
  overflow: hidden;
}
.mc-match-info__row {
  display: flex;
  border-bottom: 1px solid hsl(var(--core_neu_200));
}
.mc-match-info__row:last-child {
  border-bottom: 0;
}
.mc-match-info__label {
  width: 33.3333%;
  padding: 16px 24px;
  font: var(--body_sm_medium);
  color: hsl(var(--text_main_high));
}
.mc-match-info__value {
  width: 66.6667%;
  padding: 16px 8px;
  font: var(--body_sm_bold);
  color: hsl(var(--text_main_medium));
  display: inline;
  align-items: flex-start;
  gap: 8px;
  text-align: right;
  justify-content: flex-end;
}
.mc-match-info__icon {
  font-size: 18px;
}
.mc-match-info__potm {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mc-match-info__potm-name {
  font: var(--body_sm_regular);
}
.mc-match-info__potm-stat {
  font: var(--body_sm_bold);
}
@media (min-width: 768px) {
  .mc-match-info__value {
    padding: 16px 24px;
    text-align: left;
    justify-content: flex-start;
  }
}
/* ============================================================ tabs/scorecard-tab.tsx ============================================================ */ .mc-scorecard-tab {
  padding: 16px 0;
  overflow: hidden;
}
.mc-scorecard-tab__empty {
  text-align: center;
  padding: 16px;
}
.mc-scorecard-tab__empty--innings {
  padding: 24px;
}
.mc-scorecard-tab__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mc-scorecard-tab__team-header {
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mc-scorecard-tab__team-name_full {
  display: none;
}
@media (min-width:768px) {
  .mc-scorecard-tab__team-name_full {
    display: block;
  }
  .mc-scorecard-tab__team-name_short {
    display: none;
  }
}
.mc-scorecard-tab__team-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mc-scorecard-tab__team-logo {
  width: 40px;
  height: 40px;
  background-color: hsl(var(--core_neu_50));
  flex-shrink: 0;
}
.mc-scorecard-tab__team-logo--white {
  background-color: #ffffff;
}
.mc-scorecard-tab__team-logo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.mc-scorecard-tab__team-name {
  font-weight: 700;
}
.mc-scorecard-tab__team-score-main {
  font-weight: 700;
}
.mc-scorecard-tab__team-score-overs {
  font: var(--body_sm_regular);
  margin-left: 4px;
  opacity: 0.9;
}
.mc-scorecard-tab__team-score-crr {
  font: var(--body_sm_bold);
  margin-left: 4px;
  opacity: 0.9;
}
.mc-scorecard-tab__extras {
  background-color: hsl(var(--background_sec_container));
  color: hsl(var(--text_prim_high));
  padding: 8px 16px;
}
.mc-scorecard-tab__extras-text {
  font: var(--body_sm_regular);
}
.mc-scorecard-tab__fow {
  margin-top: 16px;
}
.mc-scorecard-tab__innings--bowling {
  margin-top: 16px;
}
.live-indicator::before, .mc-table__header-cell:first-child::before, .mc-swiper-nav__icon::before {
  font-family: "wf";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  padding-right: 20px;
  text-transform: none;
}
.mc-scorecard-tab__innings:first-child .mc-table__header-cell:first-child::before {
  content:"\e805";
}
.mc-scorecard-tab__fow .mc-table__header-cell:first-child::before {
  content: '\e801';
}
.mc-scorecard-tab__innings--bowling .mc-table__header-cell:first-child::before {
  content:"\e81e";
}
/* ============================================================ tabs/squad-tab.tsx ============================================================ */ .mc-squad-tab__empty {
  padding: 16px;
}
.mc-squad-tab__tabs {
  display: flex;
}
.mc-squad-tab__tab {
  flex: 1 1 0%;
  cursor: pointer;
  padding: 16px 0;
  text-align: center;
  border-bottom: 2px solid transparent;
  font-weight: 500;
}
.mc-squad-tab__tab--active {
  color: #0D1D41;
  border-bottom-color: hsl(var(--border_main_sec));
}
.mc-squad-tab__tab--inactive {
  border-bottom-color: hsl(var(--border_main_disable));
}
.mc-squad-tab__content {
  padding: 16px;
}
.mc-squad-tab__team--hidden {
  display: none;
}
.mc-squad-tab__heading {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 16px;
}
.mc-squad-tab__heading--rest {
  margin-top: 24px;
  margin-bottom: 24px;
}
.mc-squad-tab__grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 16px;
}
@media (min-width: 768px) {
  .mc-team-score__total--main {
    font: var(--h1_bold);
  }
  .mc-squad-tab__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.mc-squad-tab__empty-grid {
  grid-column: span 2 / span 2;
  text-align: center;
  padding: 16px 0;
}
.mc-squad-tab__card {
  background-color: hsl(var(--core_neu_100));
  gap: 16px;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
}
.mc-squad-tab__card-index {
  font: var(--body_lg_bold);
  color: hsl(var(--text_main_high));
}
.mc-squad-tab__card-divider {
  height: 32px;
  width: 1px;
  background-color: hsl(var(--core_neu_200));
  border: none;
}
.mc-squad-tab__card-body {
  flex: 1 1 0%;
}
.mc-squad-tab__card-info {
  display: flex;
  flex-direction: column;
}
.mc-squad-tab__card-name {
  font: var(--body_md_regular);
}
.mc-squad-tab__card-lastname {
  font-weight: 700;
}
.mc-squad-tab__card-tags {
  display: flex;
  margin-top: 4px;
  gap: 8px;
}
.mc-squad-tab__card-role {
  font: var(--body_sm_regular);
  padding: 4px 8px;
  background-color: hsl(var(--core_neu_300));
  text-transform: uppercase;
}
.mc-squad-tab__card-captain {
  text-transform: capitalize;
  font: var(--body_sm_regular);
  padding: 4px 8px;
  background-color: hsl(var(--background_sec_surface));
  color: hsl(var(--text_sec_high));
}
/* ============================================================ tabs/graph-tab.tsx ============================================================ */ .mc-graph-tab {
  padding: 16px;
}
.mc-graph-tab__message {
  text-align: center;
  color: #6b7280;
  padding: 16px;
}
.mc-graph-tab__message--error {
  color: #ef4444;
}
.mc-graph-tab__loading {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 400px;
}
.mc-graph-tab__spinner {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  border-bottom: 2px solid #fa1a2d;
  animation: mc-graph-tab-spin 1s linear infinite;
}
.mc-graph-tab__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.mc-graph-tab__body {
  min-height: 400px;
  width: 100%;
}
@keyframes mc-graph-tab-spin {
  to {
    transform: rotate(360deg);
  }
}
/* ============================================================ tabs/commentry-tab.tsx + components/commentry-detail.tsx ============================================================ */ .mc-commentary-tab {
  padding: 16px;
}
.mc-commentary-tab__loading, .mc-commentary-tab__error, .mc-commentary-tab__empty {
  padding: 16px;
  text-align: center;
}
.mc-commentary-tab__error {
  color: hsl(var(--core_prim_500));
}
.mc-commentary-tab__innings-selector {
  margin-bottom: 16px;
}
.mc-commentary-tab__general, .mc-commentary-tab__balls {
  overflow: hidden;
}
.mc-commentary-tab__general-item {
  margin: 16px 0;
  display: flex;
  gap: 8px;
}
.mc-commentary-tab__general-item:last-child {
  margin-bottom: 0;
}
.mc-commentary-tab__general-time-wrap {
  min-width: 70px;
  display: none;
}
.mc-commentary-tab__general-time {
  font: var(--body_xs_medium);
}
.mc-commentary-tab__general-text {
  font: var(--body_sm_regular);
  margin-bottom: 8px;
  flex: 1 1 0%;
}
.mc-commentary-tab__general-divider {
  opacity: 0.1;
}
.mc-commentary-tab__over-group {
  border-bottom: 1px solid hsl(var(--core_neu_300));
}
.mc-commentary-tab__over-group:last-child {
  border-bottom: 0;
}
.mc-commentary-tab__load-more {
  display: flex;
  justify-content: center;
  margin: 16px 0;
}
.mc-commentary-tab__load-more-btn {
  padding: 8px 32px;
  border: 1px solid hsl(var(--core_neu_600));
  color: hsl(var(--core_neu_700));
  font: var(--body_md_medium);
}
.mc-commentary-tab__load-more-btn:hover:not(:disabled) {
  background-color: hsl(var(--core_neu_50));
}
.mc-commentary-tab__load-more-btn:active:not(:disabled) {
  background-color: hsl(var(--core_neu_100));
}
.mc-commentary-tab__load-more-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/* ── Ball-by-ball row ── */ .mc-ball-commentary__over-summary {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 16px;
  color: hsl(var(--text_sec_low));
  border-bottom: 1px solid hsl(var(--core_neu_200));
  background-color: hsl(var(--background_sec_surface));
}
.mc-ball-commentary__over-number::before {
  content:":";
  padding-right: 5px;
}
.mc-ball-commentary__over-number::after {
  content:"|";
  padding-left: 5px;
}
.mc-ball-commentary__over-summary-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mc-ball-commentary__over-label {
  font: var(--body_md_bold);
}
.mc-ball-commentary__over-stat {
  font: var(--body_sm_medium);
  color: hsl(var(--text_sec_medium));
}
.mc-ball-commentary__over-stat-wicket {
  display: none;
}
.mc-ball-commentary__over-score {
  font: var(--body_md_medium);
}
.mc-ball-commentary__over-score-team::after {
  content:":";
}
.mc-ball-commentary__over-score-label {
  display: none;
}
.mc-ball-commentary__row {
  display: flex;
  padding: 16px 0;
  gap: 16px;
  border-bottom: 1px solid hsl(var(--core_neu_400));
}
.mc-ball-commentary__ball-wrap {
  width: max-content;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}
.mc-ball-commentary__content {
  flex-grow: 1;
}
.mc-ball-commentary__meta {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}
.mc-ball-commentary__over-no, .mc-ball-commentary__bowler-batsman {
  font: var(--body_sm_bold);
}
.mc-ball-commentary__text {
  font: var(--body_sm_regular);
}
/* ============================================================ components/commentry-detail.tsx ============================================================ */ .mc-commentary-detail {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.mc-commentary-detail__panel {
  background-color: hsl(var(--background_main_surface));
  padding: 24px;
  border-radius: 8px;
  max-width: 512px;
  width: 100%;
  margin: 0 16px;
}
.mc-commentary-detail__close {
  float: right;
  font: var(--body_sm_medium);
}
.mc-commentary-detail__text {
  font: var(--body_sm_regular);
  margin-top: 16px;
}
/* ============================================================ graphs/GraphSelector.tsx ============================================================ */ .mc-graph-selector {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-bottom: 16px;
}
.mc-graph-selector__option {
  padding: 8px 16px;
  width: 100%;
  max-width: 200px;
  cursor: pointer;
}
.mc-graph-selector__option--active {
  background-color: hsl(var(--background_sec_surface));
  color: hsl(var(--text_sec_high));
}
.mc-graph-selector__option--inactive {
  border: 1px solid currentColor;
  color: #374151;
}
.mc-worm-graph__chart-area {
  height: 400px;
}
/* ============================================================ graphs/ManhattanGraph.tsx ============================================================ */ .mc-manhattan-graph {
  position: relative;
}
.mc-manhattan-graph__scroll {
  height: 100%;
  margin-left: 48px;
  margin-bottom: 40px;
  overflow: auto;
}
.mc-manhattan-graph__inner {
  height: 100%;
}
.mc-manhattan-graph__axis-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.mc-manhattan-graph__chart-area {
  height: 400px;
  position: relative;
}
/* ============================================================ graphs/SpiderGraph.tsx ============================================================ */ .mc-spider-graph {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.mc-spider-graph__tabs {
  display: flex;
  border-bottom: 1px solid hsl(var(--core_neu_200));
}
.mc-spider-graph__tab-fullname {
  display: none;
}
.mc-spider-graph__tab {
  position: relative;
  padding: 16px;
  justify-content: center;
  flex: 1 1 0%;
  display: flex;
  gap: 8px;
}
.mc-spider-graph__tab--active {
  color: #0D1D41;
  border-bottom: 2px solid hsl(var(--border_main_sec));
  font: var(--body_sm_bold);
}
.mc-spider-graph__tab--inactive {
  font: var(--body_sm_medium);
}
.mc-spider-graph__divider {
  width: 1px;
  height: 30px;
  margin-top: 12px;
}
.mc-spider-graph__body {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* ── Spider data / zone chart ── */ .mc-spider-data {
  width: 100%;
  height: 100%;
  padding: 32px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
.mc-spider-data__image-wrap {
  position: relative;
  width: max-content;
}
.mc-spider-data__bg-image {
  width: 250px;
  aspect-ratio: 1 / 1;
}
.mc-spider-data__svg-wrap {
  position: absolute;
  top: 25px;
  left: 40px;
  width: 200px;
  height: 200px;
  margin: auto;
}
.mc-spider-data__zone-listing {
  position: absolute;
  inset: 0;
}
@media (min-width: 768px) {
  .mc-spider-data {
    flex-direction: row;
    gap: 32px;
  }
}
/* ── Run legends ── */ .mc-run-legends {
  display: flex;
  justify-content: center;
  margin: 64px 0;
}
.mc-run-legends__item {
  gap: 4px;
  padding: 8px;
  width: 64px;
}
.mc-run-legends__label {
  text-align: center;
  color: hsl(var(--core_neu_50));
  font: var(--body_xs_medium);
}
/* ============================================================ graphs/SpiderGraph.tsx — zone-item positions (pre-existing) ============================================================ */ .zone-item:nth-child(1) {
  top: -13px;
  left: 75px;
}
.zone-item:nth-child(2) {
  top: -6px;
  left: 185px;
}
.zone-item:nth-child(3) {
  top: 60px;
  left: 257px;
}
.zone-item:nth-child(4) {
  top: 160px;
  left: 253px;
}
.zone-item:nth-child(5) {
  top: 245px;
  left: 183px;
}
.zone-item:nth-child(6) {
  top: 242px;
  left: 63px;
}
.zone-item:nth-child(7) {
  top: 170px;
  left: -9px;
}
.zone-item:nth-child(8) {
  top: 60px;
  left: -10px;
}
.zone-item {
  position: absolute;
}
/* ============================================================ components/table.tsx ============================================================ */ .mc-table {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}
.mc-table__header-row {
  background-color:hsl(var(--background_main_card_2));
}
.mc-table__header-cell {
  padding: 12px;
  font: var(--body_sm_bold);
  color: hsl(var(--text_main_high));
}
.mc-table__row {
  background-color: hsl(var(--background_main_surface));
}
.mc-table__cell:not(:first-child) {
  text-align: center;
}
.mc-table__cell {
  padding: 12px 5px;
  font: var(--body_sm_medium);
  color: hsl(var(--text_main_high));
}
.mc-table__cell > span {
  margin-right: 10px;
  display: block;
}
@media (min-width:768px) {
  .mc-table__cell {
    padding: 16px;
  }
}
/* ============================================================ player-scorecard.tsx ============================================================ */ .mc-player-scorecard {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mc-player-scorecard__name {
  font: var(--body_sm_medium);
  color: hsl(var(--core_neu_800));
  text-transform: capitalize;
}
.mc-player-scorecard__score {
  font: var(--body_sm_bold);
  color: hsl(var(--text_main_medium));
}
.mc-player-scorecard__active {
  font-size: 0px;
}
.mc-player-scorecard__active::before {
  content: "";
  width: 0px;
  display: inline-block;
  height: 0px;
  border: 5px solid transparent;
  border-left: 9px solid hsl(122 100% 39%);
}
/* ============================================================ players-display.tsx ============================================================ */ .mc-players-display {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 8px;
}
.mc-players-display__section + .mc-players-display__section {
  border-top: 1px solid hsl(var(--core_neu_200));
}
.mc-players-display__section {
  padding: 16px 0;
}
.mc-players-display__heading {
  font: var(--body_md_medium);
  color: hsl(var(--text_main_high));
  margin-bottom: 8px;
  text-align: center;
}
.mc-players-display__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid hsl(var(--core_neu_200));
  padding: 8px;
}
@media (min-width: 768px) {
  .mc-players-display__section + .mc-players-display__section {
    border-top: 0;
  }
}
@media (min-width: 1024px) {
  .mc-players-display {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* ============================================================ ball-display.tsx ============================================================ */ .mc-ball-display {
  background-color: hsl(var(--background_sec_card_2));
  color: hsl(var(--text_sec_high));
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: var(--body_sm_bold);
  flex-direction: column;
}
.mc-ball-display--wicket {
  background-color: hsl(var(--core_prim_500));
  color: hsl(var(--text_invert_high));
}
.mc-ball-display--four, .mc-ball-display--six {
  background-color: hsl(var(--background_sec_container));
  color: hsl(var(--text_invert_high));
}
.mc-ball-display--legby {
  background-color: hsl(var(--core_neu_300));
  color: hsl(var(--text_main_high));
}
.mc-ball-display--wide, .mc-ball-display--noball {
  background-color: hsl(var(--core_warn_500));
  color: hsl(var(--text_main_high));
}
.mc-ball-display__run {
  font: var(--body_xs_medium);
  padding: 4px;
}
.mc-ball-display__extra {
  font: var(--body_xs_medium);
  width: 100%;
  background-color: hsl(var(--core_neu_50));
  margin-top: auto;
  text-align: center;
  color: hsl(var(--text_main_high));
  text-transform: uppercase;
}
/* ============================================================ innings-selector.tsx ============================================================ */ .mc-innings-selector {
  position: relative;
  margin-bottom: 16px;
}
.mc-innings-selector__row {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
  position: relative;
  flex-wrap: wrap;
}
.mc-innings-selector__label {
  cursor:pointer;
  font: var(--body_md_medium);
  color: hsl(var(--text_main_high));
}
.mc-innings-selector__trigger {
  cursor: pointer;
  width: max-content;
  min-width: 17rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  background-color: hsl(var(--core_neu_200));
  border-radius: 4px;
}
.mc-innings-selector__trigger-text {
  font: var(--body_md_regular);
  color: hsl(var(--text_main_medium));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mc-innings-selector__chevron {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}
.mc-innings-selector__chevron--open {
  transform: rotate(180deg);
}
.mc-innings-selector__menu {
  position: absolute;
  width: 100%;
  max-width: 17rem;
  overflow: hidden;
  box-shadow: var(--shadow_sm);
  top: 100%;
  right: 0;
  margin-top: 4px;
  background-color: hsl(var(--background_main_surface));
  border: 1px solid hsl(var(--core_neu_200));
  border-radius: 8px;
  z-index: 100;
}
.mc-innings-selector__option {
  cursor: pointer;
  width: 100%;
  font: var(--body_md_regular);
  text-align: left;
  padding: 12px;
  color: hsl(var(--text_main_high));
}
.mc-innings-selector__option--active {
  background-color: hsl(var(--core_prim_500));
  color: hsl(var(--text_invert_high));
}
/* ============================================================ live-match-footer.tsx ============================================================ */ .mc-live-match-footer {
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  background-color: hsl(var(--background_main_surface));
  overflow: hidden;
  padding: 8px;
}
@media (min-width: 1024px) {
  .mc-live-match-footer {
    max-width: 900px;
  }
  .mc-spider-graph__tab-fullname {
    display: block;
  }
  .mc-spider-graph__tab-shortname {
    display: none;
  }
}
@media (min-width: 1280px) {
  .mc-live-match-footer {
    max-width: 900px;
  }
}
@media (min-width: 1536px) {
  .mc-live-match-footer {
    max-width: 1000px;
  }
}
.mc-live-match-footer__message {
  padding: 16px;
  text-align: center;
  font: var(--body_md_medium);
}
.mc-live-match-footer__message--error {
  color: hsl(var(--core_prim_500));
}
/* ============================================================ swiper-content.tsx ============================================================ */ .mc-ball-by-ball, .mc-fall-of-wicket {
  position: relative;
}
.mc-ball-by-ball__slide {
  display: flex;
  justify-content: center;
  gap: 12px;
  align-items: center;
  padding: 24px 32px;
  flex-wrap: wrap;
}
.mc-ball-by-ball__ball {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mc-ball-by-ball__pagination, .mc-fall-of-wicket__pagination {
  display: flex;
  justify-content: center;
  margin: 16px 0;
}
.mc-ball-by-ball__pagination--hidden, .mc-fall-of-wicket__pagination--hidden {
  display: none;
}
.mc-ball-by-ball__bullet, .mc-fall-of-wicket__bullet {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: hsl(var(--core_neu_200));
  color: hsl(var(--text_main_high));
  border-radius: 9999px;
  margin: 0 4px;
  font: var(--body_xs_medium);
}
.mc-ball-by-ball__bullet--active, .mc-fall-of-wicket__bullet--active {
  background-color: hsl(var(--core_neu_900));
  color: hsl(var(--text_invert_high));
}
.mc-fall-of-wicket__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px 0;
  border-radius: 12px;
}
.mc-fall-of-wicket__text {
  font: var(--body_sm_bold);
  color: hsl(var(--text_main_high));
  padding:8px;
  border: 1px solid hsl(var(--border_main_default));
}
.mc-fall-of-wicket__nav-prev, .mc-ball-by-ball__nav-prev {
  border-right: 1px solid #E1E1E6;
  cursor: pointer;
}
.mc-fall-of-wicket__nav-next, .mc-ball-by-ball__nav-next {
  border-left: 1px solid #E1E1E6;
  cursor: pointer
}
.mc-ball-by-ball__nav-prev .icon_chevron_left::before {
  content: '\e80a';
}
.mc-fall-of-wicket__nav-prev .icon_chevron_left::before, .mc-ball-by-ball__nav-prev .icon_chevron_left::before {
  content: '\e809';
}
.mc-fall-of-wicket__nav-next .icon_chevron_right::before, .mc-ball-by-ball__nav-next .icon_chevron_right::before {
  content: '\e80a';
}
/* ============================================================ swiper-navigation.tsx ============================================================ */ .mc-swiper-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}
.mc-swiper-nav__btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  background-color: hsl(var(--background_main_surface));
  height: 100%;
}
.mc-swiper-nav__icon {
  color: hsl(var(--text_main_high));
}
.mc-live-match-footer__message {
  color:#000;
  font:var(--body_lg_bold);
}
.mc-masthead__teams--with-superover {
  .mc-team-score {
    flex-direction: column;
    padding-block: 8px;
    &:not(:last-child) {
      border-bottom: 1px solid white;
    }
  }
}
.mc-graph-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* pinned to edges on mobile */ gap: 16px;
  width: 100%;
  padding: 12px 16px;
}
.mc-graph-header__item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.mc-graph-header__swatch {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  /* background-color comes from inline style */
}
.mc-graph-header__team {
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: #1d2f58;
  white-space: nowrap;
}
/* Desktop: centered cluster instead of edge-pinned */ @media (min-width: 768px) {
  .mc-graph-header {
    justify-content: center;
    gap: 48px;
    padding: 16px;
  }
  .mc-graph-header__team {
    font-size: 15px;
  }
}
.mc-spider-graph__tab-superover {
  display: none;
}
.mc-team-score--varient-2 {
  align-items: end;
}