: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;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center}.stage{width:100%;min-height:100vh;min-height:100dvh;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:24px}.stage[data-position$=left]{align-items:flex-start}.stage[data-position$=center]{align-items:center}.stage[data-position$=right]{align-items:flex-end}.stage[data-position^=top-]{justify-content:flex-start}.stage[data-position^=center-],.stage[data-position=center]{justify-content:center}.stage[data-position^=bottom-]{justify-content:flex-end}.scorebug{width:min(var(--scorebug-width, 1267px),100%);min-width:0;position:relative}.scorebug[hidden]{display:none}.title-strip{position:relative;height:var(--scorebug-title-height, 33px);overflow:hidden;background:transparent;color:#fff;font-size:clamp(10px,1.6vw,22px);font-weight:800;line-height:var(--scorebug-title-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;flex:0 0 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:var(--scorebug-board-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,#303030,var(--ink))}.scorebug[data-surface-style=gradient] .scoreboard{background:linear-gradient(180deg,#3b3b3b,#262626)}.scorebug[data-surface-style=gradient] .team.left{background:var( --team-panel-background, linear-gradient(180deg, var(--silver-light), var(--silver-dark)) )}.scorebug[data-surface-style=gradient] .team.right{background:var(--team-panel-background, linear-gradient(180deg, #1682dc, #0062b8))}.scorebug[data-surface-style=gradient] .separator{background:var(--team-score-background, linear-gradient(180deg, #f3f3f3, #bcbcbc))}.scorebug[data-surface-style=gradient] .clock{background:#000}.scorebug[data-surface-style=gradient] .clock-bay{background:linear-gradient(180deg,#3b3b3b,#292929)}.scorebug[data-surface-style=gradient] .score-accent{background:linear-gradient(180deg,#ff2828,#c90000)}.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:8px}.scoreboard{grid-template-columns:minmax(0,var(--team-panel-mobile-width, 1.3fr)) minmax(24px,var(--team-score-mobile-width, 32px)) minmax(0,var(--team-panel-mobile-width, 1.3fr)) minmax(24px,var(--team-score-mobile-width, 32px)) minmax(28px,.45fr) minmax(52px,.75fr) minmax(28px,.35fr);height:var(--scorebug-board-height, clamp(42px, 12vw, 46px))}.team{gap:4px;padding:0 3px}.separator.score-left,.separator.score-right{font-size:clamp(12px,var(--team-score-font-size, 4vw),18px)}.clock-bay{font-size:clamp(10px,3vw,15px)}.team-name{font-size:clamp(12px,4vw,18px)}.logo{width:clamp(24px,7vw,34px);height:clamp(24px,7vw,34px)}.title-strip{height:var(--scorebug-title-height, 25px);font-size:clamp(9px,2.4vw,12px);line-height:var(--scorebug-title-height, 25px)}}@media(max-width:380px){.scoreboard{grid-template-columns:minmax(0,var(--team-panel-mobile-width, 1.3fr)) minmax(22px,var(--team-score-narrow-mobile-width, 28px)) minmax(0,var(--team-panel-mobile-width, 1.3fr)) minmax(22px,var(--team-score-narrow-mobile-width, 28px)) minmax(24px,.45fr) minmax(48px,.75fr) minmax(26px,.35fr)}.separator.score-left,.separator.score-right{font-size:clamp(10px,var(--team-score-font-size, 3.5vw),14px)}.clock-bay{font-size:9px}.logo{width:22px;height:22px}.team-name{font-size:clamp(9px,3.2vw,12px)}}