:root{color-scheme:light;--silver-light: #f4f4f4;--silver-dark: #bcbcbc;--ink: #080808;--blue: #0871c9;--red: #ed0000;font-family:Arial,Helvetica,sans-serif;background:transparent;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center}.stage{position:relative;width:100%;min-height:100vh;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:24px}.scorebug{width:min(1500px,100%);min-width:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.scorebug[hidden]{display:none}.title-strip{position:relative;height:33px;overflow:hidden;background:transparent;color:#fff;font-size:clamp(10px,1.6vw,22px);font-weight:800;line-height:33px;text-align:center;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}.title-strip:before{position:absolute;z-index:0;inset:0;background:var(--ink);content:""}.title-text{position:relative;z-index:1;display:block}.title-separator{height:1px;background:transparent}.scoreboard{display:grid;grid-template-columns:minmax(0,var(--team-panel-width, 31fr)) minmax(0,var(--team-score-panel-width, 5.9fr)) minmax(0,var(--team-panel-width, 31fr)) minmax(0,var(--team-score-panel-width, 5.9fr)) minmax(0,9.2fr) minmax(0,10.7fr) minmax(0,6.1fr);height:60px;position:relative;background:#303030;box-shadow:0 2px 3px #00000038}.team{min-width:0;display:flex;align-items:center;gap:8px;padding:0 2px;overflow:hidden;border:1px solid rgb(0 0 0 / 28%)}.team-logo-slot{display:block;flex:0 0 auto;line-height:0}.team.left{background:var( --team-panel-background, linear-gradient(180deg, var(--silver-light), var(--silver-dark)) )}.team.right{background:var(--team-panel-background, linear-gradient(180deg, #1682dc, #0062b8))}.logo{width:74px;height:60px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 1px 1px rgb(0 0 0 / 35%))}.team-logo-slot[data-fit=cover] .logo{object-fit:cover}.team-logo-slot[data-fit=fill] .logo{object-fit:fill}.team-logo-preview[data-fit=cover]{object-fit:cover}.team-logo-preview[data-fit=fill]{object-fit:fill}.team-name{flex:1 1 0;min-width:0;overflow:hidden;color:var(--team-name-color, var(--blue));font-size:clamp(17px,2.7vw,37px);font-weight:900;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.team.right .team-name{color:var(--team-name-color, #fff)}.separator{min-width:0;display:flex;align-items:center;justify-content:center;background:var(--team-score-background, linear-gradient(180deg, #f3f3f3, #bcbcbc));border:1px solid #888;box-shadow:inset 1px 0 #fffc,inset -1px 0 #00000038;color:var(--team-score-font-color, var(--ink));font-size:var(--team-score-font-size, clamp(17px, 2.7vw, 37px));font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.clock{display:flex;align-items:center;justify-content:center;background:#000;font-size:clamp(19px,2.6vw,34px);font-weight:800;letter-spacing:.04em;white-space:nowrap}.clock-camera-image{display:block;width:100%;height:100%;object-fit:contain}.clock-bay{min-width:0;display:flex;align-items:center;justify-content:center;background:#303030;color:#fff;font-size:clamp(12px,1.8vw,22px);font-weight:800;white-space:nowrap}.score-accent{min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--red)}.shot-clock-camera-image{display:block;width:100%;height:100%;object-fit:contain}.scorebug[data-surface-style=flat] .title-strip:before{background:var(--ink)}.scorebug[data-surface-style=flat] .scoreboard{background:#303030}.scorebug[data-surface-style=flat] .team.left{background:var(--team-panel-background, #d3d3d3)}.scorebug[data-surface-style=flat] .separator{background:var(--team-score-background, #d3d3d3)}.scorebug[data-surface-style=flat] .team.right{background:var(--team-panel-background, #0871c9)}.scorebug[data-surface-style=flat] .clock{background:#000}.scorebug[data-surface-style=flat] .clock-bay{background:#303030}.scorebug[data-surface-style=flat] .score-accent{background:var(--red)}.scorebug[data-surface-style=gradient] .title-strip:before{background:linear-gradient(180deg,#3b4651,#111a23)}.scorebug[data-surface-style=gradient] .scoreboard{background:linear-gradient(180deg,#424d58,#252e38)}.scorebug[data-surface-style=gradient] .team.left{background:linear-gradient(180deg,color-mix(in srgb,var(--team-panel-background, #dce2e9) 82%,white),color-mix(in srgb,var(--team-panel-background, #dce2e9) 84%,black))}.scorebug[data-surface-style=gradient] .team.right{background:linear-gradient(180deg,color-mix(in srgb,var(--team-panel-background, #0871c9) 82%,white),color-mix(in srgb,var(--team-panel-background, #0871c9) 84%,black))}.scorebug[data-surface-style=gradient] .separator{background:linear-gradient(180deg,color-mix(in srgb,var(--team-score-background, #e1e5eb) 82%,white),color-mix(in srgb,var(--team-score-background, #e1e5eb) 84%,black))}.scorebug[data-surface-style=gradient] .clock{background:#000}.scorebug[data-surface-style=gradient] .clock-bay{background:linear-gradient(180deg,#414b56,#222b35)}.scorebug[data-surface-style=gradient] .score-accent{background:linear-gradient(180deg,#ff5149,#bd151d)}.score-value.score-change{animation:score-change .42s cubic-bezier(.16,1,.3,1) both}@keyframes score-change{0%{opacity:.65;transform:translateY(.22em) scale(.86)}65%{opacity:1;transform:translateY(-.06em) scale(1.06)}to{opacity:1;transform:translateY(0) scale(1)}}.scoreboard-text-reveal{animation:scoreboard-text-reveal .65s cubic-bezier(.16,1,.3,1) both}.title-text.scoreboard-text-reveal{animation:scoreboard-banner-reveal 1s cubic-bezier(.22,1,.36,1) both}.title-strip.scoreboard-background-reveal:before{animation:scoreboard-banner-reveal 1s cubic-bezier(.22,1,.36,1) both}@keyframes scoreboard-text-reveal{0%{opacity:0;transform:translateY(.2em)}to{opacity:1;transform:translateY(0)}}@keyframes scoreboard-banner-reveal{0%{opacity:0;transform:translateY(65%)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.scoreboard-text-reveal,.score-value.score-change,.scoreboard-background-reveal:before{animation:none}}@media(max-width:560px){.stage{padding:10px}.scoreboard{grid-template-columns:minmax(0,var(--team-panel-mobile-width, 1.3fr)) minmax(24px,var(--team-score-mobile-width, 32px)) minmax(64px,.7fr) 32px;grid-template-rows:repeat(2,clamp(34px,10vw,42px));height:auto}.team{gap:4px;padding:0 3px}.team.left{grid-column:1;grid-row:1}.separator.score-left{grid-column:2;grid-row:1}.team.right{grid-column:1;grid-row:2}.separator.score-right{grid-column:2;grid-row:2}.clock{grid-column:3;grid-row:1 / span 2}.clock-bay{grid-column:4;grid-row:1}.score-accent{grid-column:4;grid-row:2}.separator.score-left,.separator.score-right{font-size:clamp(12px,min(var(--team-score-font-size, 4vw),20px),20px)}.clock-bay{font-size:clamp(10px,3vw,13px)}.team-name{font-size:clamp(11px,3.8vw,15px)}.logo{width:26px;height:26px}.title-strip{height:25px;font-size:clamp(8px,1.8vw,10px);line-height:25px}}@media(max-width:380px){.scoreboard{grid-template-columns:minmax(0,var(--team-panel-mobile-width, 1.3fr)) minmax(24px,var(--team-score-narrow-mobile-width, 28px)) minmax(58px,.7fr) 28px;grid-template-rows:repeat(2,34px)}.separator.score-left,.separator.score-right{font-size:clamp(11px,min(var(--team-score-font-size, 3.5vw),18px),18px)}.clock-bay{font-size:10px}.logo{width:22px;height:22px}.team-name{font-size:clamp(10px,3.5vw,12px)}}