/* Fullstory player only; country filtering happens in DLE, before HTML is sent. */
.lf-player { min-width: 0; }
.lf-player .page__player-controls { flex-wrap: wrap; gap: 10px; }
.lf-player__tabs { gap: 1px; min-width: 0; flex-wrap: wrap; }
.lf-player__tabs button { background: var(--bg-blackest); color: #fff; border-radius: 0; }
.lf-player__tabs button.is-active, .lf-player__tabs button:hover { background: var(--accent); color: #fff; }
.lf-player__tabs button:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
.lf-player__panel[hidden], .lf-player [hidden] { display: none !important; }
.lf-player__panel ~ .lf-player__panel:not(.is-active) { display: none; }
.lf-player__stage { position: relative; width: 100%; aspect-ratio: 16 / 9; min-height: 210px; background: #101217; color: #f5f5f7; isolation: isolate; }
.lf-player__stage > iframe, .lf-player__stage > video-player { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; z-index: 1; }
.lf-player__loading { position: absolute; inset: 0; display: grid; place-items: center; color: #aeb3bf; font-size: 14px; }
.lf-player__stage.is-ready .lf-player__loading { display: none; }
.lf-player__stage.has-message > video-player { visibility: hidden; }
.lf-player__message { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 24px; text-align: center; background: #101217; color: #f5f5f7; }
.lf-player__message > span { font-size: 30px; color: #aeb3bf; }
.lf-player__message strong { max-width: 560px; font-size: clamp(17px, 2.3vw, 23px); line-height: 1.35; font-weight: 600; }
.lf-player__message p { max-width: 540px; margin: 0; color: #b8beca; font-size: 14px; line-height: 1.6; }
.lf-player__status { margin: 0; padding: 12px 18px; background: #1b1e26; color: #d7dbe3; font-size: 14px; line-height: 1.5; }
@media (max-width: 600px) {
  .lf-player__tabs { flex-basis: 100%; }
  .lf-player__tabs button { flex: 1 1 auto; padding-left: 12px; padding-right: 12px; }
  .lf-player .page__complaint { padding: 0 12px 10px; width: 100%; }
  .lf-player__message { padding: 20px; gap: 10px; }
}