.cls-scoreboard.cls-scoreboard-pro{height:670px; width: 1200px; overflow:hidden;}
.cls-scoreboard-pro{max-width:1200px;margin:0 auto;border:4px solid #170028;overflow:hidden;background:#180023;color:#fff;font-family:Arial,Helvetica,sans-serif;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.cls-scoreboard-pro *{box-sizing:border-box}.cls-scoreboard-pro img{display:block}
.cls-sb-topband{display:grid;grid-template-columns:1fr 260px 1fr;align-items:stretch;background:linear-gradient(90deg,#930000 0%,#5a0017 28%,#25043f 50%,#5a0017 72%,#930000 100%);gap:10px;padding:8px 10px 0}
.cls-sb-teambox{border:2px solid #f4b400;border-bottom:none;border-top-left-radius:34px;border-top-right-radius:34px;background:linear-gradient(180deg,#d11616,#7f0000);padding:6px 18px 10px;min-height:112px;position:relative}
.cls-sb-team-title{font-size:21px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;text-align:center;padding-bottom:0px;text-shadow:0 2px 0 rgba(0,0,0,.35)}
.cls-sb-teambox-body{display:flex;align-items:center;justify-content:flex-start;gap:14px;padding-top:4px}.cls-sb-teambox-body-right{justify-content:flex-end}
.cls-sb-team-flag{width:66px;height:66px;border-radius:50%;object-fit:cover;background:#fff;border:3px solid rgba(255,255,255,.78)}
.cls-sb-score-stack{line-height:.92; display:flex;}.cls-sb-big-score{font-size:50px;font-weight:900;letter-spacing:-2px;text-shadow:0 3px 0 rgba(0,0,0,.35)}
.cls-sb-big-overs{font-size: 35px;
  color: #ffe447;
  font-weight: 900;
  text-align: center;
  margin-top: 15px;
  margin-left: 20px;}
  .cls-sb-arena{display: none;}
.cls-sb-bowl-note{font-size:48px;font-weight:900;line-height:1;text-transform:uppercase;text-shadow:0 3px 0 rgba(0,0,0,.35)}
.cls-sb-centerbox{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px;text-align:center}.cls-sb-center-status{font-size:20px;font-weight:900;text-transform:uppercase;line-height:1.1}.cls-sb-center-banner{font-size:16px;font-weight:900;text-transform:uppercase;margin-top:6px;letter-spacing:.04em}.cls-sb-center-fixture{font-size:12px;font-weight:700;opacity:.9;margin-top:6px}
.cls-sb-meta-strip{display:grid;grid-template-columns:auto auto 1fr;gap:0;background:linear-gradient(90deg,#0d2f95,#1d1b9c,#2a2eae,#1741b8);border-top:2px solid #ffca28;border-bottom:2px solid #ffca28;font-weight:900;text-transform:uppercase}
.cls-sb-meta-item{padding:6px 12px;border-right:2px solid rgba(255,255,255,.18);font-size:14px;white-space:nowrap}.cls-sb-meta-fill{white-space:normal;overflow:hidden;text-overflow:ellipsis}
.cls-sb-over-stack{background:linear-gradient(180deg,#7a0056,#590c88);border-bottom:2px solid #ffca28}.cls-sb-over-row{display:flex;align-items:center;gap:6px;min-height:34px;padding:4px 10px;font-weight:900}.cls-sb-over-row-secondary{background:rgba(255,255,255,.08)}.cls-sb-over-row-current{background:rgba(0,0,0,.16)}
.cls-over-prefix{font-size:14px;font-weight:900;min-width:64px;text-transform:uppercase}.cls-over-total{font-size:18px;font-weight:900;color:#ffe447;margin-left:4px}
.cls-bubble{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius:4px;background:#111;color:#fff;font-size:18px;font-weight:900;border:2px solid rgba(255,255,255,.18);box-shadow:inset 0 -2px 0 rgba(255,255,255,.08)}.cls-bubble.highlight{background:#f5b400;color:#fff}.cls-bubble.wicket{background:#000;color:#fff}.cls-bubble.extra{background:#0f8d1d;color:#fff}
.cls-sb-arena{position:relative;background:#1a4b14}.cls-sb-ground-bg{height:172px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0) 35%),radial-gradient(circle at 50% 62%,#d6cb92 0 8%,transparent 8.4%),radial-gradient(circle at 50% 62%,transparent 0 14%,#7fcf69 14.2% 42%,#5fac4e 42.2% 100%);position:relative;overflow:hidden}.cls-sb-ground-bg:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 120%,rgba(255,255,255,.14) 0 10px,rgba(255,255,255,0) 10px 20px);opacity:.25}
.cls-sb-cards-row{display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
  position: fixed;
  top:62px;z-index:2}
.cls-sb-player-card{border: 5px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
  border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,.32)}
.cls-sb-batter-card{background:linear-gradient(90deg,#8d0007 0%,#8d0007 58%,#4c26b5 100%)}.cls-sb-bowler-card{background:linear-gradient(90deg,#1d6d1c 0%,#114b12 48%,#272391 100%)}
.cls-sb-card-badge-wrap{display:flex;align-items:center;gap:6px;padding:6px 10px 0; margin-top: -10%; margin-left: 196px;}.cls-sb-card-badge-wrap-right{justify-content:flex-end}.cls-sb-mini-flag{width:35px;height:35px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid rgba(255,255,255,.7)}.cls-sb-card-badge{background:#2a0d3f;color:#fff;padding:2px 10px;font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.cls-sb-card-main{display:flex;align-items:flex-end;gap:10px;padding:0 10px 6px}.cls-sb-player-image{width:100px;height:126px;object-fit:cover;object-position:center top;filter:drop-shadow(0 6px 10px rgba(0,0,0,.28));background:rgba(255,255,255,.06);border-radius:8px; margin-top: -11%;}.cls-sb-card-content{flex:1;min-width:0;padding-bottom:4px}.cls-sb-player-name{font-size:26px;height:26px; overflow:hidden; text-align:center; margin-top:12px;font-weight:600;text-transform:uppercase;line-height:1.05;word-break:break-word}.cls-sb-player-score-lg{font-size:30px; text-align:center;font-weight:900;color:#ffe447;margin-top:8px}
.cls-sb-facing{font-size: 13px;
  font-weight: 900;
  color: #fffc;
  min-height: 14px;
  margin-top: -16px;
  text-transform: uppercase;
  position: absolute;
  margin-left: -103px;
  background: green;
  animation: blink-animation 1s steps(1, start) infinite;}
  @keyframes blink-animation {
    /* At 0% (start) and 100% (end), the opacity is 1 (visible) */
    0%, 100% {
      opacity: 1;
    }
    /* At 50% (midpoint), the opacity is 0 (hidden) */
    50% {
      opacity: 0;
    }
  }
.cls-sb-card-stats{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px 8px;background:rgba(3,7,18,.52);font-size:22px;}
.cls-sb-card-stats span strong{ font-weight:600}
.cls-sb-footer-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;background:linear-gradient(90deg,#7f0017,#32137d);font-size:13px;font-weight:800}.cls-scoreboard-empty{padding:14px;border:1px solid #ddd;background:#fff;color:#222}
@media (max-width:900px){.cls-sb-topband{grid-template-columns:1fr}.cls-sb-cards-row{grid-template-columns:1fr}.cls-sb-meta-strip{grid-template-columns:1fr}.cls-sb-footer-strip{flex-direction:column;align-items:flex-start}.cls-sb-bowl-note,.cls-sb-big-score{font-size:42px}.cls-sb-over-row{flex-wrap:wrap}.cls-over-prefix{min-width:auto}}

.cls-scoreboard{position:relative}
.cls-sb-animation-overlay{position:absolute;inset:0;background:rgba(0,0,0,.78);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:50}
.cls-sb-animation-overlay.is-visible{opacity:1;pointer-events:auto}
.cls-sb-animation-inner{width:100%;display:flex;align-items:center;justify-content:center}
.cls-sb-animation-video{width:100%;max-height:90vh;border-radius:18px;background:#000;box-shadow:0 12px 40px rgba(0,0,0,.5)}


.cls-sb-over-column{display:grid;grid-template-columns:1fr;background:linear-gradient(180deg,#7a0056,#590c88);border-bottom:2px solid #ffca28}
.cls-sb-over-column .cls-sb-over-row{display:flex;align-items:center;gap:6px;min-height:36px;padding:4px 10px;font-weight:900;border-bottom:1px solid rgba(255,255,255,.08)}
.cls-sb-over-column .cls-sb-over-row:first-child{background:rgba(0,0,0,.16)}
.cls-sb-over-column .cls-sb-over-row:not(:first-child){background:rgba(255,255,255,.05)}
.cls-bubble.six{background:#7CFC00;color:#111;border-color:rgba(255,255,255,.5)}
.cls-sb-lower-grid{display:grid;grid-template-columns:1fr;padding:8px;background:#160021}
.cls-sb-lower-col{display:grid;grid-template-columns:1fr;gap:10px}
.cls-sb-section-card{background:green;/*linear-gradient(180deg,#2a0d3f,#1a0828);/*border:2px solid #ffb400;border-radius:10px;*/overflow:hidden}
.cls-sb-section-title{padding:8px 10px;background:rgba(255,255,255,.08);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.cls-sb-list{padding:8px 10px;display:grid;gap:8px}
.cls-sb-list-row{padding:8px;border-radius:8px;background:rgba(255,255,255,.06)}
.cls-sb-list-main{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:900;text-transform:uppercase}
.cls-sb-list-main span{opacity:.85}
.cls-sb-list-meta{margin-top:4px;font-size:12px;font-weight:700;color:#f3f0ff}
.cls-sb-list-empty{font-size:12px;opacity:.8}
@media (min-width: 980px){.cls-sb-lower-col{grid-template-columns:1fr 1fr}}

.cls-sb-main-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:10px;padding:8px;background:#160021}
.cls-sb-main-right{display:grid;gap:10px;align-content:start}
.cls-sb-table-wrap{padding:8px 10px;overflow:auto}
.cls-sb-table{width:100%;border-collapse:collapse;font-size:13px;font-weight:800}
.cls-sb-table th,.cls-sb-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left;white-space:nowrap}
.cls-sb-table th{background:rgba(255,255,255,.08);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.cls-sb-table tr:last-child td{border-bottom:none}
.cls-sb-bottom-dock{position:sticky;bottom:0;z-index:20;background:linear-gradient(180deg,rgba(22,0,33,.15),#160021 28%);padding:8px 8px 10px;backdrop-filter:blur(4px)}
.cls-sb-arena{min-height:150px}
.cls-sb-cards-row{margin-top:-38px}
@media (max-width:980px){.cls-sb-main-grid{grid-template-columns:1fr}.cls-sb-bottom-dock{position:static}.cls-sb-cards-row{margin-top:0}}


.cls-sb-main-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:8px;background:#160021}
.cls-sb-last20-wrap{background:linear-gradient(180deg,#7a0056,#590c88);border:2px solid #ffca28;border-radius:10px;padding:8px 10px}
.cls-last20-row{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow:hidden}
.cls-last20-label{font-size:14px;font-weight:900;text-transform:uppercase;white-space:nowrap;min-width:max-content}
.cls-last20-bubbles{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
.cls-sb-main-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:10px}
.cls-sb-main-right-stack{display:grid;grid-template-columns:1fr;gap:10px;align-content:start}
.cls-sb-blank-panel{min-height:120px}
@media (max-width:980px){.cls-sb-main-columns{grid-template-columns:1fr}}

.cls-sb-ticker-wrap{margin-bottom:0px}.cls-sb-ticker{position:relative;overflow:hidden;background:#0e2431;border:2px solid #ffca28;border-radius:0px;padding:6px 0}.cls-sb-ticker-track{display:inline-flex;align-items:center;gap:48px;white-space:nowrap;min-width:max-content;will-change:transform;animation:clsTickerMove 28s linear infinite}.cls-sb-ticker-track span{font-size:15px;font-weight:600;color:#fff;padding-left:20px;text-transform:uppercase;flex:0 0 auto}.cls-sb-ticker-empty{height:0}.cls-bubble.orange,.cls-bubble.boundary-four{background:#f59e0b;color:#111}.cls-bubble.green,.cls-bubble.boundary-six,.cls-bubble.six{background:#84cc16;color:#102100}@keyframes clsTickerMove{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}

.cls-sb-main-grid{overflow:hidden}
.cls-sb-ticker-wrap{width:100%;max-width:100%;overflow:hidden}
.cls-sb-ticker{position:relative;width:100%;max-width:100%;overflow:hidden;border:1px solid #ffca28;border-radius:0px;background:linear-gradient(90deg,#2b0a42,#430765);padding:5px 0}
.cls-sb-ticker-track{display:flex;align-items:center;gap:48px;width:max-content;white-space:nowrap;will-change:transform;animation:clsTickerMarquee 28s linear infinite}
.cls-sb-ticker-track span{display:inline-block;padding-left:0;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffff}
.cls-sb-ticker-empty{display:none}
@keyframes clsTickerMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.cls-sb-last20-wrap{width:100%;max-width:100%;overflow:hidden}
.cls-last20-row{width:100%;max-width:100%;overflow:hidden}
.cls-last20-bubbles{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.cls-last20-bubbles::-webkit-scrollbar{display:none}

.cls-bubble.wide{background:#ffffff;color:#111;border-color:rgba(17,17,17,.22)}
.cls-bubble.no-ball{background:#8fd3ff;color:#08253a;border-color:rgba(255,255,255,.35)}
.cls-bubble.wicket{background:#dc2626;color:#fff}
.cls-bubble.boundary-four,.cls-bubble.orange{background:#f59e0b;color:#111}
.cls-bubble.boundary-six,.cls-bubble.six,.cls-bubble.green{background:#84cc16;color:#102100}
.cls-sb-batting-table tr.is-out td{background:#6b7280;color:#f9fafb}
.cls-sb-batting-table tr.is-current td{background:#d9f99d;color:#1f2937}
.cls-sb-still-to-bat{padding:10px 10px 0;font-size:13px;font-weight:800;color:#f8f1ff}


/* v19 fixes */
.cls-sb-main-grid{overflow:hidden; height: 325px;max-height: 325px;}
.cls-sb-ticker-wrap,.cls-sb-ticker{overflow:hidden;max-width:100%;width:100%}
.cls-sb-ticker-track{display:inline-flex;min-width:auto}
.cls-scoreboard-pro{overflow:hidden}
.cls-sb-bottom-dock{position:relative;z-index:3}
.cls-sb-cards-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:1000px){.cls-sb-cards-row{grid-template-columns:1fr}}

.cls-bubble.bye{background:#f5f5f5;color:#111}.cls-bubble.leg-bye{background:#ddd6fe;color:#24124d}


/* v21 frontend tweaks */
.cls-sb-center-banner{color:#ffe447;font-size:26px; font-weight:900}
.cls-sb-center-fixture{color:#fff;font-size:14px;font-weight:900}
.cls-last12-row{background:linear-gradient(90deg,#0d47a1,#1976d2);border-radius:8px;padding:8px 10px}
.cls-last12-row .cls-last20-label{color:#e3f2fd}
.cls-last12-row .cls-last20-bubbles{padding-bottom:0}
.cls-last12-row .cls-bubble{background:#1565c0;border-color:rgba(255,255,255,.22)}


/* v22 inline last-20 strip */
.cls-sb-meta-strip{display:grid;grid-template-columns:auto auto minmax(160px,1fr) minmax(300px,1.4fr);align-items:center;gap:0;overflow:hidden}
.cls-sb-meta-item{min-width:0}
.cls-sb-meta-fill{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cls-sb-meta-balls{min-width:0;padding:4px 8px;border-left:2px solid rgba(255,255,255,.18);overflow:hidden}
.cls-last20-inline{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow:hidden;background:transparent;border-radius:0;padding:0;width:100%}
.cls-last20-inline .cls-last20-label{font-size:12px;color:#dbeafe;min-width:max-content;white-space:nowrap}
.cls-last20-inline .cls-last20-bubbles{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;overflow:hidden;padding:0;justify-content:flex-end;width:100%}
.cls-last20-inline .cls-bubble{min-width:26px;height:26px;font-size:14px;padding:0 6px;border-radius:4px}
@media (max-width:1000px){
  .cls-sb-meta-strip{grid-template-columns:1fr;align-items:start}
  .cls-sb-meta-balls{border-left:none;border-top:2px solid rgba(255,255,255,.18)}
  .cls-last20-inline .cls-last20-bubbles{overflow-x:auto;justify-content:flex-start}
}
