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;}}
/* ============================================================ player-profile — Component.css Mobile-first: base styles target mobile (< 768px). Desktop overrides gated behind @media (min-width: 768px) / (min-width: 1024px). ============================================================ */ /* ── Career stats table (Component.tsx) ── */ .pps-root {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.pps-formatSection {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-inline: var(--container-offset);
  padding-bottom: 28px;
}
.pps-formatLabel {
  font: 700 20px / 1 Poppins;
  color: hsl(var(--text_main_high));
}
.pps-tableScroll {
  width: 100%;
  overflow-x: auto;
}
.pps-table {
  width: 100%;
  table-layout: fixed;
  border-width: 0;
  border-collapse: collapse;
  position: relative;
}
.pps-thead {
  position: sticky;
  top: 0;
  z-index: 3;
}
.pps-headRow {
  background: hsl(var(--background_invert_surface));
  cursor: default;
}
.pps-thSection {
  font: var(--body_sm_bold);
  background: hsl(var(--background_invert_surface));
  border-width: 0;
  position: sticky;
  left: 0;
  z-index: 2;
  text-align: left;
}
.pps-thSectionInner {
  font: 400 10px / 12px Poppins;
  padding-left: 20px;
  color: hsl(var(--text_sec_high));
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
}
.pps-thSectionInner p {
  font-size: 12px
}
.pps-th {
  font: var(--body_sm_bold);
  background: hsl(var(--background_invert_surface));
  border-width: 0;
}
.pps-thInner {
  font: 400 10px / 12px Poppins;
  padding-inline: var(--spacing_4);
  color: hsl(var(--text_sec_high));
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 32px;
}
.pps-row {
  color: hsl(var(--text_main_high));
  cursor: default;
}
.pps-row:nth-child(odd) {
  background: #F7F7FC;
}
.pps-row:nth-child(even) {
  background: hsl(var(--text_sec_high));
}
.pps-tdSection {
  font: var(--body_xs_medium);
  background: inherit;
  border-width: 0;
  position: sticky;
  left: 0;
  z-index: 2;
}
.pps-tdSection--overall {
  font: var(--body_xs_bold);
}
.pps-tdSectionInner {
  font: var(--body_xs_medium);
  padding-inline: var(--spacing_6);
  color: hsl(var(--text_main_high));
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 50px;
}
.pps-tdSectionInner--overall {
  font: var(--body_xs_bold);
}
.pps-td {
  font: var(--body_xs_medium);
  background: inherit;
  border-width: 0;
}
.pps-td--overall {
  font: var(--body_xs_bold);
}
.pps-tdInner {
  font: var(--body_xs_medium);
  padding-inline: var(--spacing_4);
  color: hsl(var(--text_main_high));
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 50px;
}
.pps-th--overall .pps-thInner {
  font: var(--body_xs_bold);
}
/* Desktop table (years as rows) shown ≥768px;
mobile table (transposed — stats as rows, years as columns) shown <768px. */ .pps-tableScroll--mobile {
  display: none;
}
.pps-tableScroll--desktop .pps-thSection, .pps-tableScroll--desktop .pps-tdSection {
  width: 180px;
}
.pps-tableScroll--desktop .pps-tdSectionInner {
  font-weight: 700;
  justify-content: center;
  text-align: center;
}
@media (max-width: 767px) {
  .pps-tableScroll--desktop {
    display: none;
  }
  .pps-tableScroll--mobile {
    display: block;
  }
  .pps-tableScroll--mobile .pps-thSection, .pps-tableScroll--mobile .pps-tdSection, .pps-tableScroll--mobile .pps-th, .pps-tableScroll--mobile .pps-td {
    width: calc(50vw - 32px);
    min-width: calc(50vw - 32px);
  }
  .pps-tableScroll--mobile .pps-tdSectionInner {
    font: 700 10px / 1 Poppins;
    justify-content: center;
    text-align: center;
  }
}
/* ── Masthead root ── */ .ppm-root {
  position: relative;
  padding-bottom: 28px;
  color: hsl(var(--core_neu_900));
}
/* ── Masthead mobile view ── */ .ppm-mobile {
  display: block;
}
.ppm-mobileImgWrap {
  position: relative;
  background-color: hsl(var(--core_prim_500));
  overflow: hidden;
}
.ppm-mobileImgOverlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: url("/static-assets/images/misc/wf-logo.webp?v=1.01");
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.5;
}
.ppm-mobileImg {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: top;
  margin-top: 60px;
}
.ppm-statsRow {
  background-color: #F7F7FC;
  padding-block: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.ppm-statItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-inline: 16px;
}
.ppm-statItem--bordered {
  border-left: 1px solid #E1E1E6;
}
.ppm-statValue {
  font: var(--h3_bold);
  color: hsl(var(--core_neu_900));
}
.ppm-statLabel {
  font: var(--body_xs_medium);
  color: #111115;
  margin-top: 0.25rem;
  text-align: center;
  text-transform: uppercase;
}
.ppm-metaCol {
  text-align: center;
}
.ppm-nameSection {
  position: relative;
  background-image: url("/static-assets/images/misc/player-profile-bg-m.webp?v=1.01");
  background-size: cover;
  background-position: center;
  color: hsl(var(--core_neu_00));
  padding-inline: 16px;
  padding-block: 20px;
}
.ppm-nameWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.ppm-firstName {
  font: var(--h1_regular);
  text-transform: capitalize;
}
.ppm-lastName {
  font: 700 30px / 1 Poppins;
  text-transform: capitalize;
}
.ppm-metaRow {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 1.5rem;
}
.ppm-roleLabel {
  font: var(--body_xs_regular);
  color: hsl(var(--text_sec_low));
}
.ppm-roleValue {
  font: var(--badge-sm);
  color: hsl(var(--text_sec_high));
  text-transform: capitalize;
}
.ppm-divider {
  width: 1px;
  height: 2rem;
  background-color: hsl(var(--core_neu_300));
}
.ppm-inlineFlex {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ppm-flag {
  width: 2rem;
  height: 1.25rem;
  object-fit: cover;
}
.ppm-metaSection {
  color: hsl(var(--core_neu_00));
  background-color: #111115;
}
.ppm-metaInner {
  padding-block: 16px;
  padding-inline: 16px;
}
.ppm-metaItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 24px;
  &:last-child {
    padding-bottom: unset;
  }
}
.ppm-metaItem--top {
  border-top: 1px solid hsl(var(--text_sec_low) / 0.2);
  padding-bottom: unset;
}
.ppm-metaSplitRow {
  display: flex;
  width: 100%;
}
.ppm-metaSplitCol {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ppm-metaSplitCol--bordered {
  border-right: 1px solid hsl(var(--text_sec_low) / 0.2);
}
.ppm-splitDivider {
  width: 1px;
  background-color: hsl(var(--core_neu_300) / 0.3);
  align-self: stretch;
}
.ppm-metaValue {
  font: 500 12px / 16px Poppins;
  color: hsl(var(--text_sec_high));
  text-transform: uppercase;
}
.ppm-metaLabel {
  font: 500 14px / 18px Poppins;
  color: hsl(var(--text_sec_low));
  text-transform: capitalize;
}
.ppm-bioSection {
  position: relative;
  background-image: url("/static-assets/images/misc/player-profile-bg-m.webp?v=1.01");
  background-size: cover;
  background-position: center;
  color: hsl(var(--core_neu_00));
  padding-inline: 1.5rem;
  padding-block: 20px 28px;
}
.ppm-bioTitleMobile {
  font: 700 14px / 1 Poppins;
  color: hsl(var(--text_sec_high));
  margin-bottom: 12px;
  text-align: center;
}
.ppm-bioTextMobile {
  font: 400 10px / 12px Poppins;
  color: hsl(var(--text_sec_high));
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
}
.ppm-bioTextMobile p {
  font: 400 10px / 12px Poppins;
}
.ppm-readMoreBtn {
  font: 700 12px / 1 Poppins;
  padding-block: 10px;
  padding-inline: 16px;
  background-color: hsl(var(--background_button_prim_default));
  color: hsl(var(--text_prim_high));
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.ppm-btnRow {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
/* ── Bio modal ── */ .ppm-modalOverlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.ppm-modal {
  background: hsl(var(--background_main_surface));
  max-width: 774px;
  width: 100%;
  max-height: 60vh;
  display: flex;
  flex-direction: column;
  position: relative;
}
.ppm-modalClose {
  height: 30px;
  width: 30px;
  top: -12px;
  right: -12px;
  position: absolute;
  border-radius: 20px;
  background-color: #eb0a2c;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ppm-modalTitle {
  font: var(--dp_4_regular);
  flex-shrink: 0;
  color: hsl(var(--text_main_high));
  text-transform: capitalize;
  margin: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.ppm-modalLabel {
  font: 700 20px/1 Poppins;
  color: #000000;
  text-transform: uppercase;
}
.ppm-modalBody {
  font: var(--body_md_regular);
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0 16px 16px;
  color: hsl(var(--text_main_high));
  line-height: 1.7;
}
.ppm-modalBody p {
  margin: 0 0 16px;
}
.ppm-modalBody p:last-child {
  margin-bottom: 0;
}
/* ── Masthead desktop view ── */ .ppm-desktop {
  display: none;
  position: relative;
  background-image: url("/static-assets/images/misc/player-profile-bg-d.webp?v=1.01");
  background-size: cover;
}
.ppm-desktopInner {
  padding-inline: var(--container-offset);
  color: hsl(var(--core_neu_00));
}
.ppm-accentBg {
  background-color: hsl(var(--core_prim_500));
  padding: 1.75rem;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: calc(var(--container-offset) + 140px);
}
.ppm-topRow {
  display: flex;
  gap: var(--spacing_8);
}
.ppm-leftCol {
  padding-top: 2rem;
  width: 280px;
  flex-shrink: 0;
  position: relative;
}
.ppm-leftCol::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/static-assets/images/misc/wf-logo.webp?v=1.01");
  background-size: 100% auto;
  background-repeat: no-repeat;
  opacity: 0.2;
  scale: 1.8;
  background-position: center;
  pointer-events: none;
}
.ppm-leftImg {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: top;
}
.ppm-middleCol {
  padding-top: 2rem;
  padding-bottom: 1rem;
  flex: 1 1 0%;
}
.ppm-nameHeading {
  margin-block: 1.5rem;
}
.ppm-nameText {
  color: hsl(var(--text_sec_high));
}
.ppm-nameText--first {
  font: var(--h1_regular);
  text-transform: capitalize;
  display: block;
}
.ppm-nameText--last {
  font: var(--h1_bold);
  text-transform: capitalize;
  display: block;
}
.ppm-desktopMetaRow {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: var(--spacing_8);
  gap: var(--spacing_6);
  margin-bottom: var(--spacing_6);
}
.ppm-desktopMetaCol {
  position: relative;
  min-width: 2rem;
}
.ppm-desktopMetaLabel {
  font: var(--body_sm_regular);
  color: hsl(var(--text_sec_low));
  padding-bottom: 0.25rem;
}
.ppm-desktopDivider {
  height: 30px;
  width: 1px;
  background-color: hsl(var(--core_neu_300));
  border: none;
}
.ppm-inlineFlex2 {
  display: flex;
  align-items: center;
  gap: var(--spacing_2);
}
.ppm-desktopBio {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  margin-top: auto;
  padding-top: var(--spacing_10);
}
.ppm-bioTitleDesktop {
  font: var(--body_lg_bold);
  color: hsl(var(--text_sec_high));
  padding-block: 0.75rem;
  text-transform: capitalize;
}
.ppm-bioContent {
  color: hsl(var(--text_sec_high));
  padding-bottom: var(--spacing_10);
}
.ppm-bioSpan {
  font: var(--body_md_medium);
}
.ppm-readMoreBtnDesktop {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: var(--spacing_3);
  margin-top: var(--spacing_4);
  min-width: 8rem;
  width: max-content;
  background-color: hsl(var(--background_button_prim_default));
  border: none;
  cursor: pointer;
  transition: background-color 300ms;
  padding-inline: 12px 6px;
}
.ppm-readMoreBtnDesktop::after {
  content: '\e817';
  rotate: -45deg;
  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;
  /* opacity: .8;
  */ font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
}
.ppm-readMoreBtnDesktop:hover {
  background-color: hsl(var(--background_button_prim_hover));
}
.ppm-readMoreBtnDesktopText {
  font: 700 16px / 24px Poppins;
  color: hsl(var(--text_prim_high));
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.ppm-rightCol {
  display: grid;
  align-content: center;
  background-color: hsl(var(--core_neu_900));
  width: 16rem;
  flex-shrink: 0;
  padding-block: 2rem;
}
.ppm-rightInner {
  padding: 2rem;
}
.ppm-featuredTitle {
  font: var(--body_lg_bold);
  color: hsl(var(--text_sec_high));
  margin-bottom: var(--spacing_4);
  text-transform: uppercase;
}
.ppm-featuredGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-top: 1rem;
  border-top: 1px solid #ededf278;
  margin-top: 1.5rem;
}
.ppm-featuredItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-block: 2rem;
  position: relative;
}
.ppm-featuredItem:first-child::after {
  content: "";
  display: block;
  width: 1px;
  height: 60%;
  background-color: #ededf278;
  position: absolute;
  top: 20%;
  right: 0;
  pointer-events: none;
}
.ppm-featuredItem:not(:nth-child(3)):not(:nth-child(4))::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ededf278;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.ppm-featuredItem:nth-child(3)::after {
  content: "";
  display: block;
  width: 1px;
  height: 60%;
  background-color: #ededf278;
  position: absolute;
  top: 20%;
  right: 0;
  pointer-events: none;
}
.ppm-featuredValue {
  font: var(--h1_bold);
  color: hsl(var(--core_neu_00));
}
.ppm-featuredLabel {
  font: var(--body_xs_medium);
  color: hsl(var(--core_neu_00));
  margin-top: var(--spacing_1);
  text-transform:capitalize;
}
.ppm-bottomBar {
  padding-block: 1rem;
  margin-top: -2.5rem;
  position: relative;
  bottom: -2.5rem;
  background-color: #F7F7FC;
}
.ppm-metaBarRow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.ppm-metaBarItem {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-block: var(--spacing_2);
}
.ppm-metaBarValue {
  font: var(--body_sm_bold);
  color: hsl(var(--core_neu_900));
  text-transform: uppercase;
  text-align: center;
}
.ppm-metaBarLabel {
  font: var(--body_xs_medium);
  color: hsl(var(--core_neu_500));
  text-transform: capitalize;
  text-align: center;
}
/* ── Skeleton (Skeleton.tsx) ── */ .ppsk-root {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.ppsk-hero {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  background-color: rgba(0, 0, 0, 0.05);
}
.ppsk-heroLeft {
  display: none;
  height: 360px;
  background-color: rgba(0, 0, 0, 0.1);
}
.ppsk-heroMiddle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding-inline: 2rem;
  padding-block: 2.5rem;
}
.ppsk-heroRight {
  display: none;
  flex-direction: column;
  gap: 1.5rem;
  padding-inline: 2rem;
  padding-block: 2.5rem;
  background-color: rgba(0, 0, 0, 0.05);
}
.ppsk-line1 {
  height: 1.5rem;
  width: 8rem;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.ppsk-line2 {
  height: 2.25rem;
  width: 16rem;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.ppsk-statsRow {
  display: flex;
  gap: 2rem;
  margin-top: 0.5rem;
}
.ppsk-statCol {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ppsk-tiny1 {
  height: 0.75rem;
  width: 3rem;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.ppsk-tiny2 {
  height: 1rem;
  width: 6rem;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.ppsk-tiny3 {
  height: 0.75rem;
  width: 5rem;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.ppsk-tiny4 {
  height: 1rem;
  width: 7rem;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.ppsk-bioBlock {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.ppsk-textLine {
  height: 0.75rem;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.ppsk-textLine90 {
  height: 0.75rem;
  width: 90%;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.ppsk-textLine80 {
  height: 0.75rem;
  width: 80%;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.ppsk-tinyTitle {
  height: 1.25rem;
  width: 8rem;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.ppsk-statsGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
.ppsk-statVal {
  height: 1.75rem;
  width: 3.5rem;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.ppsk-infoBar {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-inline: var(--container-offset);
  padding-block: 1.25rem;
  row-gap: 1rem;
}
.ppsk-infoItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.ppsk-infoLabel {
  height: 0.75rem;
  width: 6rem;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.ppsk-infoValue {
  height: 1rem;
  width: 8rem;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.ppsk-careerSection {
  width: 100%;
  padding-inline: var(--container-offset);
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ppsk-sectionTitle {
  height: 1.25rem;
  width: 12rem;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.ppsk-tableBlock {
  width: 100%;
}
.ppsk-tableBlockSecond {
  width: 100%;
  margin-top: 0.75rem;
}
.ppsk-tableHead {
  height: 2.5rem;
  background-color: hsl(var(--background_invert_surface));
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.ppsk-tableRow {
  height: 3rem;
  margin-top: 2px;
  background-color: rgba(0, 0, 0, 0.1);
}
.ppsk-tableRow--last {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
/* ── Player profile card (PlayerProfileCard.tsx) ── */ .ppc-root {
  width: 100%;
  background-color: hsl(var(--background_invert_surface));
}
.ppc-row {
  display: flex;
  align-items: stretch;
}
.ppc-imgWrap {
  display: none;
  position: relative;
  flex-shrink: 0;
  width: 140px;
  min-height: 180px;
  background-color: hsl(var(--surface_brand_primary));
}
.ppc-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
}
.ppc-bio {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 0%;
  padding-inline: var(--spacing_6);
  padding-block: var(--spacing_6);
  gap: var(--spacing_3);
}
.ppc-name {
  color: hsl(var(--text_main_high));
  line-height: 1.1;
}
.ppc-firstName {
  font: var(--body_lg_medium);
}
.ppc-lastName {
  font: var(--body_lg_bold);
}
.ppc-meta {
  font: var(--body_xs_medium);
  color: hsl(var(--text_sec_high));
}
.ppc-writeup {
  font: var(--body_xs_medium);
  color: hsl(var(--text_sec_high));
  margin-bottom: 4px;
}
.ppc-readMore {
  font: var(--body_xs_bold);
  color: hsl(var(--text_sec_high));
  text-decoration: underline;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.ppc-statsWrap {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-inline: var(--spacing_6);
  padding-block: var(--spacing_6);
  min-width: 160px;
}
.ppc-statsTitle {
  font: var(--body_xs_bold);
  color: hsl(var(--text_sec_high));
  margin-bottom: 12px;
}
.ppc-statsGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
}
.ppc-statItem {
  display: flex;
  flex-direction: column;
  gap: var(--spacing_1);
}
.ppc-statLabel {
  font: var(--body_2xs_medium);
  color: hsl(var(--text_sec_high));
}
.ppc-statValue {
  font: var(--body_md_bold);
  color: hsl(var(--text_main_high));
}
.ppc-infoBar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing_4);
  padding-inline: var(--spacing_6);
  padding-block: var(--spacing_4);
  border-top: 1px solid #ededf278;
}
.ppb-titleMobile {
  font: var(--body_lg_bold);
  color: hsl(var(--text_sec_high));
  text-align: center;
  margin-bottom: 1rem;
}
.ppb-textMobile {
  font: var(--body_md_medium);
  color: hsl(var(--text_sec_high));
  text-align: center;
}
.ppb-btnRow {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.ppb-readMoreBtn {
  font: var(--button_xs);
  padding-block: 0.75rem;
  padding-inline: 2rem;
  background-color: hsl(var(--background_button_prim_default));
  color: hsl(var(--text_prim_high));
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: none;
  cursor: pointer;
}
.ppb-desktop {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  margin-top: auto;
  padding-top: var(--spacing_10);
}
.ppb-titleDesktop {
  font: var(--body_lg_bold);
  color: hsl(var(--text_sec_high));
  text-transform: capitalize;
  margin-bottom: var(--spacing_3);
  padding-block: 0.75rem;
}
.ppb-content {
  color: hsl(var(--text_sec_high));
  max-height: 170px;
  overflow-y: auto;
  padding-bottom: var(--spacing_10);
}
.ppb-bioSpan {
  font: var(--body_md_medium);
}
.ppb-readLess {
  font: var(--button_xs);
  text-transform: uppercase;
  color: hsl(var(--text_prim_high));
  letter-spacing: 0.05em;
  cursor: pointer;
}
.ppb-readMoreBtnDesktop {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: var(--spacing_3);
  margin-top: var(--spacing_4);
  min-width: 8rem;
  width: max-content;
  background-color: hsl(var(--background_button_prim_default));
  border: none;
  cursor: pointer;
  transition: background-color 300ms;
}
.ppb-readMoreBtnDesktop:hover {
  background-color: hsl(var(--background_button_prim_hover));
}
.ppb-readMoreText {
  font: var(--button_xs);
  text-transform: uppercase;
  color: hsl(var(--text_prim_high));
  letter-spacing: 0.05em;
}
/* ── Desktop breakpoint (≥ 768px) ── */ @media (min-width: 768px) {
  .ppm-mobile {
    display: none;
  }
  .ppm-desktop {
    display: block;
  }
  .ppm-leftImg {
    height: 100%;
    object-fit: contain;
  }
  .ppsk-hero {
    grid-template-columns: 280px minmax(0, 1fr) 320px;
  }
  .ppsk-heroLeft {
    display: block;
  }
  .ppsk-heroMiddle {
    padding-inline: 3rem;
  }
  .ppsk-heroRight {
    display: flex;
  }
  .ppsk-infoBar {
    grid-template-columns: repeat(4, 1fr);
  }
  .ppc-imgWrap {
    display: block;
  }
}
/* ── Tablet breakpoint (768px – 1023px) ── Desktop masthead's fixed leftCol/rightCol widths (280px + 256px) leave almost no room for the middle column at this range, causing overflow. Narrow both side columns and tighten the gap so the middle column fits. */ @media (min-width: 768px) and (max-width: 1023.98px) {
  .ppm-topRow {
    gap: var(--spacing_4);
  }
  .ppm-leftCol {
    width: 160px;
  }
  .ppm-accentBg {
    width: calc(var(--container-offset) + 175px);
  }
  .ppm-leftImg {
    object-position: bottom;
  }
  .ppm-rightCol {
    width: 180px;
  }
  .ppm-rightInner {
    padding: 1rem;
  }
}
/* ── Large desktop breakpoint (≥ 1024px) ── */ @media (min-width: 1024px) {
  .ppm-leftImg {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
    object-position: bottom;
  }
  .ppm-middleCol {
    max-width: 380px;
  }
  .ppm-rightCol {
    margin-left: auto;
    min-width: 280px;
  }
  .ppm-leftCol {
    width: 480px;
    margin-left: -5%;
  }
  .ppm-topRow {
    gap: unset;
  }
  .ppm-leftCol::before {
    scale: unset;
    top:-10px;
    background-position: top;
  }
  .ppm-desktopMetaRow {
    justify-content: flex-start;
  }
  .ppm-desktopBio {
    display: flex;
    border-top: 1px solid #E1E1E6;
    padding-top: 20px;
  }
  .ppm-desktopBio .ppm-bioSpan {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .ppm-metaBarRow {
    flex-wrap: nowrap;
  }
  .ppm-metaBarItem {
    width: 25%;
  }
  .ppm-metaBarItem:not(:last-child) {
    border-right: 1px solid #E1E1E6;
  }
  .ppb-desktop {
    display: flex;
  }
  .ppm-desktopMetaLabel {
    font-size: 12px;
  }
  .ppm-roleValue {
    font-size: 14px;
  }
  .ppm-bioTitleDesktop {
    font-size: 16px;
    padding-top: unset;
    padding-bottom: 4px;
  }
  .ppm-bioSpan {
    font-size: 12px;
  }
  .ppm-readMoreBtnDesktop {
    margin: unset;
  }
  .ppm-featuredTitle {
    font-size: 16px;
  }
  .ppm-rightInner {
    padding: 16px;
  }
  .ppm-featuredTitle {
    margin: unset;
  }
  .ppm-featuredGrid {
    margin-top: 16px;
    padding-top: 20px;
  }
  .ppm-featuredItem {
    padding-block: 20px;
  }
  .ppm-featuredValue {
    font-size: 24px;
  }
  .ppm-metaBarLabel {
    color: #111115;
  }
  .ppm-metaBarValue {
    font-size: 20px;
  }
  .ppm-root {
    padding-bottom: 95px;
  }
}
.ppm-badgeRow {
  display: none;
}
@media (max-width: 767px) {
  .ppm-featuredTitle {
    display: none;
  }
}