.match-state[hidden]{display:none}
.match-state{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:16px 18px;border:1px solid;border-radius:20px;box-shadow:0 16px 40px #18070455}
.match-state-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:50%;font-size:1.55rem;font-weight:900;background:#ffffff24}
.match-state strong{display:block;font-size:clamp(1rem,4vw,1.3rem);letter-spacing:.06em}
.match-state p{margin:4px 0 0;color:#fff;font-size:.88rem;line-height:1.35}
.match-state.paused{color:#2b1c00;background:linear-gradient(135deg,#ffca45,#e99b23);border-color:#ffe29a}
.match-state.paused .match-state-icon{background:#2b1c0018}
.match-state.finished{color:#062b1c;background:linear-gradient(135deg,#75dda9,#35a978);border-color:#baf4d7}
.match-state.finished .match-state-icon{background:#062b1c18}
.match-state.abandoned{color:#fff;background:linear-gradient(135deg,#d4514b,#8d2424);border-color:#f18c83}
.match-state.abandoned .match-state-icon{background:#2d05052b}
body[data-match-status=paused] header strong{color:#2b1c00;background:#ffca45}
body[data-match-status=finished] header strong{color:#062b1c;background:#75dda9}
body[data-match-status=abandoned] header strong{color:#fff;background:#c43f39}
.team-score.winner{background:linear-gradient(90deg,#54cb9222,transparent);box-shadow:inset 4px 0 #65d6a0}
.team-score.winner h1:after{content:"✓";display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border-radius:50%;color:#062b1c;background:#75dda9;font-size:.8rem}
body[data-match-status=paused] .score{border-color:#ffca4566}
body[data-match-status=abandoned] .score{border-color:#e9675f66}
body[data-match-status=finished] .score{border-color:#75dda966}
@media(min-width:600px){.match-state{padding:18px 22px}}