.match-card{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);border:1px solid var(--surface-edge);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--relief-post);color:var(--ink);display:grid;position:relative;overflow:hidden;container:mcard/inline-size}.match-card>span{position:relative}.match-card-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.match-card-link:focus-visible{outline:none}.match-card:has(>.match-card-link:focus-visible){outline:var(--focus-ring);outline-offset:2px}@property --r{syntax:"<length>";inherits:false;initial-value:2.3px}@property --m{syntax:"<percentage>";inherits:false;initial-value:30%}.seat-line{--seat-empty:color-mix(in srgb, var(--ink) 18%, transparent);--neutral:color-mix(in srgb, var(--ink) 38%, transparent);width:100%;min-width:0;height:9px;margin-block:var(--space-1) 0;contain:inline-size;justify-self:stretch;display:block}.sl-row{justify-content:center;height:9px;display:flex}.sl-fit{width:calc((var(--h) + var(--n) + var(--a)) * 9px);flex:none;height:9px;display:flex;position:relative}.sl-seg{flex:none;height:9px;position:relative}.sl-home{width:calc(var(--h) * 9px);--lit:var(--hl);--dot:color-mix(in srgb, var(--hc) 82%, var(--ink))}.sl-neutral{width:calc(var(--n) * 9px);--lit:var(--nl);--dot:var(--neutral)}.sl-away{width:calc(var(--a) * 9px);--lit:var(--al);--dot:color-mix(in srgb, var(--ac) 82%, var(--ink))}.sl-seg:before,.sl-seg:after,.sl-fit:after{content:"";background:radial-gradient(circle, var(--dot) 0 var(--r), transparent calc(var(--r) + .6px)) 0 0 / 9px 9px repeat;pointer-events:none;position:absolute;top:0;bottom:0;left:0}.sl-seg:before{--dot:var(--seat-empty);width:100%}.sl-seg:after{width:calc(var(--lit) * 9px)}.sl-away:after{left:auto;right:0}.sl-home:after{-webkit-mask-image:linear-gradient(90deg, #000, color-mix(in srgb, #000 var(--m), transparent));mask-image:linear-gradient(90deg, #000, color-mix(in srgb, #000 var(--m), transparent))}.sl-away:after{-webkit-mask-image:linear-gradient(270deg, #000, color-mix(in srgb, #000 var(--m), transparent));mask-image:linear-gradient(270deg, #000, color-mix(in srgb, #000 var(--m), transparent))}.sl-me{--me:color-mix(in srgb, var(--mc,var(--ink)) 20%, var(--ink));background:radial-gradient(circle, var(--me) 0 2.3px, transparent 2.9px);width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--me);border-radius:50%;position:absolute;top:0}.sl-me[data-end=home]{--mc:var(--hc)}.sl-me[data-end=away]{--mc:var(--ac)}.seat-line[data-status=ft] .sl-seg:after{opacity:.45}.sl-fit:after{opacity:0;width:0;left:0}:is(.match-card,.live-match-card)[data-goal=home] .seat-line{--gc:var(--hc);--gdir:90deg;--gpos:left}:is(.match-card,.live-match-card)[data-goal=away] .seat-line{--gc:var(--ac);--gdir:270deg;--gpos:right}:is(.match-card,.live-match-card)[data-goal=home] .sl-home:after,:is(.match-card,.live-match-card)[data-goal=away] .sl-away:after{--r:3.2px;--m:100%;--dot:color-mix(in srgb, var(--gc) 55%, var(--ink));opacity:1;filter:brightness(1.35)}:is(.match-card,.live-match-card)[data-goal] .sl-fit:after{left:calc(var(--h) * 9px);width:calc(var(--n) * 9px);--r:2.9px;--dot:color-mix(in srgb, var(--gc) 70%, var(--ink));opacity:1;-webkit-mask-image:linear-gradient(var(--gdir), #000, #00000026);mask-image:linear-gradient(var(--gdir), #000, #00000026);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:var(--gpos) 0;mask-position:var(--gpos) 0}:is(.match-card,.live-match-card)[data-goal=home] .sl-away,:is(.match-card,.live-match-card)[data-goal=away] .sl-home{opacity:.35}@keyframes sl-goal-pop{0%{--r:2.3px;--m:30%;filter:none}22%{--r:3.4px;--m:100%;filter:brightness(1.55)}70%{--r:3.2px;--m:100%;filter:brightness(1.35)}to{--r:2.3px;--m:30%;filter:none}}@keyframes sl-goal-burst{0%{opacity:0;-webkit-mask-size:0% 100%;mask-size:0% 100%}25%{opacity:1}70%{opacity:1;-webkit-mask-size:100% 100%;mask-size:100% 100%}to{opacity:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}}@keyframes sl-goal-dim{0%,to{opacity:1}22%,70%{opacity:.35}}@keyframes sl-breathe{0%{opacity:.48}to{opacity:.88}}.sl-wave{pointer-events:none;-webkit-mask:radial-gradient(circle, #000 0 var(--r), transparent calc(var(--r) + .6px)) 0 0 / 9px 9px repeat;-webkit-mask:radial-gradient(circle, #000 0 var(--r), transparent calc(var(--r) + .6px)) 0 0 / 9px 9px repeat;mask:radial-gradient(circle, #000 0 var(--r), transparent calc(var(--r) + .6px)) 0 0 / 9px 9px repeat;position:absolute;inset:0;overflow:hidden}.sl-wave>i{inset-block:0;opacity:0;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--hc) 82%, var(--ink)) 36%, color-mix(in srgb, var(--ac) 82%, var(--ink)) 64%, transparent);width:38%;position:absolute;left:0}@keyframes sl-wave-sweep{0%{opacity:0;translate:-105%}22%{opacity:.82}78%{opacity:.82}to{opacity:0;translate:270%}}@keyframes sl-wave-away{0%{opacity:0;translate:270%}22%{opacity:.82}78%{opacity:.82}to{opacity:0;translate:-105%}}@keyframes sl-wave-empty{0%{opacity:0;translate:-105%}25%{opacity:.58}75%{opacity:.58}to{opacity:0;translate:270%}}@media (prefers-reduced-motion:no-preference){:root:not([data-live=paused]) :is(.match-card,.live-match-card)[data-status=live]:not([data-quiet],[data-goal]) .seat-line .sl-seg:after{animation:sl-breathe calc(var(--motion-pulse) * 1.4) var(--ease-cycle) infinite alternate}:root:not([data-live=paused]) :is(.match-card,.live-match-card)[data-status=live]:not([data-quiet],[data-goal]) .seat-line[data-momentum] .sl-seg:after{animation-duration:calc(var(--motion-pulse) * var(--sl-tempo,1.4))}:root:not([data-live=paused]) :is(.match-card,.live-match-card)[data-status=halftime]:not([data-quiet],[data-goal]) .seat-line .sl-seg:after{animation:sl-breathe calc(var(--motion-pulse) * 2.8) var(--ease-cycle) infinite alternate}:root:not([data-live=paused]) :is(.match-card,.live-match-card)[data-status=live]:not([data-quiet],[data-goal]) .seat-line .sl-neutral:after,:root:not([data-live=paused]) :is(.match-card,.live-match-card)[data-status=halftime]:not([data-quiet],[data-goal]) .seat-line .sl-neutral:after{animation-delay:calc(var(--motion-pulse) * -.45)}:root:not([data-live=paused]) :is(.match-card,.live-match-card)[data-status=live]:not([data-quiet],[data-goal]) .seat-line .sl-away:after,:root:not([data-live=paused]) :is(.match-card,.live-match-card)[data-status=halftime]:not([data-quiet],[data-goal]) .seat-line .sl-away:after{animation-delay:calc(var(--motion-pulse) * -.9)}:root:not([data-live=paused]) :is(.match-card,.live-match-card)[data-status=live]:not([data-quiet],[data-goal]) .seat-line:not([data-status=empty]) .sl-wave>i{animation:sl-wave-sweep calc(var(--motion-pulse) * 1.6) var(--ease-cycle) infinite}:root:not([data-live=paused]) :is(.match-card,.live-match-card)[data-status=live]:not([data-quiet],[data-goal]) .seat-line[data-momentum]:not([data-status=empty]) .sl-wave>i{animation-duration:calc(var(--motion-pulse) * var(--sl-wave-tempo,1.6))}:root:not([data-live=paused]) :is(.match-card,.live-match-card)[data-status=live]:not([data-quiet],[data-goal]) .seat-line[data-flow=away]:not([data-status=empty]) .sl-wave>i{animation-name:sl-wave-away}:root:not([data-live=paused]) :is(.match-card,.live-match-card)[data-status=live]:not([data-quiet],[data-goal]) .seat-line[data-flow=even]:not([data-status=empty]) .sl-wave>i{animation-direction:alternate}:root:not([data-live=paused]) :is(.match-card,.live-match-card)[data-status=live]:not([data-quiet],[data-goal]) .seat-line[data-status=empty] .sl-wave>i{animation:sl-wave-empty calc(var(--motion-pulse) * 1.8) var(--ease-cycle) infinite}:root:not([data-live=paused]) :is(.match-card,.live-match-card)[data-status=halftime]:not([data-quiet],[data-goal]) .seat-line .sl-wave>i{animation:sl-wave-empty calc(var(--motion-pulse) * 3) var(--ease-cycle) infinite}:root:not([data-live=paused]) :is(.match-card,.live-match-card):not([data-quiet])[data-goal=home] .sl-home:after,:root:not([data-live=paused]) :is(.match-card,.live-match-card):not([data-quiet])[data-goal=away] .sl-away:after{animation:sl-goal-pop var(--motion-glyph) var(--ease-space) 1 forwards}:root:not([data-live=paused]) :is(.match-card,.live-match-card):not([data-quiet])[data-goal] .sl-fit:after{animation:sl-goal-burst var(--motion-glyph) var(--ease-space) 1 forwards}:root:not([data-live=paused]) :is(.match-card,.live-match-card):not([data-quiet])[data-goal=home] .sl-away,:root:not([data-live=paused]) :is(.match-card,.live-match-card):not([data-quiet])[data-goal=away] .sl-home{animation:sl-goal-dim var(--motion-glyph) var(--ease-space) 1 forwards}}@media (forced-colors:active){.seat-line{display:none}}.mc-top{justify-content:space-between;align-items:center;gap:4px var(--space-3);color:var(--muted);font:var(--weight-semibold) var(--type-meta-size) / 1.3 var(--font-ui);flex-wrap:wrap;display:flex}.mc-comp,.mc-status{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;display:inline-flex}.mc-comp>.competition-mark{--mark-w:20px;--mark-h:20px}.mc-comp>.competition-mark[data-mark=monogram]{display:none}.mc-star{color:var(--gold);fill:currentColor;flex:none}.mc-min{color:var(--status-live-text);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.mc-main{justify-self:center;align-items:center;gap:var(--space-2);width:100%;max-width:26rem;padding-block:var(--space-1) var(--space-2);text-align:center;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.mc-club{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.mc-club>.team-mark{--mark-w:34px;--mark-h:38px;--mark-font:.625rem}.mc-club>.team-mark[data-mark=crest]{background:0 0;border:0}.mc-club>.team-mark>img{object-fit:contain;width:100%;height:100%}.mc-club>b{max-width:100%;font:var(--weight-semibold) 1rem / 1.1 var(--font-display);letter-spacing:.02em;text-transform:uppercase;overflow-wrap:break-word;text-wrap:balance}.mc-score{font:var(--weight-semibold) 2.25rem / 1 var(--font-display);white-space:nowrap}.mc-score .ss-goals[data-provisional]{text-underline-offset:4px}.mc-time{font-variant-numeric:tabular-nums;font-size:1.625rem}.match-card[data-status=finished] .mc-score{color:var(--muted)}.mc-check{justify-self:center}.mc-foot{gap:var(--space-2);padding-top:var(--space-2);display:grid}.mc-crowd{font-size:var(--type-subhead-size);font-weight:var(--weight-semibold);overflow-wrap:anywhere}.mc-crowd[data-quiet]{color:var(--muted);font-weight:var(--weight-medium)}.mc-shout{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--surface-soft);gap:2px;display:grid}.mc-shout>q{font-family:var(--type-reading-family);overflow-wrap:anywhere}.mc-who{color:var(--muted);font-size:var(--type-meta-size)}.mc-action{min-height:var(--size-tap-target);border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--ink);box-shadow:var(--relief-control);font:var(--weight-semibold) var(--type-label-size) / 1.2 var(--font-ui);justify-self:start;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.match-card[data-lead] .mc-action{background:var(--action);color:var(--ink-on-action);box-shadow:var(--relief-button)}@container mcard (max-width:18rem){.match-card{padding-inline:var(--space-3)}.mc-main{text-align:left;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"home score""away score";row-gap:6px}.mc-main>.mc-club:first-child{grid-area:home}.mc-main>.mc-club:last-child{grid-area:away}.mc-club{flex-direction:row;justify-self:start}.mc-club>b{text-align:left;flex:0 auto;min-width:0}.mc-score{grid-area:score;font-size:1.5rem}}@container mcard (max-width:14rem){.mc-main{text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"home""score""away";justify-items:center}.mc-club{justify-self:center}.mc-club>b{text-align:center}}