/* Screenshot-matched card layout: scoped, loaded last to override legacy styles. */
#matches.screenshot-matches{background:#181818!important;padding:54px 0 70px!important}
#matches.screenshot-matches>.container{max-width:1180px!important;width:calc(100% - 32px)!important;padding:0!important}
#matches .reference-match-heading{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0 0 76px!important;gap:20px!important}
#matches .reference-heading-left{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}
#matches .reference-trending{display:inline-flex!important;align-items:center!important;background:#098b63!important;color:#fff!important;border-radius:7px!important;padding:2px 11px!important;font-weight:800!important;font-size:15px!important;line-height:21px!important}
#matches .reference-heading-left h2{position:relative!important;margin:0!important;padding:0!important;font-size:42px!important;line-height:1.35!important;color:white!important;font-weight:800!important;letter-spacing:0!important;border:0!important}
#matches .reference-heading-left h2:after{content:''!important;position:absolute!important;bottom:-12px!important;left:50%!important;transform:translateX(-50%)!important;width:74px!important;height:6px!important;background:#00d4ff!important}
#matches .reference-all-link{color:#00cfff!important;font-size:18px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important}
#matches .reference-all-link span{font-size:23px!important;margin-left:12px!important}
#matches .match-disclaimer{display:block!important;color:#999!important;font-size:12px!important;margin:-53px 0 38px!important}
#matches #featured-match-cards.reference-match-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:30px!important;margin:0!important;padding:0!important}
#matches .reference-match-card{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;box-sizing:border-box!important;min-width:0!important;min-height:226px!important;background:#202020!important;border:0!important;border-radius:20px!important;box-shadow:none!important;padding:60px 30px 26px!important;overflow:hidden!important;transition:transform .2s ease,background .2s ease!important}
#matches .reference-match-card:hover{transform:translateY(-3px)!important;background:#242424!important}
#matches .reference-card-content{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:12px!important;min-width:0!important}
#matches .reference-match-info{min-width:0!important;flex:1!important}
#matches .reference-league{display:block!important;color:#fff!important;font-size:20px!important;font-weight:800!important;line-height:1.4!important}
#matches .reference-teams{color:#b7b9c1!important;font-size:17px!important;line-height:1.6!important;margin-top:4px!important;overflow-wrap:anywhere!important}
#matches .reference-match-right{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-end!important;flex-shrink:0!important;gap:5px!important;text-align:right!important}
#matches .reference-live-pill{position:absolute!important;right:25px!important;top:25px!important;background:#d8003a!important;color:#fff!important;border-radius:24px!important;padding:8px 18px!important;font-size:17px!important;font-weight:800!important;line-height:24px!important}
#matches .reference-status{color:#ff335c!important;font-size:19px!important;font-weight:800!important;line-height:1.4!important}
#matches .reference-score{color:#c6c6d0!important;font-size:17px!important}
#matches .reference-upcoming{background:#086bff!important;color:#fff!important;border-radius:30px!important;padding:10px 20px!important;font-size:17px!important;font-weight:800!important;white-space:nowrap!important}
#matches .reference-time-tag{position:absolute!important;top:0!important;left:0!important;background:#000!important;color:#eee!important;padding:8px 20px!important;font-size:17px!important;line-height:24px!important}
#matches .reference-card-footer{display:flex!important;align-items:flex-start!important;gap:11px!important;color:#00d4ff!important;font-size:17px!important;line-height:1.7!important;margin-top:32px!important;overflow-wrap:anywhere!important}
#matches .reference-bubble{font-size:20px!important;line-height:1.4!important;color:#00cfff!important}
@media(max-width:1000px){#matches #featured-match-cards.reference-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){#matches #featured-match-cards.reference-match-grid{grid-template-columns:1fr!important;gap:18px!important}#matches .reference-match-heading{align-items:flex-start!important;gap:18px!important;margin-bottom:42px!important;flex-direction:column!important}#matches .reference-heading-left h2{font-size:29px!important}#matches .reference-trending{font-size:12px!important}#matches .reference-match-card{min-height:220px!important;padding:60px 22px 24px!important}#matches .reference-card-footer{font-size:15px!important}#matches .reference-league{font-size:18px!important}#matches .reference-teams{font-size:15px!important}}

#matches .reference-ended-pill{position:absolute!important;right:25px!important;top:25px!important;background:#555!important;color:#fff!important;border-radius:24px!important;padding:8px 18px!important;font-size:17px!important;font-weight:800!important}
#matches .is-ended .reference-status{color:#b5b5b5!important}

#matches .reference-time-tag{font-size:14px!important;padding:8px 14px!important}#matches .reference-match-card.is-live .reference-time-tag{max-width:68%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

#matches .match-disclaimer{display:none!important}
#matches .reference-match-card .reference-time-tag{max-width:72%;font-size:13px!important}
