:root {
  --sch-bc-logo-h: clamp(24px, 2.2vw, 36px);
}

@media (max-width: 720px) {
  :root {
    --sch-bc-logo-h: clamp(24px, 6vw, 32px);
  }
}

/* Broadcaster logos — width from aspect ratio, height clamped */
.sch-bc img,
.sch-row-bc .sch-bc img,
.sch-row-bc-top .sch-bc img,
.sch-card-meta-bc img,
.sch-card-meta-bc .sch-bc img {
  display: block;
  width: auto;
  height: var(--sch-bc-logo-h);
  max-height: var(--sch-bc-logo-h);
  object-fit: contain;
  object-position: center;
}

.sch-bc {
  line-height: 0;
}

.sch-row-bc-top .sch-bc:not(:has(img)),
.sch-card-meta-bc .sch-bc:not(:has(img)) {
  line-height: 1;
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}

.sch-row-bc-top {
  display: none;
}

.sch-row-bc,
.sch-card-meta-bc {
  display: flex;
  align-items: center;
  overflow: visible;
}

@media (max-width: 720px) {
  .sch-row-bc-top.sch-row-bc-stack,
  .sch-row-bc-top.sch-row-bc-solo {
    display: flex;
    align-items: center;
    overflow: visible;
    padding: 10px 10px 0;
    box-sizing: border-box;
  }

  .sch-bc-rotate {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-wrap: nowrap;
    min-width: 0;
    min-height: var(--sch-bc-logo-h);
    overflow: visible;
  }

  .sch-bc-rotate .sch-bc {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
    pointer-events: none;
  }

  .sch-bc-rotate .sch-bc.is-active {
    opacity: 1;
    visibility: visible;
  }
}