#score-ribbon-root{position:fixed;z-index:7;padding:6px 0;pointer-events:none;background:var(--canvas)}
#score-ribbon-root[hidden],.modal-open #score-ribbon-root{display:none}
.score-ribbon{width:100%;min-height:48px;padding:8px 14px;border:1px solid #31515c;border-radius:9px;display:flex;align-items:center;gap:16px;color:var(--ink);background:var(--surface);box-shadow:0 5px 16px #0003;pointer-events:auto;text-align:left;cursor:pointer}
.score-ribbon:hover{border-color:var(--aqua)}.score-ribbon:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}
.ribbon-match{display:flex;align-items:center;gap:14px;min-width:0}.ribbon-team{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:700}
.ribbon-team .crest,.ribbon-team .initials,.ribbon-team .event-icon{width:24px;height:24px;min-width:24px;font-size:8px;object-fit:contain}.ribbon-team .event-icon svg{width:20px;height:20px}
.ribbon-team-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ribbon-team abbr{display:none;text-decoration:none}.ribbon-away{flex-direction:row-reverse}
.ribbon-score{font:800 19px/24px var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--aqua)}
.ribbon-status{display:flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap;font-size:10px;font-weight:700;color:var(--muted)}
.ribbon-live{color:var(--red)}.ribbon-live i{width:5px;height:5px;background:currentColor;border-radius:50%}.ribbon-goal{color:var(--aqua)}.ribbon-review{color:var(--return-accent)}.ribbon-disallow{color:var(--red)}
.ribbon-return{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted);white-space:nowrap}.ribbon-return svg{flex-shrink:0}
html:has(body.has-score-ribbon){scroll-padding-top:150px}
@media(max-width:1200px){.ribbon-return>span{display:none}.score-ribbon{gap:10px}.ribbon-match{gap:10px}}
@media(max-width:650px){.score-ribbon{min-height:44px;padding:7px 9px;gap:8px}.ribbon-match{gap:8px}.ribbon-team{font-size:12px;gap:5px}.ribbon-team-name{display:none}.ribbon-team abbr{display:inline}.ribbon-team .crest,.ribbon-team .initials,.ribbon-team .event-icon{width:20px;height:20px;min-width:20px}.ribbon-score{font-size:18px;line-height:22px}.ribbon-status{font-size:10px}.ribbon-return{display:flex}.ribbon-upcoming{max-width:85px;white-space:normal;line-height:13px;text-align:right}html:has(body.has-score-ribbon){scroll-padding-top:126px}}
@media(prefers-reduced-motion:reduce){.score-ribbon{transition:none}}