:root {
  --ground:            #000000;
  --field:             #450911;
  --field-deep:        #2E060B;
  --surface-2:         #241417;
  --surface-1:         #190E10;
  --ink:               #FFFFFF;
  --ink-body:          #F4F0EE;
  --ink-muted:         #B9AEAB;
  --ink-quiet:         #828282;
  --scrim:             #00000085;
  --surface-sunken:    #1D1717;
  --field-plate:       #251E1E;
  --surface-card:      #2C2323;
  --surface-raised:    #392D2D;
  --ink-secondary:     color-mix(in srgb, #C9C0BD 80%, transparent);
  --gold:              #a9e6f4;
  --gold-deep:         #42c8e7;
  --rule-hairline:     rgb(248 185 170 / 0.16);
  --rule-strong:       rgb(240 94 60 / 0.50);
  --lift-1:            rgb(248 185 170 / 0.08);
  --lift-2:            rgb(248 185 170 / 0.14);
  --primary-50:        #feefec;
  --primary-100:       #fbd8d0;
  --primary-200:       #f8b9aa;
  --primary-300:       #f5957f;
  --primary-400:       #f27659;
  --primary-500:       #f05e3c;
  --primary-600:       #ed3b12;
  --primary-700:       #bd300f;
  --primary-800:       #8e240b;
  --primary-900:       #631908;
  --action:            var(--primary-500);
  --action-hover:      var(--primary-600);
  --action-label:      #1a0e05;
  --focus:             var(--brand-primary);
  --link:              var(--primary-400);
  --link-hover:        var(--primary-300);
  --live-edge:         var(--primary-500);
  --live-trail:        rgb(169 230 244 / 0.42);
  --positive:          #4ADE80;
  --warn:              #d9a441;
  --team-gate-ground:  3.0;
  --team-gate-de:      0.14;
  --team-chroma-floor: 0.10;
  --team-max-contrast: 11.0;
  --team-forbidden-bg: var(--field);
  --team:              var(--ink-body);
  --team-dublin-guardians:          #128a42;
  --team-edinburgh-castle-rockers:  #de0666;
  --team-rotterdam-dockers:         #c8a858;
  --team-amsterdam-flames:          #ff6459;
  --team-glasgow-cosmic:            #8d8de6;
  --team-belfast-wolves:            #0087a9;
  --weight-light:      300;
  --weight-body:       400;
  --weight-strong:     600;
  --weight-bold:       900;
  --width-condensed:   62;
  --width-normal:      100;
  --text-label:        0.75rem;
  --text-meta:         0.875rem;
  --text-body:         1rem;
  --text-lead:         1.25rem;
  --text-section:      1.5625rem;
  --text-rail-head:    1.5625rem;
  --text-display:      2.4375rem;
  --text-caption:      0.75rem;
  --fig-inline:        1.25rem;
  --fig-card:          1.5625rem;
  --fig-page:          1.9375rem;
--fig-lead:          1.9375rem;
  --fig-hero:          3rem;
  --scorebug-mark-weight: var(--weight-bold);
  --scorebug-mark-track:  -0.01em;
  --scorebug-mark-ratio:  0.33;
  --fig-weight-hero:   var(--weight-light);
  --fig-weight-page:   var(--weight-light);
  --fig-weight-card:   var(--weight-strong);
  --fig-weight-inline: var(--weight-strong);
  --track-hero:        -0.03em;
  --track-page:        -0.025em;
  --track-card:        -0.02em;
  --track-flat:        0;
  --leading-fig:       0.9;
  --leading-body:      1.5;
  --measure:           62ch;
  --figures:           "tnum" 1;
  --figures-fraction:  "tnum" 1, "frac" 1;
  --gutter:            2rem;
  --gutter-sm:         2.75rem;
  --gutter-lg:         3.5rem;
  --space-1:           0.25rem;
  --space-2:           0.5rem;
  --space-3:           0.75rem;
  --space-4:           1rem;
  --space-5:           1.25rem;
  --space-10:          2.5rem;
  --space-6:           1.5rem;
  --space-8:           2rem;
  --space-12:          3rem;
  --space-16:          4rem;
  --space-40:          10rem;
  --header-h:          4rem;
  --radius-chip:       0.25rem;
  --radius-art:        0.375rem;
  --radius-surface:    0.5rem;
  --radius-round:      9999px;
  --radius-ball:       0;
  --poster-ratio:      56.25%;
  --elev-0:            none;
  --elev-1:            0 1px 2px rgb(0 0 0 / 0.6);
  --elev-2:            0 8px 24px -10px rgb(0 0 0 / 0.8), 0 1px 0 rgb(248 185 170 / 0.10) inset;
  --elev-3:            0 18px 44px -16px rgb(20 8 10 / 0.75), 0 2px 8px rgb(0 0 0 / 0.6);
  --text-shadow:       2px 2px 4px rgb(0 0 0 / 0.45);
  --dur-1:             120ms;
  --dur-2:             180ms;
  --dur-3:             240ms;
  --dur-ball:          400ms;
  --dur-innings:       640ms;
  --ease:              cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-ball:         cubic-bezier(0.16, 1, 0.3, 1);
  --ball-w-sm:         2px;
  --ball-w-md:         4px;
  --ball-w-lg:         6px;
  --ball-h-sm:         4px;
  --ball-h-md:         12px;
  --ball-h-lg:         28px;
  --ball-gap:          1px;
  --over-gap:          4px;
  --ball-4-scale:      1.5;
  --ball-6-scale:      2;
  --edge-overshoot:    3px;
  --edge-w:            2px;
  --ball-empty:        var(--ink-quiet);
  --ball-void:         transparent;
  --ball-batting:      var(--team);
  --ribbon-ground:     var(--surface-1);
  --ribbon-baseline:   var(--rule-hairline);
  --ribbon-target:     rgb(189 48 15 / 0.55);
  --ribbon-target-w:   1px;
}
.etpl-masthead { background: var(--field); }
.etpl-masthead--scrolled { background: color-mix(in oklab, var(--field) 92%, transparent); }
.etpl-score {
  font-variant-numeric: tabular-nums;
  font-feature-settings: var(--figures);
  line-height: var(--leading-fig);
  color: var(--ink);
}
.etpl-scorebug__mark {
  font-weight: var(--scorebug-mark-weight);
  letter-spacing: var(--scorebug-mark-track);
  font-size: calc(1em * var(--scorebug-mark-ratio));
  color: var(--ink-body);
  text-transform: uppercase;
}
.etpl-score--hero   { font-size: var(--fig-hero);   font-weight: var(--fig-weight-hero);   letter-spacing: var(--track-hero); }
.etpl-score--page   { font-size: var(--fig-page);   font-weight: var(--fig-weight-page);   letter-spacing: var(--track-page); }
.etpl-score--card   { font-size: var(--fig-card);   font-weight: var(--fig-weight-card);   letter-spacing: var(--track-card); }
.etpl-score--inline { font-size: var(--fig-inline); font-weight: var(--fig-weight-inline); letter-spacing: var(--track-flat); }
.etpl-score__wickets { font-size: 0.6em; color: var(--ink-body); }
.etpl-score__solidus { font-size: 0.6em; color: var(--ink-muted); margin-inline: 0.08em; }
.etpl-overs        { font-feature-settings: var(--figures); font-variant-numeric: tabular-nums; color: var(--ink-body); }
.etpl-overs__balls { font-size: 0.78em; color: var(--ink-muted); }
.etpl-figures-dense {
  font-stretch: calc(var(--width-condensed) * 1%);
  font-variant-numeric: tabular-nums;
  font-feature-settings: var(--figures);
}
.etpl-ribbon      { display: flex; gap: var(--over-gap); align-items: flex-end; background: var(--ribbon-ground); border-bottom: 1px solid var(--ribbon-baseline); }
.etpl-over        { display: flex; gap: var(--ball-gap); align-items: flex-end; }
.etpl-ball        { border-radius: var(--radius-ball); background: var(--ball-empty); transition: background-color var(--dur-1) var(--ease), height var(--dur-ball) var(--ease-ball); }
.etpl-ball--bowled{ background: var(--ball-batting); }
.etpl-ball--edge  { background: var(--live-edge); width: var(--edge-w);
                    margin-block: calc(var(--edge-overshoot) * -1);
                    height: calc(100% + var(--edge-overshoot) * 2); align-self: center; }
.etpl-ball--trail { background: var(--live-trail); }
.etpl-ball--void  { background: var(--ball-void); }
.etpl-ball--four  { height: calc(var(--ball-h-md) * var(--ball-4-scale)); }
.etpl-ball--six   { height: calc(var(--ball-h-md) * var(--ball-6-scale)); }
.etpl-match--no-result { filter: saturate(0); }
.etpl-link {
  color: var(--link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  transition: color var(--dur-2) var(--ease), text-decoration-thickness var(--dur-2) var(--ease);
}
.etpl-link:hover { color: var(--link-hover); text-decoration-thickness: 2px; }
html:root {
  --accent:            var(--primary-400);
  --accent-deep:       var(--primary-500);
}
html .text-lg { font-size: 1.25rem; line-height: 1.75rem; }
html .text-2xl { font-size: 1.5625rem; line-height: 2rem; }
html .text-3xl { font-size: 1.9375rem; line-height: 2.25rem; }
html .text-4xl { font-size: 2.4375rem; line-height: 2.75rem; }
html [class~="text-[10px]"],
html [class~="text-[11px]"],
html [class~="text-[13px]"] { font-size: 0.75rem; }
@media (min-width: 640px) {
  html [class~="sm:text-lg"] { font-size: 1.25rem; line-height: 1.75rem; }
  html [class~="sm:text-4xl"] { font-size: 2.4375rem; line-height: 2.75rem; }
}
@media (min-width: 768px) {
  html [class~="md:text-lg"] { font-size: 1.25rem; line-height: 1.75rem; }
  html [class~="md:text-2xl"] { font-size: 1.5625rem; line-height: 2rem; }
  html [class~="md:text-3xl"] { font-size: 1.9375rem; line-height: 2.25rem; }
}
html .etpl-menubar-item { font-size: 1rem; line-height: 1.5rem; }
