.trailer-preview{display:block;width:100%;max-width:720px;max-height:405px;background:#000;border-radius:10px;margin:18px 0;object-fit:contain}
#channel-trailer{width:100%;height:100%;object-fit:contain;background:#000}
.trailer-caption{position:absolute;top:12px;right:12px;max-width:70%;padding:6px 10px;border-radius:6px;background:#000c;color:#fff;font-size:12px;pointer-events:none}
.stage:has(#channel-trailer) .bottom-bar{display:none}
.first-chatter-label{display:inline-flex;padding:2px 6px;margin-right:5px;border:1px solid #7bc7ff66;border-radius:4px;background:#183445;color:#9bd5ff;font-size:10px;font-weight:700;vertical-align:middle}
.message.first-chatter{border-left:2px solid #7bc7ff;padding-left:8px}
@media(max-width:520px){.trailer-caption{font-size:10px;padding:4px 6px}}

.hosted-player{display:block;width:100%;height:100%;border:0;background:#000}.hosting-caption{position:absolute;top:12px;right:12px;background:#000c;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px}.stage:has(.hosted-player)>.top-badge,.stage:has(.hosted-player)>.bottom-bar{display:none}
body.player-embed{overflow:hidden;padding:0!important}body.player-embed>header,body.player-embed>.sidebar,body.player-embed>#platform-announcements,body.player-embed #app>footer,body.player-embed .watch-header,body.player-embed .watch-layout>.chat,body.player-embed .watch-layout>section>:not(.stage){display:none!important}body.player-embed #app{margin:0!important;padding:0!important;min-height:0!important}body.player-embed .watch-layout{display:block!important;padding:0;margin:0}body.player-embed .stage{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;margin:0}