.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1.25rem}.home-title{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:1.25rem;text-align:center}.home-subtitle-container{margin-bottom:2.5rem}.home-subtitle{font-size:1.25rem;margin:1.25rem 0;color:#4a5568;text-align:center}.home-button{background-color:#3182ce;color:#fff;padding:.9375rem 2.5rem;font-size:1.125rem;font-weight:700;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.home-button:hover{background-color:#2b6cb0}.demo-controller{position:fixed;top:1.5rem;right:1.5rem;background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.25);border-radius:.75rem;padding:1.5rem;min-width:280px;z-index:9999;font-family:Barlow Condensed,sans-serif;color:#fff}.demo-controller-header{font-size:1.125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#0f8;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.15)}.demo-controller-row{margin-bottom:1rem}.demo-controller-row:last-child{margin-bottom:0}.demo-controller-label{display:flex;align-items:center;gap:.625rem;font-size:1rem;cursor:pointer}.demo-controller-label-text{display:block;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;margin-bottom:.375rem}.demo-controller-checkbox{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#00ff88}.demo-controller-select{width:100%;padding:.625rem .75rem;font-size:1rem;font-family:inherit;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:.375rem;color:#fff;cursor:pointer}.demo-controller-select:hover{background:rgba(255,255,255,.15)}.demo-controller-select:focus{outline:none;border-color:#0f8}.demo-controller-select option{background:#1a1a1a;color:#fff}.demo-controller-value{display:block;font-size:1rem;color:#0f8;text-transform:capitalize}.frame-container{position:relative;overflow:hidden}.logo-container{position:relative;display:flex;align-items:center;flex:1;padding:1rem}.logo-container--left{justify-content:flex-start}.logo-container--right{justify-content:flex-end}.logo-image{object-fit:contain}.team-container{display:flex;align-items:center;justify-content:flex-start}.team-color-bar{height:100%}.team-name{color:#fff;font-weight:500;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trapezoid{display:flex;align-items:center;justify-content:center}.trapezoid-both{clip-path:polygon(var(--p) 0,calc(100% - var(--p)) 0,100% 100%,0 100%)}.trapezoid-left{clip-path:polygon(var(--p) 0,100% 0,100% 100%,0 100%)}.trapezoid-right{clip-path:polygon(0 0,calc(100% - var(--p)) 0,100% 100%,0 100%)}.trapezoid-parallelogram{clip-path:polygon(var(--p) 0,100% 0,calc(100% - var(--p)) 100%,0 100%)}.trapezoid-none{clip-path:none}.intro-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:4rem 4rem 0rem;position:relative}.intro-logo-container{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.intro-content-wrapper{display:flex;justify-content:center;align-items:center}.intro-card{display:flex;flex-direction:column;align-items:center}.intro-card-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;flex:1}.intro-main{flex:1;display:flex;flex-direction:row;align-items:center;width:100%}.intro-main-vs{width:20%;color:#fff;font-weight:500;text-align:center}.intro-footer{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:center;color:#fff;font-weight:500}@property --white-start{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --white-end{syntax: "<percentage>"; inherits: true; initial-value: 50%;}.baseball-bar-content-wrapper{display:flex;justify-content:center;align-items:flex-end;flex:1}.baseball-bar-card{display:flex;flex-direction:column;align-items:center;min-width:100rem}.baseball-bar-grid{display:grid;grid-template-columns:1fr auto 1fr}.baseball-bar-branding-row,.baseball-bar-row{background:linear-gradient(to right,var(--primary-bg) 0%,var(--primary-bg) var(--white-start),var(--white-bg) var(--white-start),var(--white-bg) var(--white-end),var(--primary-bg) var(--white-end),var(--primary-bg) 100%);transition:--white-start .4s ease,--white-end .4s ease}.baseball-bar-branding-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;margin-bottom:-1px}.baseball-bar-branding-center{display:flex;align-items:center;justify-content:center}.baseball-bar-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;min-height:calc(var(--bar-row-height))}.baseball-bar-score{color:inherit;font-weight:700;text-align:center;line-height:1;transform:translateY(-.05em)}.baseball-bar-inning-label{position:absolute;color:inherit;font-weight:700;text-transform:uppercase;text-align:center;white-space:nowrap;opacity:1;transition:opacity .3s ease}.baseball-bar-inning-label--hidden{opacity:0;pointer-events:none}.baseball-bar-side{flex:1;display:flex;flex-direction:row;align-items:center;transition:color .4s ease}.baseball-bar-side .team-name{color:inherit}.baseball-bar-center-group{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:color .4s ease}.baseball-bar-innings-content{display:flex;flex-direction:row;align-items:center;gap:inherit;opacity:1;transition:opacity .3s ease}.baseball-bar-innings-content--hidden{opacity:0;pointer-events:none}.baseball-bar-state-info{display:flex;flex-direction:column;align-items:center}.baseball-bar-inning-compact{color:inherit;font-weight:700;white-space:nowrap}.baseball-bar-outs{color:inherit;font-weight:700;text-transform:uppercase;white-space:nowrap}.baseball-bar-diamond{position:relative}.baseball-bar-base{position:absolute;transform:rotate(45deg);border:2px solid #888;background:transparent}.baseball-bar-base--occupied{background:#E5A833;border-color:#e5a833}.baseball-bug-content-wrapper{display:flex;justify-content:center;align-items:flex-end;flex:1;padding:1rem;overflow:hidden}.baseball-bug-panel{display:flex;flex-direction:column;max-width:100vw;min-width:40rem}.baseball-bug-header{display:flex;justify-content:flex-end}.baseball-bug-teams{padding:.2em 0}.baseball-bug-body{display:flex;align-items:stretch;gap:.2em}.baseball-bug-team-rows{flex:1;min-width:0;overflow:hidden}.baseball-bug-team-row,.baseball-bug-scores-column{display:flex;align-items:center}.baseball-bug-score-box{display:flex;align-items:center;justify-content:center}.baseball-bug-score-value{color:#fff;font-weight:700;text-align:center}.baseball-bug-score-secondary{color:#fff;font-weight:500;text-align:center}.baseball-bug-column-title{color:#fff;font-weight:500;text-transform:uppercase;text-align:center}.baseball-bug-batting-column{display:flex;align-items:center;justify-content:center}.baseball-bug-batting-indicator{width:0;height:0;border-top:.75em solid transparent;border-bottom:.75em solid transparent;border-right:1em solid white}.baseball-bug-state-panel{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:0;padding-right:10px}.baseball-bug-inning-label{color:#fff;font-weight:700;text-transform:uppercase;white-space:nowrap;margin-left:auto;margin-right:10px}.baseball-bug-diamond{position:relative}.baseball-bug-base{position:absolute;transform:rotate(45deg);border:1.5px solid rgba(255,255,255,.6);background:transparent}.baseball-bug-base--occupied{background:white;border-color:#fff}.baseball-bug-outs-label{color:#fff;font-weight:700;text-transform:uppercase;text-align:center;white-space:nowrap}.baseball-bug-footer{display:flex;align-items:center;justify-content:center}.baseball-bug-branding-logo{opacity:.8}.baseball-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.baseball-logo-container{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.cricket-bar-content-wrapper{display:flex;justify-content:center;align-items:flex-end;flex:1}.cricket-bar-card{display:flex;flex-direction:column;align-items:center}.cricket-bar-main{display:flex;align-items:stretch;width:100%}.cricket-bar-side{flex:1;display:flex;align-items:center;padding:0 .4em}.cricket-bar-side-home{justify-content:flex-start}.cricket-bar-side-away{flex-direction:row-reverse;justify-content:flex-start}.cricket-bar-score-stack{display:flex;align-items:center;margin:0 .6em}.cricket-bar-batting-dot{display:inline-block;border-radius:50%;background:#ffd23a;flex-shrink:0}.cricket-bar-score{color:#fff;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.cricket-bar-overs{color:#ffffffa6;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.cricket-bug-content-wrapper{display:flex;justify-content:center;align-items:flex-end;flex:1;padding:1rem;overflow:visible}.cricket-bug-panel{display:flex;flex-direction:column;min-width:28rem;max-width:100vw}.cricket-bug-body{padding:.4em .6em}.cricket-bug-footer{display:flex;align-items:center;justify-content:center}.cricket-bug-branding-logo{opacity:.8}.cricket-bug-rows{display:flex;flex-direction:column;margin-top:.6em;margin-bottom:.4em;gap:.15em}.cricket-bug-team-row{display:flex;align-items:center}.cricket-bug-batting-dot{display:inline-block;border-radius:50%;background:#ffd23a;margin-right:.4em;flex-shrink:0}.cricket-bug-score-box{display:flex;align-items:center;justify-content:flex-end}.cricket-bug-score-value{color:#fff;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cricket-bug-overs-box{display:flex;align-items:center;justify-content:flex-end}.cricket-bug-overs-value{color:#ffffffa6;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cricket-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.cricket-logo-container{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.goal-sport-bar-content-wrapper{display:flex;justify-content:center;align-items:flex-end;flex:1}.goal-sport-bar-card{display:flex;flex-direction:column;align-items:center;min-width:100rem}.goal-sport-bar-grid{display:grid;grid-template-columns:1fr auto 1fr}.goal-sport-bar-branding-row,.goal-sport-bar-row{background:var(--primary-bg)}.goal-sport-bar-branding-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;margin-bottom:-1px}.goal-sport-bar-branding-center{display:flex;align-items:center;justify-content:center}.goal-sport-bar-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;min-height:var(--bar-row-height)}.goal-sport-bar-score{color:#fff;font-weight:700;text-align:center;line-height:1;transform:translateY(-.05em)}.goal-sport-bar-side{flex:1;display:flex;flex-direction:row;align-items:center;color:#fff}.goal-sport-bar-side .team-name{color:inherit}.goal-sport-bar-center-group{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.goal-sport-bar-period-label{color:inherit;font-weight:700;text-transform:uppercase;white-space:nowrap;letter-spacing:.04em}.goal-sport-bar-clock{color:inherit;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.goal-sport-bar-score-stack{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.7em}.goal-sport-bar-cards{display:flex;align-items:center;justify-content:center;gap:.4em}.goal-sport-bug-content-wrapper{display:flex;justify-content:center;align-items:flex-end;flex:1;padding:1rem;overflow:visible}.goal-sport-bug-panel{display:flex;flex-direction:column;max-width:100vw;min-width:40rem}.goal-sport-bug-header{display:flex;justify-content:flex-end}.goal-sport-bug-period-label{color:#fff;font-weight:700;text-transform:uppercase;white-space:nowrap;letter-spacing:.04em}.goal-sport-bug-clock{color:#fff;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.goal-sport-bug-teams{padding:.2em 0}.goal-sport-bug-team-row{display:flex;align-items:center}.goal-sport-bug-cards-column{display:flex;align-items:center;justify-content:flex-end;gap:.5em;padding-right:.6em}.goal-sport-card-group{display:flex;align-items:center;gap:.15em}.goal-sport-card-div{display:inline-block;border-radius:1px;box-shadow:0 0 0 1px #00000040}.goal-sport-bug-scores-column{display:flex;align-items:center}.goal-sport-bug-score-box{display:flex;align-items:center;justify-content:center}.goal-sport-bug-score-value{color:#fff;font-weight:700;text-align:center}.goal-sport-bug-footer{display:flex;align-items:center;justify-content:center}.goal-sport-bug-branding-logo{opacity:.8}.goal-sport-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.goal-sport-logo-container{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.tennis-bar-content-wrapper{display:flex;justify-content:center;align-items:flex-end;flex:1}.tennis-bar-card{display:flex;flex-direction:column;align-items:center;min-width:100rem}.tennis-bar-grid{display:grid;grid-template-columns:1fr auto 1fr}.tennis-bar-branding-row,.tennis-bar-row{background:var(--primary-bg)}.tennis-bar-branding-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;margin-bottom:-1px}.tennis-bar-branding-center{display:flex;align-items:center;justify-content:center}.tennis-bar-row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;min-height:var(--bar-row-height)}.tennis-bar-side{flex:1;display:flex;flex-direction:row;align-items:center;color:#fff}.tennis-bar-side .team-name{color:inherit}.tennis-bar-center-group{position:relative}.tennis-bar-score-stack{display:flex;flex-direction:row;align-items:baseline}.tennis-bar-sets{color:#fff;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap}.tennis-bar-points{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}.tennis-bar-server-dot{display:inline-block;border-radius:50%;background-color:#f5c400;flex-shrink:0}.tennis-bug-content-wrapper{display:flex;justify-content:center;align-items:flex-end;flex:1;padding:1rem;overflow:visible}.tennis-bug-panel{display:flex;flex-direction:column;max-width:100vw;min-width:40rem}.tennis-bug-teams{padding:.2em 0}.tennis-bug-team-row{display:flex;align-items:center}.tennis-bug-name-cell{display:flex;align-items:center;gap:.4em}.tennis-bug-server-dot{display:inline-block;border-radius:50%;background-color:#f5c400;flex-shrink:0;margin-right:.4em}.tennis-bug-set-box{display:flex;align-items:center;justify-content:center}.tennis-bug-set-box-empty{visibility:hidden}.tennis-bug-set-games{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}.tennis-bug-set-tiebreak{color:#fff;font-weight:600;font-variant-numeric:tabular-nums;margin-left:.1em;opacity:.85}.tennis-bug-games-box{display:flex;align-items:center;justify-content:center}.tennis-bug-games-value{color:#fff;font-weight:700;font-variant-numeric:tabular-nums;opacity:.95}.tennis-bug-points-box{display:flex;align-items:center;justify-content:center}.tennis-bug-points-value{color:#fff;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.tennis-bug-footer{display:flex;align-items:center;justify-content:center}.tennis-bug-branding-logo{opacity:.8}.tennis-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.tennis-logo-container{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.bar-score{display:flex;flex-direction:row;align-items:flex-start;justify-content:center}.bar-score-team{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.bar-score-value,.bar-score-separator{font-weight:700;color:#fff;text-align:center}.bar-score-control{border-radius:50%;background:white}.bar-set{display:flex;flex-direction:column;align-items:center}.bar-set-box{background:white;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.bar-set-value{font-weight:700;color:#000}.bar-set-type{color:#fff;font-weight:500;text-transform:uppercase}.volleyball-bar-content-wrapper{display:flex;justify-content:center;align-items:flex-end;flex:1}.volleyball-bar-card{display:flex;flex-direction:column;align-items:center}.volleyball-bar-card-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;flex:1}.volleyball-bar-main{flex:1;display:flex;flex-direction:row;align-items:flex-start;width:100%}.volleyball-bar-scores-container{display:flex;flex-direction:row;justify-content:space-evenly;width:32%}.volleyball-bug-content-wrapper{display:flex;justify-content:center;align-items:flex-end;flex:1;padding:1rem;overflow:hidden}.volleyball-bug-panel{display:flex;flex-direction:column}.volleyball-bug-header{display:flex;justify-content:flex-end}.volleyball-bug-teams{padding:.2em 0}.volleyball-bug-team-row,.volleyball-bug-scores-column{display:flex;align-items:center}.volleyball-bug-indicator-column{display:flex;align-items:center;justify-content:center}.volleyball-bug-column-title{color:#fff;font-weight:500;text-transform:uppercase;text-align:center}.volleyball-bug-score-box{display:flex;align-items:center;justify-content:center}.volleyball-bug-score-value{color:#fff;font-weight:700;text-align:center}.volleyball-bug-score-sets-value{color:#fff;font-weight:500;text-align:center}.volleyball-bug-serve-indicator{border-radius:50%;flex-shrink:0;background-color:#fff}.volleyball-bug-footer{display:flex;align-items:center;justify-content:center}.volleyball-bug-branding-logo{opacity:.8}.volleyball-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.volleyball-logo-container{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.match-message{color:#fff;font-size:2.4rem;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);padding:2rem;border-radius:1rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:calc(100vh / 108);background:transparent}body{margin:0;background:transparent;font-family:Barlow Condensed,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.scorebug-position--top{align-items:flex-start;justify-content:center}.scorebug-position--bottom{align-items:flex-end;justify-content:center}.scorebug-position--top-left{align-items:flex-start;justify-content:flex-start}.scorebug-position--top-right{align-items:flex-start;justify-content:flex-end}.scorebug-position--bottom-left{align-items:flex-end;justify-content:flex-start}.scorebug-position--bottom-right{align-items:flex-end;justify-content:flex-end}