/* Shared primitives for every SCOLIV match display. Skin-specific geometry
   stays in each template; common overlays and preview semantics live here. */

[data-scoreboard-root],
[data-preview-bounds] {
  box-sizing: border-box;
}

.scoliv-wordmark {
  box-sizing: border-box;
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  width: max-content;
  max-width: none;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -3px;
  white-space: nowrap;
  text-rendering: geometricPrecision;
  text-shadow: none;
  user-select: none;
}

.scoliv-wordmark__plain {
  color: #fff;
  font: inherit;
  font-weight: 400;
}

.scoliv-wordmark__liv {
  color: #ed1c24;
  font: inherit;
  font-weight: 900;
}

.match-logo-round {
  border-radius: 50% !important;
}

.halftime-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -8px;
}

.halftime-score {
  display: inline-flex;
  min-width: 170px;
  padding: 0 28px 2px;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.48);
  color: #fff;
  font-family: 'UTM Bebas', Arial, sans-serif;
  font-size: 64px;
  line-height: 0.98;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.45);
  font-variant-numeric: tabular-nums;
}

.halftime-score-separator {
  color: #ffdd22;
}

.halftime-status .hafttime {
  margin-top: 8px;
  white-space: nowrap;
}

.halftime-clock {
  display: inline-block;
  min-width: 112px;
  text-align: left;
  font-variant-numeric: tabular-nums;
}

/* Preview crops the scoreboard only. Overlays remain on the live canvas. */
html[data-manager-preview="1"] #sco,
html[data-manager-preview="1"] #bdpxtImage,
html[data-manager-preview="1"] #marqueeContainer,
html[data-manager-preview="1"] .partner-position {
  display: none !important;
}