.bbm-ritual-live {
  position: absolute; z-index: 28; top: clamp(105px, 17vh, 165px); left: 40px;
  width: min(245px, calc(100% - 40px)); color: #ead8ad; text-shadow: 0 2px 12px #000;
  font: 14px/1.6 Georgia, serif; letter-spacing: 0; background: transparent;
}
.bbm-ritual-live .bbm-ritual-kicker { margin: 0 0 14px; color: #baa16c; font: 10px/1.5 'Courier New', monospace; letter-spacing: .11em; }
.bbm-ritual-live h2 { margin: 0 0 10px; font: 400 27px/1.2 Georgia, serif; }
.bbm-ritual-live .bbm-ritual-caption { margin: 0 0 19px; max-width: 230px; color: #cab98d; }
.bbm-ritual-live button {
  min-height: 44px; padding: 8px 0; border: 0; border-bottom: 1px solid #ad8849;
  background: transparent; color: #ffe3a3; font: 12px/1.5 'Courier New', monospace; cursor: pointer;
}
.bbm-ritual-live button:hover { color: #fff4cf; border-color: currentColor; }
.bbm-ritual-live button:focus-visible { outline: 2px solid #f0cf80; outline-offset: 7px; }
.bbm-ritual-live button:disabled { color: #b5a17a; border-color: transparent; cursor: default; }
.bbm-ritual-voice {
  position: absolute; z-index: 27; left: 25px; right: 25px; bottom: 145px;
  max-width: 660px; margin: 0 auto; color: #f5dca6; text-align: center;
  font: 400 clamp(20px, 2.3vw, 30px)/1.35 Georgia, serif; letter-spacing: .03em;
  text-shadow: 0 2px 15px #000, 0 0 40px #000; pointer-events: none;
}
.bbm-ritual-live[hidden], .bbm-ritual-voice[hidden] { display: none !important; }
.portal.has-live-ritual .star-button:not(.is-active) .star-label { opacity: 0 !important; }
.portal.is-ritual-playing .star-label { opacity: .14 !important; pointer-events: none; }
.portal.is-ritual-playing .portal-instruction,
.portal.is-ritual-playing .rebuild-controls { opacity: .2; pointer-events: none; }
.portal.is-ritual-playing .bbm-story-report,
.portal.is-ritual-playing .bbm-clip { visibility: hidden; pointer-events: none; }
.portal.has-open-index .bbm-ritual-live,
.portal.has-focused-star .bbm-ritual-live,
.portal.has-open-index .bbm-ritual-voice,
.portal.has-focused-star .bbm-ritual-voice { visibility: hidden; }
@media (max-width: 720px) {
  .bbm-ritual-live { left: 20px; top: 80px; width: calc(100% - 40px); font-size: 12px; line-height: 1.5; }
  .bbm-ritual-live .bbm-ritual-kicker { margin-bottom: 4px; font-size: 8px; }
  .bbm-ritual-live h2 { font-size: 18px; margin-bottom: 2px; }
  .bbm-ritual-live .bbm-ritual-caption { display: none; }
  .bbm-ritual-live button { padding-block: 2px; }
  .bbm-ritual-voice { bottom: max(165px, 19vh); max-width: 330px; font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  .bbm-ritual-live, .bbm-ritual-voice { transition: none; animation: none; }
}