/* Live cricket: pixel stadium scoreboards. */
.ck-main { padding: 28px 0 72px; position: relative; overflow: hidden; }
.ck-s1 { position: absolute; right: 8%; top: 120px; width: calc(7px * var(--px)); }
.ck-top { margin-bottom: 28px; }
.ck-top .back-link { color: var(--text); }
.ck-title { margin: 0 0 8px; }
.ck-sub { margin: 0 0 18px; color: var(--muted); max-width: 60ch; }
.ck-state { margin: 0 0 8px; color: var(--yellow); font-family: var(--pixel); font-size: 14px; min-height: 1.4em; }
.ck-block { margin-top: 28px; }
.ck-h { font-size: clamp(22px, 3.4vw, 30px); display: flex; align-items: center; gap: 12px; }
.ck-dot { width: 14px; height: 14px; background: #ff4f6d; border: 3px solid var(--ink); flex: none; }
@media (prefers-reduced-motion: no-preference) { .ck-dot, .is-live .ck-tag { animation: ck-blink 1.2s steps(2) infinite; } }
@keyframes ck-blink { 50% { opacity: 0.35; } }

.ck-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; max-width: 960px; }
.ck-card {
  min-width: 0;
  display: flex; flex-direction: column; gap: 10px;
  padding: 14px 16px 16px;
  color: #e9fff8;
  background: #120838;
  border: 3px solid var(--ink);
  box-shadow: 5px 5px 0 #0d0630, inset 0 0 0 3px #2a1466;
}
.ck-card.is-india { box-shadow: 5px 5px 0 #0d0630, inset 0 0 0 3px #1f6fd1; }
.ck-card.is-result, .ck-card.is-upcoming { background: #1a0e4a; }
.ck-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 11px; color: var(--muted); min-width: 0; }
.ck-type, .ck-tag { font-family: var(--pixel); font-size: 11px; padding: 2px 6px; border: 2px solid currentColor; text-transform: uppercase; }
.ck-type { color: var(--mint); }
.ck-tag { color: var(--muted); }
.is-live .ck-tag { color: #ff4f6d; }
.is-result .ck-tag { color: var(--yellow); }
.ck-venue { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1 1 120px; }

.ck-team { display: flex; align-items: center; gap: 10px; min-width: 0; position: relative; }
.ck-bat { position: absolute; left: -14px; color: var(--yellow); font-size: 10px; }
.ck-badge {
  flex: none; width: 46px; padding: 4px 0; text-align: center;
  font-family: var(--pixel); font-size: 12px; color: #fff;
  background: #4a24b3; border: 2px solid #000; box-shadow: 2px 2px 0 #000;
}
.ck-name { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.ck-score { flex: none; font-family: var(--pixel); font-size: 20px; color: var(--mint); text-align: right; }
.ck-score small { font-size: 12px; color: var(--muted); }
.is-batting .ck-name { color: #fff; font-weight: 600; }
.is-batting .ck-score { color: var(--yellow); }
.ck-score.bump { animation: ck-bump 1.4s steps(4) 1; }
@keyframes ck-bump { 0%, 50% { background: var(--yellow); color: var(--ink); } 100% { background: transparent; } }
.ck-status { margin: 2px 0 0; padding-top: 10px; border-top: 2px dashed #2a1466; color: var(--yellow); font-size: 14px; line-height: 1.4; }
.ck-when { margin: 2px 0 0; color: var(--muted); font-size: 13px; }
.ck-credit { margin-top: 36px; color: var(--muted); }
.ck-credit a { color: var(--mint); }

/* team colours (badge background) */
.tm-IND, .tm-INDW { background: #1f6fd1; }
.tm-AUS, .tm-AUSW { background: #e6b400; color: #0b3d2e; }
.tm-ENG, .tm-ENGW { background: #1b2b6b; }
.tm-PAK, .tm-PAKW { background: #0f7a3a; }
.tm-SA, .tm-RSA, .tm-SAW { background: #157347; }
.tm-NZ, .tm-NZW { background: #111; }
.tm-SL, .tm-SLW { background: #1a3e9e; }
.tm-BAN, .tm-BANW { background: #00704a; }
.tm-AFG { background: #2a5bd7; }
.tm-WI, .tm-WIW { background: #7b1e2e; }
.tm-IRE { background: #169b62; }
.tm-ZIM { background: #c8102e; }
.tm-CSK { background: #f2c200; color: #1b2b6b; }
.tm-MI { background: #004ba0; }
.tm-RCB { background: #c8102e; }
.tm-KKR { background: #3a225d; }
.tm-SRH { background: #f26522; }
.tm-RR { background: #e4007c; }
.tm-DC { background: #17479e; }
.tm-PBKS { background: #d71920; }
.tm-LSG { background: #2b6cb0; }
.tm-GT { background: #1b2133; }

@media (max-width: 760px) {
  .ck-list { grid-template-columns: 1fr; }
  .ck-score { font-size: 18px; }
}
@media (max-width: 360px) {
  .ck-badge { width: 40px; font-size: 11px; }
  .ck-name { font-size: 13px; }
  .ck-score { font-size: 16px; }
}
@media (max-width: 760px) { .ck-s1 { display: none; } }