.featured-matches{padding:0 12px}.featured-matches:not(:last-child){margin-bottom:14px}.featured-matches-head{align-items:center;gap:8px;padding:4px 0 8px;display:flex}.featured-matches-head>a{font-size:var(--type-meta-size);margin-left:auto}.featured-matches-head h2{font:var(--weight-semibold) var(--type-meta-size)/1.2 var(--font-ui);letter-spacing:var(--type-label-tracking);text-transform:uppercase;color:var(--muted);margin:0}.featured-matches-head span{color:var(--muted);font:var(--type-meta-weight) var(--type-meta-size)/1.2 var(--font-ui)}.featured-matches-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:manipulation;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.featured-matches-rail::-webkit-scrollbar{display:none}.featured-match{scroll-snap-align:start;flex:1 0 min(92%,clamp(12.5rem,58%,15rem));min-width:0;display:grid;container:your-live-match/inline-size}@media (min-width:901px){.featured-matches{padding:0}}@container matches (min-width:34rem){.featured-match{flex:1 0 calc(31.746% - 6.34921px)}}@container matches (min-width:45rem){.featured-match{flex:1 0 calc(24.0964% - 7.22892px)}}@container matches (min-width:58rem){.featured-match{flex:1 0 calc(19.4175% - 7.76699px)}}@container matches (min-width:70rem){.featured-matches-rail{overflow:visible}.featured-match{flex:1 1 0}}@container feed (min-width:34rem){.featured-match{flex:1 0 calc(31.746% - 6.34921px)}}@container feed (min-width:45rem){.featured-match{flex:1 0 calc(24.0964% - 7.22892px)}}@container feed (min-width:58rem){.featured-match{flex:1 0 calc(19.4175% - 7.76699px)}}@container feed (min-width:70rem){.featured-matches-rail{overflow:visible}.featured-match{flex:1 1 0}}.featured-matches-hold{pointer-events:none}.featured-match-hold{border-radius:var(--radius-card);background:var(--surface);min-height:132px;box-shadow:0 0 0 1px var(--surface-edge);opacity:.72}@container your-live-match not (min-width:9.25rem){.featured-match-hold{min-height:max(132px,10rem)}}.score-split{font-variant-numeric:proportional-nums;align-items:baseline;display:inline-flex}.ss-dash{padding-inline:.14em}.ss-goals[data-provisional],.fc-goals[data-provisional]{text-underline-offset:.12em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:3px}.featured-card{--seat-empty:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:var(--radius-card);background:var(--surface);min-height:132px;box-shadow:inset 0 0 0 1px var(--surface-edge), var(--relief-card);color:var(--ink);text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:scale var(--motion-content) var(--ease-spring);grid-template-columns:minmax(0,1fr);place-items:stretch center;padding:6px;text-decoration:none;display:grid;position:relative;overflow:clip;container:fcard/inline-size}.featured-card-link{z-index:2;border-radius:inherit;position:absolute;inset:0}.featured-card-link:focus-visible{outline:none}.featured-card:has(>.featured-card-link:active){scale:var(--scale-press-surface);transition-duration:var(--motion-press);transition-timing-function:var(--ease-ui)}.featured-card:has(>.featured-card-link:focus-visible){outline:var(--focus-ring);outline-offset:3px}.fc-core{z-index:1;background:var(--surface);border-radius:var(--radius-control);width:calc(100% - 36px);min-width:0;max-width:calc(100% - 36px);box-shadow:0 0 8px 3px var(--surface);align-content:space-between;gap:5px;padding:5px 6px;display:grid;position:relative}.fc-top{min-width:0;color:var(--muted);font:var(--weight-semibold) var(--type-meta-size) / 1.2 var(--font-ui);flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.fc-min{color:var(--status-live-text);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.fc-when{flex-wrap:wrap;align-items:baseline;gap:3px;display:inline-flex}.fc-kickoff{color:var(--ink);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.fc-main{gap:4px;width:100%;min-width:0;display:grid}.fc-side{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:6px;min-width:0;display:grid}.fc-side>.team-mark{--mark-w:20px;--mark-h:22px;--mark-font:.625rem;flex:none}.fc-side>.team-mark[data-mark=crest]{background:0 0;border:0}.fc-side>.team-mark>img{object-fit:contain;width:100%;height:100%;display:block}.fc-side>b{min-width:0;font:var(--weight-semibold) .9375rem / 1.12 var(--font-display);letter-spacing:.015em;text-transform:uppercase;overflow-wrap:break-word}.fc-goals{font:var(--weight-bold) 1.1875rem / 1 var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;justify-self:end}.featured-card[data-status=ft] .fc-goals{color:var(--muted)}.fc-check{justify-self:start}.fc-meta{min-width:0;color:var(--muted);font:var(--type-meta-weight) var(--type-meta-size) / 1.2 var(--font-ui);overflow-wrap:break-word}.featured-card>.hero-end{pointer-events:none;--dot:color-mix(in srgb, var(--club) 84%, var(--ink));min-width:0;position:absolute;inset:6px}.hero-end:before,.hero-end:after{content:"";width:100%;height:100%;background:radial-gradient(circle, var(--dot) 0 2.3px, transparent 2.9px) 0 0 / 9px 9px repeat;pointer-events:none;width:round(down,100%,9px);height:round(down,100%,9px);margin-block:auto;position:absolute;top:0;bottom:0}.hero-end.left:before,.hero-end.left:after{left:0}.hero-end.right:before,.hero-end.right:after{right:0}.hero-end.left:before{-webkit-mask-image:linear-gradient(90deg, #000, #000 var(--solid,22%), transparent var(--reach,62%));mask-image:linear-gradient(90deg, #000, #000 var(--solid,22%), transparent var(--reach,62%))}.hero-end.right:before{-webkit-mask-image:linear-gradient(270deg, #000, #000 var(--solid,22%), transparent var(--reach,62%));mask-image:linear-gradient(270deg, #000, #000 var(--solid,22%), transparent var(--reach,62%))}.hero-end:after{display:none}.hero-wave{width:100%;height:100%;pointer-events:none;width:round(down,100%,9px);height:round(down,100%,9px);margin-block:auto;position:absolute;top:0;bottom:0;overflow:clip;-webkit-mask:radial-gradient(circle,#000 0 2.3px,#0000 2.9px) 0 0/9px 9px;mask:radial-gradient(circle,#000 0 2.3px,#0000 2.9px) 0 0/9px 9px}.hero-end.left>.hero-wave{left:0}.hero-end.right>.hero-wave{right:0}.hero-wave>i{opacity:0;background:linear-gradient(90deg, transparent, var(--dot) 40%, color-mix(in srgb, var(--dot) 74%, var(--ink)) 60%, transparent);width:46%;position:absolute;inset-block:0}.hero-end[data-pressing]>.hero-wave>i{width:58%}.hero-end.left>.hero-wave>i{left:0}.hero-end.right>.hero-wave>i{right:0}.featured-card[data-status=ns] .hero-end:before{--dot:var(--seat-empty);opacity:.48}.featured-card[data-status=ns] .hero-end[data-taken]:after{-webkit-mask-image:var(--taken);mask-image:var(--taken);opacity:.66;display:block}.featured-card[data-status=ft] .hero-end:before{opacity:.3}.featured-card[data-status=live] .hero-end[data-pressing]:before{filter:brightness(1.12)}.featured-card[data-status=live] .hero-end[data-pinned]:before{opacity:.52}.featured-card .hero-end[data-erupt]:before{opacity:1;filter:brightness(1.25);-webkit-mask-image:none;mask-image:none}.featured-card .hero-end[data-erupt]>.hero-wave{display:none}@keyframes hero-breathe{0%{opacity:.48}to{opacity:.92}}@keyframes hero-wave-left{0%{opacity:0;translate:-85%}28%{opacity:.9}to{opacity:0;translate:95%}}@keyframes hero-wave-right{0%{opacity:0;translate:85%}28%{opacity:.9}to{opacity:0;translate:-95%}}@media (prefers-reduced-motion:no-preference){:root:not([data-live=paused]) .featured-card[data-status=live]:not([data-quiet]) .hero-end:not([data-erupt]):before{animation:hero-breathe calc(var(--motion-pulse) * var(--tempo,1.4)) var(--ease-cycle) infinite alternate}:root:not([data-live=paused]) .featured-card[data-status=ht]:not([data-quiet]) .hero-end:not([data-erupt]):before{animation:hero-breathe calc(var(--motion-pulse) * 2.8) var(--ease-cycle) infinite alternate}:root:not([data-live=paused]) .featured-card[data-status=live]:not([data-quiet]) .hero-end.right:not([data-erupt]):before,:root:not([data-live=paused]) .featured-card[data-status=ht]:not([data-quiet]) .hero-end.right:not([data-erupt]):before{animation-delay:calc(var(--motion-pulse) * -.7)}:root:not([data-live=paused]) .featured-card[data-status=live]:not([data-quiet]) .hero-end.left:not([data-erupt])>.hero-wave>i{animation:hero-wave-left calc(var(--motion-pulse) * var(--wave-tempo,1.6)) var(--ease-cycle) infinite}:root:not([data-live=paused]) .featured-card[data-status=live]:not([data-quiet]) .hero-end.right:not([data-erupt])>.hero-wave>i{animation:hero-wave-right calc(var(--motion-pulse) * var(--wave-tempo,1.6)) var(--ease-cycle) infinite;animation-delay:calc(var(--motion-pulse) * -.4)}:root:not([data-live=paused]) .featured-card[data-status=live]:not([data-quiet]) .hero-end:not([data-erupt])>.hero-wave>i:last-child{animation-delay:calc(var(--motion-pulse) * -.85)}:root:not([data-live=paused]) .featured-card[data-status=ht]:not([data-quiet]) .hero-end.left:not([data-erupt])>.hero-wave>i:first-child{animation:hero-wave-left calc(var(--motion-pulse) * 3) var(--ease-cycle) infinite}:root:not([data-live=paused]) .featured-card[data-status=ht]:not([data-quiet]) .hero-end.right:not([data-erupt])>.hero-wave>i:first-child{animation:hero-wave-right calc(var(--motion-pulse) * 3) var(--ease-cycle) infinite;animation-delay:calc(var(--motion-pulse) * -1.5)}:root:not([data-live=paused]) .featured-matches-rail{scroll-behavior:smooth}}@media (forced-colors:active){.featured-card>.hero-end{display:none}}@container your-live-match not (min-width:9.25rem){.featured-card{padding:18px 6px}.fc-core{width:100%;max-width:none}}
