#score-banner{min-width:0}.score-banner{display:grid;grid-template-columns:146px minmax(0,1fr) auto;align-items:stretch;min-width:0;background:var(--surface,#fff);border-bottom:1px solid var(--line);padding:0 20px 0 38px;gap:18px;min-height:79px}.score-banner-heading{display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;padding-right:13px}.score-banner-heading strong{font-size:10px;letter-spacing:1.3px;font-weight:750;white-space:nowrap}.score-banner-heading span{font-size:10px;color:var(--muted);line-height:1.4}.score-banner-heading:after{content:"";height:28px;width:1px;background:var(--line);position:absolute;right:0;top:26px}.score-banner[data-live="true"] .score-banner-heading strong{color:var(--accent-ink,#456428)}.score-banner[data-live="true"] .score-banner-heading strong:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px;vertical-align:1px}.score-banner-viewport{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.score-banner-viewport::-webkit-scrollbar{height:3px}.score-banner-viewport::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.score-banner-track{display:flex;width:max-content;min-width:100%;align-items:stretch}.score-banner-item{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:76px;flex:0 0 auto;min-width:190px;max-width:390px;padding:10px 22px;border-right:1px solid var(--line);color:var(--ink)}.score-banner-item:first-child{padding-left:5px}.score-banner-item:last-child{border-right:0}.score-banner-tag{font-size:8px;font-weight:750;letter-spacing:1.15px;color:var(--muted);line-height:1.3}.score-banner-title{font-size:13px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:345px}.score-banner-description{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:345px;line-height:1.3}.score-banner-live .score-banner-title{font-family:var(--condensed);font-size:20px;letter-spacing:.4px;line-height:1}.score-banner-goal{background:var(--accent-soft,#eaf1dd);border-radius:0 6px 6px 0}.score-banner-goal .score-banner-tag,.score-banner-goal .score-banner-title{color:var(--accent-ink,#456428)}.score-banner-news{min-width:270px}.score-banner-item:hover .score-banner-title{text-decoration:underline;text-underline-offset:3px}.score-banner-controls{display:flex;align-items:center;gap:2px}.score-banner-controls button{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:5px;min-width:27px;min-height:36px;padding:4px}.score-banner-controls button:hover{border-color:var(--line);background:var(--surface-soft,#f2f5eb);color:var(--ink)}.score-banner-pause{font-size:12px}.score-banner-step{font-size:23px}.score-banner[data-paused="true"] .score-banner-pause{color:var(--accent-ink,#456428)}
.score-banner-control-icon{display:block;position:relative;width:14px;height:14px;flex:none}.score-banner-control-icon:before,.score-banner-control-icon:after{content:"";position:absolute;top:2px;width:3px;height:10px;background:currentColor;border-radius:1px}.score-banner-control-icon:before{left:3px}.score-banner-control-icon:after{left:8px}.score-banner[data-paused="true"] .score-banner-control-icon:before{top:1px;left:4px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid currentColor;border-radius:0;background:transparent}.score-banner[data-paused="true"] .score-banner-control-icon:after{display:none}
@media(max-width:1000px){.score-banner{padding-left:26px;padding-right:14px;grid-template-columns:128px minmax(0,1fr) auto;gap:12px}.score-banner-item{padding-left:17px;padding-right:17px}.score-banner-step{display:none!important}.score-banner-heading strong{font-size:9px;letter-spacing:1px}}
@media(max-width:640px){.score-banner{padding-left:18px;padding-right:9px;grid-template-columns:88px minmax(0,1fr) 29px;min-height:74px;gap:9px}.score-banner-heading{gap:5px;padding-right:7px}.score-banner-heading strong{font-size:8px;letter-spacing:.65px;white-space:normal;line-height:1.45}.score-banner-heading span{font-size:8px;line-height:1.4}.score-banner-heading:after{height:25px;top:24px}.score-banner-item{min-height:71px;min-width:178px;padding:8px 15px}.score-banner-title{font-size:12px;max-width:260px}.score-banner-description{max-width:260px}.score-banner-news{min-width:248px;max-width:285px}.score-banner-live .score-banner-title{font-size:19px}.score-banner-controls button{min-width:28px;min-height:40px}.score-banner-goal{max-width:285px}}
@media(prefers-reduced-motion:reduce){.score-banner-viewport{scroll-behavior:auto}}