.series-chart-page{--sa-cricket-green:#079d50;--sa-deep-charcoal:#1a1a1a;--sa-on-surface:#1b1c1c;--sa-on-surface-variant:#3e4a3f;--sa-surface-lowest:#ffffff;--sa-surface-low:#f5f3f3;--sa-outline-variant:#e5e5e5;--sa-secondary:#5f5e5e;--sa-error:#ba1a1a;--sa-tertiary:#5d5c57;--sa-primary-fixed-dim:#62de89;--sa-pitch-earth:#f4f1ea;--sa-gutter:16px;box-sizing:border-box;color:var(--sa-on-surface);font-family:inherit;font-size:16px;line-height:24px;width:100%}
.series-chart-page *,.series-chart-page *::after,.series-chart-page *::before{box-sizing:border-box}
.series-chart-page .material-symbols-outlined{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;vertical-align:middle}
.series-chart-page ::selection{background-color:var(--sa-cricket-green);color:#fff}
.sa-label-caps{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;line-height:16px;text-transform:uppercase}
.sa-text-muted{color:var(--sa-on-surface-variant)}
.sa-text-green{color:var(--sa-cricket-green)}
.sa-text-charcoal{color:var(--sa-deep-charcoal)}
.sa-text-secondary{color:var(--sa-secondary)}
.sa-text-error{color:var(--sa-error)}
.sa-display-lg{font-size:48px;font-weight:800;letter-spacing:-.02em;line-height:56px}
.sa-headline-lg{font-size:24px;font-weight:700;line-height:32px}
.sa-headline-md{font-size:20px;font-weight:700;line-height:28px}
.sa-stats-number{font-size:24px;font-weight:800;line-height:24px}
.sa-body-sm{font-size:14px;line-height:20px}
.sa-body-md{font-size:16px;line-height:24px}
.sa-page-header{margin-bottom:32px}
.sa-page-title{color:var(--sa-deep-charcoal);font-size:24px;font-weight:700;line-height:32px;margin:0 0 8px}
.sa-page-desc{color:var(--sa-on-surface-variant);font-size:16px;line-height:24px;margin:0}
@media (min-width:768px){
.sa-page-title{font-size:32px;line-height:40px}
}
.sa-grid{display:grid;gap:var(--sa-gutter);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:32px}
.sa-col-4{grid-column:span 4}
.sa-col-3{grid-column:span 4}
.sa-col-5{grid-column:span 4}
.sa-col-6{grid-column:span 4}
.sa-col-8{grid-column:span 4}
@media (min-width:768px){
.sa-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
.sa-col-3{grid-column:span 3}
.sa-col-4{grid-column:span 4}
.sa-col-5{grid-column:span 5}
.sa-col-6{grid-column:span 6}
.sa-col-8{grid-column:span 8}
}
.sa-card{background-color:var(--sa-surface-lowest);border:1px solid var(--border-color-light);border-radius:8px;display:flex;flex-direction:column;height:100%;opacity:0;padding:15px;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.sa-card.is-visible{opacity:1;transform:translateY(0)}
.sa-card--summary{border-left:4px solid var(--sa-cricket-green)}
.sa-card-label{color:var(--sa-on-surface-variant);margin-bottom:16px}
.sa-summary-section + .sa-summary-section{margin-top:24px}
.sa-summary-block + .sa-summary-block{margin-top:12px}
.sa-summary-heading{align-items:center;display:flex;gap:8px;margin-bottom:4px}
.sa-stat-row{align-items:baseline;display:flex;gap:8px}
.sa-stat-pair{display:flex;gap:24px;padding-top:8px}
.sa-stat-pair__item{flex:1}
.sa-divider{border-top:1px solid var(--sa-outline-variant);margin-top:16px;padding-top:16px}
.sa-card--overflow{container-name:wagon-card;container-type:inline-size;overflow:visible;position:relative}
.sa-wagon-wrap{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center;margin:0 auto;max-width:280px;position:relative;width:100%;margin-top:16px}
@media screen and (min-width:768px) and (max-width:1300px){
.sa-wagon-wrap{max-width:210px}
}
@media screen and (max-width:767px){
.sa-wagon-wrap{max-width:250px;margin-top:5px}
}
.sa-wagon-inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}
.sa-wagon-svg{display:block;height:100%;width:100%}
.sa-wagon-segment{cursor:pointer;filter:saturate(.85);transition:all .3s cubic-bezier(.4,0,.2,1)}
.sa-wagon-inner--empty .sa-wagon-segment{display:none;pointer-events:none}
.sa-wagon-segment:hover{filter:saturate(1.2);opacity:1!important;transform:scale(1.03);transform-origin:center}
.sa-zone-labels{font-size:10px;inset:0;pointer-events:none;position:absolute}
.sa-zone-label{line-height:1.2;position:absolute;text-align:center;transition:all .3s ease;white-space:nowrap}
.sa-zone-label__value{color:var(--sa-on-surface);font-weight:700;opacity:1;transform:translateY(0);transition:all .3s ease}
.sa-zone-label__name{letter-spacing:-.02em;text-transform:uppercase}
.sa-wagon-inner:hover .sa-zone-label{opacity:.3}
.sa-wagon-inner:hover .sa-zone-label.is-active{opacity:1}
.sa-wagon-inner:hover .sa-zone-label--fine-leg.is-active,.sa-wagon-inner:hover .sa-zone-label--mid-off.is-active{transform:translateX(-50%) scale(1.1)}
.sa-wagon-inner:hover .sa-zone-label--mid-wicket.is-active,.sa-wagon-inner:hover .sa-zone-label--point.is-active{transform:translateY(-50%) scale(1.1)}
.sa-wagon-inner:hover .sa-zone-label--covers.is-active,.sa-wagon-inner:hover .sa-zone-label--mid-on.is-active,.sa-wagon-inner:hover .sa-zone-label--square-leg.is-active,.sa-wagon-inner:hover .sa-zone-label--third-man.is-active{transform:scale(1.1)}
.sa-zone-label--fine-leg{left:50%;top:-5%;transform:translateX(-50%)}
.sa-zone-label--square-leg{right:-5%;top:12%}
.sa-zone-label--mid-wicket{right:-15%;top:50%;transform:translateY(-50%)}
.sa-zone-label--mid-on{bottom:12%;right:-5%}
.sa-zone-label--mid-off{bottom:-5%;left:50%;transform:translateX(-50%)}
.sa-zone-label--covers{bottom:12%;left:-5%}
.sa-zone-label--point{left:-15%;top:50%;transform:translateY(-50%)}
.sa-zone-label--third-man{left:-5%;top:12%}
.sa-zone-label__name{letter-spacing:-.04em}
}


.sa-boundary-row{align-items:center;display:flex;justify-content:space-between}
.sa-boundary-row + .sa-boundary-row{margin-top:24px}
.sa-boundary-bar{border-radius:999px;height:4px}
.sa-boundary-bar--green{background-color:var(--sa-cricket-green);width:48px}
.sa-boundary-bar--charcoal{background-color:var(--sa-deep-charcoal);width:32px}
.sa-leaders{margin-top:16px;padding-top:16px}
.sa-leaders__row{align-items:center;display:flex;justify-content:space-between}
.sa-leaders__row + .sa-leaders__row{margin-top:12px}
.sa-player-card{background-color:var(--sa-surface-lowest);border:1px solid var(--border-color-light);border-radius:8px;opacity:0;overflow:hidden;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.sa-player-card.is-visible{opacity:1;transform:translateY(0)}
.sa-player-card__hero{background-color:var(--sa-pitch-earth);height:128px;position:relative}
a.sa-player-card__hero{color:inherit;display:block;text-decoration:none}
a.sa-player-card__hero:hover .sa-player-card__name{text-decoration:underline}
.sa-player-card__hero img{height:100%;object-fit:cover;width:100%}
.sa-player-card__name{background:linear-gradient(to top,rgba(0,0,0,.6),transparent);bottom:0;color:#fff;font-size:16px;font-weight:700;left:0;line-height:24px;padding:12px;position:absolute;width:100%}
.sa-player-card__body{padding:16px}
.sa-player-stats{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.sa-player-stats .sa-body-sm,.sa-player-stats .sa-headline-md{display:block}
.sa-run-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}
.sa-run-bar-wrap{margin-bottom:32px;position:relative}
.sa-run-bar{border-radius:10px;display:flex;height:48px;overflow:hidden;width:100%}
.sa-run-bar__seg{cursor:pointer;height:100%;transition:filter .2s ease}
.sa-run-bar__seg:hover{filter:brightness(1.08)}
.sa-run-bar-tooltip{background-color:var(--sa-surface-lowest);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);left:50%;min-width:90px;opacity:0;padding:5px 5px 12px;pointer-events:none;position:absolute;text-align:center;top:-12px;transform:translate(-50%,-100%);transition:opacity .15s ease;visibility:hidden;white-space:nowrap;z-index:20}
.sa-run-bar-tooltip.is-visible{opacity:1;visibility:visible}
.sa-run-bar-tooltip::after{border:7px solid transparent;border-top-color:var(--sa-surface-lowest);content:'';left:50%;position:absolute;top:100%;transform:translateX(-50%)}
.sa-run-bar-tooltip__label{color:var(--sa-deep-charcoal);font-size:12px;font-weight:700;letter-spacing:.05em;line-height:16px;text-transform:uppercase}
.sa-run-bar-tooltip__value{font-size:18px;font-weight:bold}
.sa-run-bar-tooltip__value--singles{color:var(--sa-cricket-green)}
.sa-run-bar-tooltip__value--doubles{color:var(--sa-error)}
.sa-run-bar-tooltip__value--triples{color:var(--sa-tertiary)}
.sa-run-bar-tooltip__value--fours{color:var(--sa-deep-charcoal)}
.sa-run-bar-tooltip__value--sixes{color:var(--sa-primary-fixed-dim)}
.sa-run-bar-tooltip__unit{color:var(--sa-on-surface-variant);font-size:10px;line-height:1;text-transform:uppercase;margin-top:5px}
.sa-run-bar__seg--singles{background-color:var(--sa-cricket-green)}
.sa-run-bar__seg--doubles{background-color:var(--sa-error)}
.sa-run-bar__seg--triples{background-color:var(--sa-tertiary)}
.sa-run-bar__seg--fours{background-color:var(--sa-deep-charcoal)}
.sa-run-bar__seg--sixes{background-color:var(--sa-primary-fixed-dim)}
.sa-run-legend{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){
.sa-run-legend{grid-template-columns:repeat(5,minmax(0,1fr))}
}
.sa-run-legend__item{align-items:center;display:flex;gap:8px}
.sa-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}
.sa-dot--green{background-color:var(--sa-cricket-green)}
.sa-dot--error{background-color:var(--sa-error)}
.sa-dot--tertiary{background-color:var(--sa-tertiary)}
.sa-dot--charcoal{background-color:var(--sa-deep-charcoal)}
.sa-dot--primary-dim{background-color:var(--sa-primary-fixed-dim)}
.sa-stat-tiles{display:grid;gap:var(--sa-gutter);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){
.sa-stat-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.sa-stat-tile{background-color:var(--sa-surface-low);border-radius:4px;padding:16px}
.sa-stat-tile__label{color:var(--sa-on-surface-variant);margin-bottom:4px}
.sa-economy-panel{align-items:center;background-color:var(--sa-pitch-earth);border-radius:4px;display:flex;justify-content:space-between;margin-top:32px;padding:16px}
.sa-economy-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
@media (min-width:768px){
.sa-economy-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.sa-economy-item__name{color:var(--sa-deep-charcoal);font-size:14px;font-weight:700;line-height:20px}
a.sa-economy-item__name{text-decoration:none}
.sa-economy-item__row{align-items:baseline;display:flex;gap:4px}
.sa-eco-tag{color:var(--sa-on-surface-variant);font-size:10px;text-transform:uppercase}
.sa-dismissal-bars{align-items:flex-end;display:flex;flex-grow:1;gap:12px;margin-bottom:15px;min-height:160px}
.sa-dismissal-bar{align-items:center;display:flex;flex:1;flex-direction:column;gap:8px;height:100%;justify-content:flex-end;transition:transform .2s ease-out}
.sa-dismissal-bar:hover{transform:translateY(-4px)}
.sa-dismissal-bar__value{font-size:10px;font-weight:700}
.sa-dismissal-bar__col{border-radius:4px 4px 0 0;width:100%}
.sa-dismissal-bar__label{color:var(--sa-secondary);font-size:9px;font-weight:700;text-transform:uppercase;min-height:20px;line-height:1}
.sa-dismissal-footer{align-items:center;border-top:1px solid var(--sa-outline-variant);display:flex;justify-content:space-between;padding-top:24px}
.sa-warning-icon{background-color:rgba(186,26,26,.1);border-radius:4px;padding:8px}
html.dark .series-chart-page{--sa-on-surface:var(--color-text-primary, #e4e2e2);--sa-on-surface-variant:var(--color-text-secondary, #9ca3af);--sa-surface-lowest:var(--background-primary, #1b1c1c);--sa-surface-low:var(--background-secondary, #303030);--sa-outline-variant:var(--border-color-base, #4b5563);--sa-deep-charcoal:var(--color-text-primary, #f2f0f0);--sa-pitch-earth:#2a2826}
html.dark .series-chart-page .sa-player-card__name{color:#fff}