/* interstitial.css — the between-episodes "we'll be right back" station break:
 * SMPTE-style colour bars with a centered card. */

#interstitial {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: none;
  flex-direction: column;
  gap: 18px;
  align-items: center;
  justify-content: center;
  /* seven vertical colour bars */
  background: linear-gradient(90deg,
    #c0c0c0 0 14.285%, #c0c000 14.285% 28.57%, #00c0c0 28.57% 42.857%,
    #00c000 42.857% 57.142%, #c000c0 57.142% 71.428%, #c00000 71.428% 85.714%,
    #0000c0 85.714% 100%);
  opacity: 1;
  transition: opacity 0.15s linear;
  pointer-events: none;
}
#interstitial.fade { opacity: 0; }
#interstitial #brbch {
  font-family: "OSD", "Courier New", monospace;
  color: #2bff5c;
  font-size: clamp(20px, 4vw, 40px);
  letter-spacing: 1px;
  text-shadow: 0 0 8px rgba(43, 255, 92, 0.5);
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#interstitial .brb {
  background: #000;
  color: #fff;
  font-family: "Courier New", monospace;
  font-weight: bold;
  letter-spacing: 3px;
  font-size: clamp(16px, 4vw, 34px);
  padding: 14px 22px;
  border: 2px solid #fff;
  text-align: center;
  box-shadow: 0 0 0 4px #000;
}