/* Twitch provider: the official Twitch iframe owns the video surface and controls. */
.twitch-player{position:absolute;inset:0;width:100%;height:100%;background:#000;z-index:2}
.twitch-player iframe{display:block;width:100%;height:100%;border:0;background:#000}
.player-shell.twitch-mode video{display:none}
.player-shell.twitch-mode .video-placeholder,.player-shell.twitch-mode .player-connection-overlay,.player-shell.twitch-mode .player-controls{display:none!important}
.player-shell.twitch-mode{background:#000}



/* v1.3.32 R16 - dedicated Chat Only mode */
.top-link-button{text-decoration:none;box-sizing:border-box;position:relative;z-index:2;pointer-events:auto!important;cursor:pointer;touch-action:manipulation}
#watchStreamBtn{display:none}
.chat-only-mode-badge,.chat-stream-summary{display:none}
html.chat-only-page #chatOnlyBtn{display:none}
html.chat-only-page #watchStreamBtn{display:flex}
html.chat-only-page .stage{display:block!important;height:calc(100vh - var(--topbar-height));min-height:0;overflow:hidden}
html.chat-only-page .content-column,html.chat-only-page .chat-resize-handle{display:none!important}
html.chat-only-page .chat-panel,html.chat-only-page body.chat-overlay .chat-panel{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:flex!important;flex-direction:column;width:100%!important;height:100%!important;max-height:none!important;border:0!important;border-radius:0!important;transform:none!important;box-shadow:none!important;backdrop-filter:none!important;background:#0b0e12}
html.chat-only-page .chat-header{flex:0 0 auto}
html.chat-only-page .chat-heading{min-width:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
html.chat-only-page .chat-only-mode-badge{display:inline-flex;align-items:center;height:19px;padding:0 6px;border:1px solid rgba(126,231,135,.28);border-radius:5px;background:rgba(126,231,135,.08);color:#9af0ad;font-size:8px;font-weight:950;letter-spacing:.06em}
html.chat-only-page .chat-stream-summary{display:inline-flex;align-items:center;max-width:min(440px,45vw);height:19px;padding:0 7px;border:1px solid #28313b;border-radius:5px;background:#11161c;color:#9aa5b1;font-size:8.5px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.chat-only-page .chat-stream-summary.live{border-color:rgba(126,231,135,.24);color:#a5efb4}
html.chat-only-page .chat-stream-summary.offline{color:#8d98a5}
html.chat-only-page #chatCloseBtn{display:none!important}
html.chat-only-page .messages{flex:1 1 auto;min-height:0}
html.chat-only-page .composer{flex:0 0 auto}
html.chat-only-page body.chat-collapsed .chat-panel{display:flex!important}
@media(max-width:820px){
  html.chat-only-page .stage{height:calc(100dvh - var(--topbar-height))}
  html.chat-only-page .chat-panel,html.chat-only-page body.chat-overlay .chat-panel{position:relative!important;inset:auto!important;height:100%!important;padding-top:0!important;transform:none!important}
  html.chat-only-page .chat-stream-summary{max-width:42vw}
}
@media(max-width:560px){
  #chatOnlyBtn,#watchStreamBtn{padding:0 7px;gap:5px}
  #chatOnlyBtn .button-label,#watchStreamBtn .button-label{font-size:9.5px}
  html.chat-only-page .chat-heading{gap:5px}
  html.chat-only-page .chat-stream-summary{order:5;max-width:100%;height:17px;font-size:8px}
}