/* Official broadcaster player, kept in place when the window changes size. */
.omega-live { --live-edge: 24px; position: relative; z-index: 180; color: #fff; font-family: var(--body, Arial, sans-serif); }
.omega-live-panel { position: fixed; right: var(--live-edge); bottom: var(--live-edge); width: 368px; max-width: calc(100vw - 32px); background: #0b1521; border: 1px solid #ffffff25; border-radius: 12px; box-shadow: 0 12px 55px #0006, 0 0 0 1px #0002; overflow: hidden; }
.omega-live-top { height: 47px; display: flex; align-items: center; justify-content: space-between; padding-left: 15px; border-bottom: 1px solid #ffffff14; }
.omega-live-status { display: flex; align-items: center; gap: 7px; min-width: 0; font-size: 10px; font-weight: 750; line-height: 1; letter-spacing: .09em; }
.omega-live-dot { width: 7px; height: 7px; display: inline-block; flex: none; background: #f6575f; border-radius: 50%; box-shadow: 0 0 0 4px #f6575f17; }
.omega-live-actions { display: flex; align-items: center; padding-right: 3px; }
.omega-live-actions button { display: grid; place-items: center; width: 42px; height: 44px; padding: 10px; border: 0; background: transparent; color: #cedce7; border-radius: 5px; }
.omega-live-actions button:hover { color: #fff; background: #ffffff14; }
.omega-live-actions svg { display: block; width: 21px; height: 21px; }
.omega-live button:focus-visible,.omega-live a:focus-visible { outline: 2px solid #76c3ff; outline-offset: -4px; }
.omega-live-shrink-icon { display: none !important; }
.omega-live.is-expanded .omega-live-expand-icon { display: none; }
.omega-live.is-expanded .omega-live-shrink-icon { display: block !important; }
.omega-live-media { position: relative; width: 100%; aspect-ratio: 16/9; background: #000; }
.omega-live-frame,.omega-live-frame iframe { position: absolute; inset: 0; display: block; height: 100%; width: 100%; border: 0; }
.omega-live-pending { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 190px; padding: 24px; text-align: center; background: radial-gradient(ellipse at 50% 10%, #18314a, #09131e 90%); }
.omega-live-pending > svg { width: 36px; height: 36px; color: #78afd5; margin-bottom: 12px; }
.omega-live-pending strong { font-size: 14px; line-height: 1.4; font-weight: 650; }
.omega-live-pending p { margin: 7px auto 0; max-width: 310px; color: #a7b9c7; font-size: 11px; line-height: 1.6; }
.omega-live-info { display: flex; align-items: center; gap: 14px; padding: 12px 15px 13px; }
.omega-live-info h2 { font: 650 12px/1.5 var(--body, Arial, sans-serif); letter-spacing: 0; overflow-wrap: anywhere; }
.omega-live-external { display: inline-flex; align-items: center; flex: none; gap: 3px; margin-left: auto; font-size: 10px; font-weight: 650; line-height: 1.5; color: #8fcaff; white-space: nowrap; }
.omega-live-external:hover { color: #fff; }
.omega-live-external svg { width: 18px; height: 18px; }
.omega-live-reopen { position: fixed; right: var(--live-edge); bottom: var(--live-edge); max-width: calc(100vw - 32px); display: flex; align-items: center; gap: 13px; border: 1px solid #ffffff29; padding: 12px 13px 12px 17px; background: #0b1521; color: #fff; border-radius: 10px; box-shadow: 0 8px 35px #0004; text-align: left; }
.omega-live-reopen > span:nth-child(2) { min-width: 0; }
.omega-live-reopen strong { display: block; font-size: 11px; font-weight: 650; line-height: 1.5; }
.omega-live-reopen small { display: block; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; color: #9fb6c7; line-height: 1.6; }
.omega-live-reopen > svg { flex: none; height: 30px; width: 30px; margin-left: 2px; padding: 4px; color: #9acef5; background: #ffffff0d; border-radius: 50%; }
.omega-live-reopen:hover { border-color: #8fcaff88; }
.omega-live-backdrop { position: fixed; inset: 0; width: 100%; height: 100%; border: 0; background: #040b13d9; backdrop-filter: blur(5px); }
.omega-live.is-expanded .omega-live-panel { right: auto; bottom: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(1040px, calc(100vw - 64px), calc((100dvh - 180px)*1.7778)); max-height: calc(100dvh - 40px); overflow-y: auto; }
.omega-live.is-expanded .omega-live-top { height: 53px; }
.omega-live.is-expanded .omega-live-info { padding: 16px 20px 18px; }
.omega-live.is-expanded .omega-live-info h2 { font-size: 16px; }
.omega-live.is-expanded .omega-live-external { font-size: 12px; }
.omega-live-panel:is(:fullscreen, :-webkit-full-screen) { display: flex; flex-direction: column; justify-content: center; width: 100vw !important; height: 100dvh !important; max-width: none !important; max-height: none !important; inset: 0 !important; transform: none !important; border: 0; border-radius: 0; background: #000; }
.omega-live-panel:is(:fullscreen, :-webkit-full-screen) .omega-live-media { flex: 1; min-height: 0; aspect-ratio: auto; }
.omega-live-panel:is(:fullscreen, :-webkit-full-screen) .omega-live-top { flex: none; width: 100%; }
.omega-live-panel:is(:fullscreen, :-webkit-full-screen) .omega-live-info { flex: none; width: 100%; }
.omega-live-announcement { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
body.omega-live-expanded { overflow: hidden; }
body.menu-open .omega-live:not(.is-expanded) { visibility: hidden; }
@media(max-width:760px) {
  .omega-live { --live-edge: 12px; }
  .omega-live-panel { width: 320px; max-width: calc(100vw - 24px); bottom: calc(var(--live-edge) + env(safe-area-inset-bottom, 0px)); border-radius: 10px; }
  .omega-live-top { padding-left: 12px; }
  .omega-live-status { font-size: 9px; gap: 6px; }
  .omega-live-actions button { width: 40px; min-height: 44px; }
  .omega-live-info { padding: 10px 12px 11px; }
  .omega-live-info h2 { font-size: 11px; }
  .omega-live-reopen { bottom: calc(var(--live-edge) + env(safe-area-inset-bottom, 0px)); max-width: calc(100vw - 24px); }
  .omega-live-reopen small { max-width: 190px; }
  .omega-live.is-expanded .omega-live-panel { width: calc(100vw - 24px); max-width: none; max-height: calc(100dvh - 32px - env(safe-area-inset-bottom, 0px)); }
  .omega-live.is-expanded .omega-live-top { height: 48px; }
  .omega-live.is-expanded .omega-live-info { padding: 12px; }
  .omega-live.is-expanded .omega-live-info h2 { font-size: 12px; }
  .omega-live.is-expanded .omega-live-external { font-size: 10px; }
  .omega-live-pending { min-height: 168px; padding: 18px; }
  .omega-live-pending p { font-size: 10px; }
}
@media(max-height:500px) and (orientation:landscape) {
  .omega-live.is-expanded .omega-live-panel { width: min(740px, calc((100dvh - 118px)*1.7778)); max-height: calc(100dvh - 16px); }
  .omega-live.is-expanded .omega-live-top { height: 44px; }
  .omega-live.is-expanded .omega-live-info { padding: 7px 12px; }
}