.srccClock{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;min-width:0;font-variant-numeric:tabular-nums}
.srccClockFace{display:flex;align-items:center;gap:5px 9px;white-space:nowrap;flex-wrap:wrap;max-width:100%}
.srccClockFace>strong{font-size:30px!important;line-height:1.1;font-weight:850;letter-spacing:-1px}
.srccClockFace>span{display:flex;flex-direction:column;gap:3px}
.srccClockFace small{font-size:11px;letter-spacing:.04em}
.srccClockFace b{font-size:12px;color:#166534;background:#dcfce7;border-radius:5px;padding:2px 6px}
.srccClockStoppage{display:flex;flex-direction:column;gap:2px;padding:4px 7px;border-radius:7px;background:#f7e8bd;color:#624508}
.srccClockStoppage>small{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.srccClockStoppage>strong{font-size:26px!important;line-height:1.1;font-weight:850;letter-spacing:-.5px}
.srccClock[data-phase=added] .srccClockFace>strong{opacity:.55}
.srccClockActions{display:flex;gap:6px}
.srccClockActions button{min-height:40px;padding:8px 10px;font-size:12px;white-space:nowrap}
.srccClockActions [data-clock-action=toggle]{background:#145d3a!important;color:#fff!important;border-color:#145d3a!important}
.srccClock[data-state=expired] [data-clock-time]{color:#b45309}
.srccClockError:empty{display:none}
.srccClockError{flex-basis:100%;color:#b45309;font-size:12px}
.srccClockEdit{display:flex;align-items:end;flex-wrap:wrap;gap:8px;flex-basis:100%;padding-top:6px}
.srccClockEdit label{display:flex;flex-direction:column;gap:4px;font-size:12px}
.srccClockEdit input{width:95px!important;min-height:38px;padding:6px 8px}
.srccClockEdit button{min-height:38px}
.srccClock [hidden]{display:none!important}
#srccBoard .mbLiveControls{flex-wrap:wrap;gap:8px 16px}
#srccBoard .mbLiveControls>.srccClock{flex:1;justify-content:center}
#srccBoard .mbLiveControls>.mbLiveActions{margin-left:auto}
#srccBoard .mbSetupClock{margin:0 0 14px;padding:10px 14px;background:#f3f4ef;border:1px solid #ddd;border-radius:12px}
.v21Scoreboard>.srccClock{margin:8px 0;justify-content:center;color:inherit;text-align:center}
.v21Scoreboard .srccClockFace>strong{font-size:28px!important}
.v21Scoreboard .srccClockStoppage>strong{font-size:24px!important}
.v21Scoreboard .srccClockFace>span:has([data-clock-label][hidden]):has([data-clock-added][hidden]){display:none}
@media(max-width:700px){
 #srccBoard .mbLiveControls{gap:8px;padding:9px 10px}
 #srccBoard .mbLiveControls>.mbScore{flex-basis:auto;flex:1}
 #srccBoard .mbLiveControls>.mbLiveActions{flex:1;width:auto}
 #srccBoard .mbLiveControls .mbScoreGoals{flex:1;gap:5px}
 #srccBoard .mbLiveControls .mbScoreGoals button{padding:7px;font-size:11px;min-height:40px}
 #srccBoard .mbLiveControls>.srccClock{flex-basis:100%;order:3;justify-content:space-between;gap:6px}
 #srccBoard .srccClockFace>strong{font-size:25px!important}
 #srccBoard .srccClockStoppage>strong{font-size:22px!important}
 #srccBoard .srccClockActions button{font-size:11px;padding:7px}
 #srccBoard .mbLiveControls .mbScore span{font-size:10px}
 #srccBoard .mbLiveControls .mbScore b{font-size:23px}
}
