*,::after,::before{box-sizing:border-box}
@font-face{font-family:"DSEG7 Classic";src:url(fonts/DSEG7Classic-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
.scoreboard{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;font-family:"Roboto Mono",monospace;background:var(--sb-bg,#16213e);padding:clamp(.5rem,2vmin,1.5rem) clamp(.75rem,4vmin,2rem);border:0;border-radius:0;box-shadow:none}
.scoreboard.layout-timer-middle .main{order:1}
.scoreboard.layout-timer-middle .timer-wrap{order:2;border-bottom:none}
.scoreboard.layout-timer-middle .extras{order:3}
.scoreboard.layout-timer-bottom .main{order:1}
.scoreboard.layout-timer-bottom .extras{order:2}
.scoreboard.layout-timer-bottom .timer-wrap{order:3;border-bottom:none;border-top:3px solid var(--sb-border,#0f3460);margin-top:clamp(.35rem,1.5vmin,.75rem);margin-bottom:0;padding-top:clamp(.35rem,2vmin,1rem);padding-bottom:clamp(.35rem,2vmin,1rem)}
.scoreboard-title,.timer-wrap{text-align:center;flex-shrink:0}
.scoreboard-title{font-size:clamp(.7rem,2.5vmin,1.25rem);font-weight:700;letter-spacing:.08em;color:var(--sb-text,#8892b0);margin-bottom:clamp(.25rem,1.5vmin,.5rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.timer-wrap{margin-top:clamp(.5rem,2vmin,1.5rem);margin-bottom:clamp(.35rem,1.5vmin,.75rem);padding-bottom:clamp(.35rem,2vmin,1rem);border-bottom:3px solid var(--sb-border,#0f3460)}
.timer{font-size:clamp(2.5rem,18vmin,22vmin);font-weight:800;letter-spacing:.05em;font-variant-numeric:tabular-nums;color:var(--sb-timer,#e94560);line-height:1.1}
.shot-clock-wrap{display:flex;align-items:center;justify-content:center;gap:.4em;margin-top:clamp(.2rem,1vmin,.5rem)}
.shot-clock{font-size:clamp(1.5rem,8vmin,10vmin);font-weight:800;font-variant-numeric:tabular-nums;color:var(--sb-timer,#e94560);line-height:1.1;min-width:1.5em;text-align:center}
.shot-clock--urgent{color:#ff1744}
.main,.team{align-items:center;min-width:0;overflow:visible}
.main{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(.25rem,1.5vmin,1rem) clamp(.5rem,3vmin,2rem);margin-bottom:clamp(.25rem,1.2vmin,.5rem);min-height:0;width:100%}
.team{display:flex;flex-direction:column;justify-content:center;gap:.2em}
.team--home,.team--visitor{text-align:center}
.name{font-size:clamp(.85rem,3.5vmin,4vmin);font-weight:700;letter-spacing:.05em;color:var(--sb-text,#8892b0);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team--home .name{color:var(--sb-home,#ccd6f6)}
.team--visitor .name{color:var(--sb-visitor,#ccd6f6)}
.score{font-size:min(clamp(3rem,28vmin,35vmin),20vw);font-weight:800;line-height:.95;font-variant-numeric:tabular-nums;color:#fff;min-width:0;text-align:center;overflow:visible}
.team--home .score{color:var(--sb-home,#ccd6f6)}
.team--visitor .score{color:var(--sb-visitor,#ccd6f6)}
.period-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(.35rem,2vmin,.75rem) clamp(.5rem,2.5vmin,1rem);background:var(--sb-border,#0f3460);border-radius:clamp(4px,1.5vmin,12px);min-width:clamp(3rem,12vmin,8rem);grid-column:2}
.period-label{font-size:clamp(.55rem,1.8vmin,1rem);letter-spacing:.1em;color:var(--sb-text,#8892b0)}
.period{font-size:clamp(1rem,5vmin,6vmin);font-weight:800;color:var(--sb-timer,#e94560)}
.possession{display:none;width:100%;height:clamp(.9rem,3.5vmin,1.6rem);position:relative;line-height:1}
.possession::before{content:"";position:absolute;top:0;width:0;height:0;transition:left .25s ease,right .25s ease,border-color .2s ease}
.possession[data-side=home]::before,.possession[data-side=visitor]::before{border-top:clamp(.45rem,1.75vmin,.8rem) solid transparent;border-bottom:clamp(.45rem,1.75vmin,.8rem) solid transparent}
.possession[data-side=home]::before{left:0;border-right:clamp(.7rem,2.6vmin,1.2rem) solid var(--sb-home,#ccd6f6)}
.possession[data-side=visitor]::before{right:0;border-left:clamp(.7rem,2.6vmin,1.2rem) solid var(--sb-visitor,#ccd6f6)}
.possession[data-side=unset]::before{left:50%;top:50%;width:clamp(.4rem,1.4vmin,.7rem);height:clamp(.4rem,1.4vmin,.7rem);border-radius:50%;background:var(--sb-text,#8892b0);opacity:.45;transform:translate(-50%,-50%)}
.scoreboard--admin .possession,.scoreboard--preview .possession{cursor:pointer}
.scoreboard--admin .possession:hover::before,.scoreboard--preview .possession:hover::before{filter:drop-shadow(0 0 6px var(--sb-timer, #e94560))}
.extras{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(.25rem,1.5vmin,.75rem) clamp(.5rem,3vmin,2rem);align-items:center;padding-top:clamp(.25rem,1.2vmin,.5rem);border-top:3px solid var(--sb-border,#0f3460);flex-shrink:0}
.extras-team{flex-direction:column}
.extras-team,.fouls-wrap{display:flex;align-items:center;gap:.3em}
.fouls-label{font-size:clamp(.6rem,2vmin,1.1rem);color:var(--sb-text,#8892b0)}
.fouls{font-size:clamp(1rem,5vmin,6vmin);font-weight:800;font-variant-numeric:tabular-nums;color:var(--sb-timer,#e94560);min-width:1.2em;text-align:center}
.fouls.fouls--max{color:#ff1744;text-shadow:0 0 8px rgba(255,23,68,.7),0 0 16px rgba(255,23,68,.4)}
.timeouts-wrap{display:flex;align-items:center;gap:.2em}
.timeouts-label{font-size:clamp(.55rem,1.8vmin,1rem);color:var(--sb-text,#8892b0);margin-right:.15em}
.to-dot{width:clamp(8px,2.2vmin,20px);height:clamp(8px,2.2vmin,20px);border-radius:50%;display:inline-block;background:var(--sb-border,#0f3460);border:2px solid var(--sb-text,#8892b0);transition:background .2s}
.to-dot.used{background:var(--sb-timer,#e94560);border-color:var(--sb-timer,#e94560)}
.extras-center{min-width:clamp(3rem,12vmin,8rem);padding:0 clamp(.5rem,2.5vmin,1rem);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.25em}
.possession-label{font-size:clamp(.55rem,1.8vmin,1rem);letter-spacing:.1em;text-align:center;color:var(--sb-text,#8892b0)}
.number-font-roboto-mono .scoreboard .fouls,.number-font-roboto-mono .scoreboard .period,.number-font-roboto-mono .scoreboard .score,.number-font-roboto-mono .scoreboard .shot-clock,.number-font-roboto-mono .scoreboard .timer{font-family:"Roboto Mono",monospace}
.number-font-major-mono .scoreboard .fouls,.number-font-major-mono .scoreboard .period,.number-font-major-mono .scoreboard .score,.number-font-major-mono .scoreboard .shot-clock,.number-font-major-mono .scoreboard .timer{font-family:"Major Mono Display",monospace;font-weight:700}
.number-font-share-tech .scoreboard .fouls,.number-font-share-tech .scoreboard .period,.number-font-share-tech .scoreboard .score,.number-font-share-tech .scoreboard .shot-clock,.number-font-share-tech .scoreboard .timer{font-family:"Share Tech Mono",monospace}
.number-font-mono .scoreboard .fouls,.number-font-mono .scoreboard .period,.number-font-mono .scoreboard .score,.number-font-mono .scoreboard .shot-clock,.number-font-mono .scoreboard .timer{font-family:"JetBrains Mono",monospace}
.number-font-azeret-mono .scoreboard .fouls,.number-font-azeret-mono .scoreboard .period,.number-font-azeret-mono .scoreboard .score,.number-font-azeret-mono .scoreboard .shot-clock,.number-font-azeret-mono .scoreboard .timer{font-family:"Azeret Mono",monospace}
.number-font-segment .scoreboard .fouls,.number-font-segment .scoreboard .period,.number-font-segment .scoreboard .score,.number-font-segment .scoreboard .shot-clock,.number-font-segment .scoreboard .timer{font-family:"DSEG7 Classic",monospace}
.number-font-segment .scoreboard .score{line-height:1.1}
@media (max-width:400px){.score{font-size:clamp(2.5rem,22vmin,28vmin)}
.timer{font-size:clamp(2rem,14vmin,18vmin)}
}