/* A large stage on desktop; the conversation remains in the same fullscreen
   element as the video, including the immersive fallback for mobile Safari. */
.player-body .broadcast-layout.with-chat{display:block;position:relative;isolation:isolate;border-radius:24px;overflow:hidden;background:#000}.player-body .broadcast-layout .video-wrap{width:100%;border:0;border-radius:0;box-shadow:none;aspect-ratio:16/9}.player-body .broadcast-layout .chat-panel{position:absolute;z-index:3;right:0;bottom:0;width:340px;max-height:100%;border:0;border-radius:0;background:linear-gradient(90deg,transparent,#030a068c 25%,#030a06c9);box-shadow:none;padding:65px 22px 18px}.player-body .broadcast-layout .chat-panel-heading{margin-bottom:8px}.player-body .broadcast-layout .chat-panel h3{font-size:18px}.player-body .broadcast-layout .chat-kicker,.player-body .broadcast-layout .chat-heading-icon{display:none}.player-body .broadcast-layout .chat-messages{height:240px;padding-top:28px}.player-body .broadcast-layout .chat-caption{font-size:9px;margin-bottom:4px}.player-body .broadcast-layout .chat-replay-status{font-size:9px}.player-body .broadcast-layout .chat-message p{text-shadow:0 1px 6px #000;font-weight:500}.player-body .broadcast-layout .chat-own>.chat-bubble{background:#103f278c;backdrop-filter:blur(8px)}.player-body .broadcast-layout #room-chat-form{border:0;padding-top:10px}.player-body .broadcast-layout #room-chat-form textarea{background:#08140cbf;backdrop-filter:blur(8px);border-color:#ffffff24}.player-body .broadcast-layout .chat-avatar{background:#254b37bf;backdrop-filter:blur(6px)}.fullscreen-toolbar{display:none}
.webinar-fullscreen{overflow:hidden}
#broadcast-stage:fullscreen,#broadcast-stage.immersive-fallback{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;background:#000;z-index:10000;display:block}
#broadcast-stage:fullscreen .video-wrap,#broadcast-stage.immersive-fallback .video-wrap{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0}
#broadcast-stage:fullscreen video,#broadcast-stage.immersive-fallback video{width:100%;height:100%;object-fit:contain}
#broadcast-stage:fullscreen .chat-panel,#broadcast-stage.immersive-fallback .chat-panel{position:absolute;left:auto;right:max(16px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:min(390px,40vw);max-height:75%;padding:30px 12px 0 0;background:linear-gradient(0deg,#0009,transparent);border-radius:0;overflow:visible}
#broadcast-stage:fullscreen .chat-messages,#broadcast-stage.immersive-fallback .chat-messages{height:clamp(140px,32vh,280px)}
#broadcast-stage:fullscreen .fullscreen-toolbar,#broadcast-stage.immersive-fallback .fullscreen-toolbar{display:flex;position:absolute;z-index:6;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));gap:10px}
.fullscreen-toolbar button{border:1px solid #ffffff28;background:#06110bbf;color:#fff;backdrop-filter:blur(12px);border-radius:30px;min-height:40px;padding:8px 15px;font-size:12px}.fullscreen-toolbar #fullscreen-exit{width:40px;padding:0;font-size:18px}
#broadcast-stage:fullscreen .stage-badge,#broadcast-stage.immersive-fallback .stage-badge{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}
@media(max-width:850px){.player-body .broadcast-layout.with-chat{overflow:visible;background:transparent}.player-body .broadcast-layout .video-wrap{border-radius:20px}.player-body .broadcast-layout .chat-panel{position:relative;right:auto;bottom:auto;width:100%;max-height:none;margin-top:12px;padding:20px 18px 15px;background:radial-gradient(ellipse at 100% 0%,#31e97812,transparent 55%),#0a140e;border:1px solid #ffffff12;border-radius:23px}.player-body .broadcast-layout .chat-messages{height:260px}.player-body .broadcast-layout .chat-panel h3{font-size:23px}
#broadcast-stage:fullscreen,#broadcast-stage.immersive-fallback{overflow:hidden;background:#000}
#broadcast-stage:fullscreen .chat-panel,#broadcast-stage.immersive-fallback .chat-panel{position:absolute;margin:0;left:auto;right:max(14px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:min(380px,calc(100vw - 28px));border:0;padding:30px 0 0;background:linear-gradient(0deg,#000b,transparent);border-radius:0;max-height:55%}
#broadcast-stage:fullscreen .chat-panel h3,#broadcast-stage.immersive-fallback .chat-panel h3{font-size:16px}
#broadcast-stage:fullscreen .chat-caption,#broadcast-stage.immersive-fallback .chat-caption{font-size:8px}
#broadcast-stage:fullscreen .chat-messages,#broadcast-stage.immersive-fallback .chat-messages{height:min(220px,25dvh);gap:10px}
#broadcast-stage:fullscreen #chat-identity,#broadcast-stage.immersive-fallback #chat-identity{margin-bottom:6px}
#broadcast-stage:fullscreen .chat-message p,#broadcast-stage.immersive-fallback .chat-message p{font-size:12px}
#broadcast-stage:fullscreen .video-wrap,#broadcast-stage.immersive-fallback .video-wrap{border-radius:0}
}
@media(max-height:500px){#broadcast-stage:fullscreen .chat-panel,#broadcast-stage.immersive-fallback .chat-panel{width:min(350px,42vw);max-height:85%;left:auto;right:max(12px,env(safe-area-inset-right))}#broadcast-stage:fullscreen .chat-messages,#broadcast-stage.immersive-fallback .chat-messages{height:110px}#broadcast-stage:fullscreen .chat-panel-heading,#broadcast-stage.immersive-fallback .chat-panel-heading{display:none}#broadcast-stage:fullscreen .chat-replay-status,#broadcast-stage.immersive-fallback .chat-replay-status{display:none}}

.fullscreen-toolbar #fullscreen-fit{display:none}
@media(orientation:portrait){#broadcast-stage:fullscreen video,#broadcast-stage.immersive-fallback video{object-fit:cover}.fullscreen-toolbar #fullscreen-fit{display:inline-block}#broadcast-stage.show-whole-video video{object-fit:contain}.fullscreen-toolbar button{padding:8px 12px;font-size:11px}}

.stage-expand{position:absolute;z-index:5;top:14px;right:14px;width:40px;height:40px;padding:0;border:1px solid #ffffff30;border-radius:50%;background:#06110bbf;color:#fff;backdrop-filter:blur(12px);font-size:23px}#broadcast-stage:fullscreen .stage-expand,#broadcast-stage.immersive-fallback .stage-expand{display:none}
.player-body .chat-toggle{position:absolute;right:18px;top:68px;z-index:7;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;padding:0;background:#06110bbf;border:1px solid #ffffff28;color:#fff;backdrop-filter:blur(12px);box-shadow:0 5px 20px #0003}.chat-toggle[aria-expanded="true"]{color:#8dff8f;border-color:#31e97845}.chat-unread{position:absolute;top:-5px;right:-6px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:12px;background:#31e978;color:#05120a;font:800 10px Manrope,Arial,sans-serif;border:2px solid #08110d}.player-body .chat-close{flex-shrink:0;width:28px;height:28px;min-height:28px;border:1px solid #ffffff16;border-radius:50%;padding:0;background:#ffffff07;color:#d9eade;font-size:13px}.player-body .broadcast-layout .chat-panel-heading{padding-right:0}
#broadcast-stage:fullscreen .chat-toggle,#broadcast-stage.immersive-fallback .chat-toggle{top:max(66px,calc(env(safe-area-inset-top) + 56px));right:max(16px,env(safe-area-inset-right))}
@media(max-width:850px){.player-body .chat-toggle{top:64px;right:14px;width:36px;height:36px}}
.chat-unread{background:#ff405b;color:#fff;border-color:#09120d;box-shadow:0 3px 12px #ff405b40}.chat-toggle-label{display:none;position:absolute;right:calc(100% + 9px);padding:7px 10px;border-radius:20px;background:#210c12dd;border:1px solid #ff405b45;color:#fff;font:600 10px Manrope,Arial,sans-serif;white-space:nowrap;backdrop-filter:blur(12px);pointer-events:none}.chat-toggle[aria-expanded="false"]:has(.chat-unread:not([hidden])) .chat-toggle-label{display:block}
.rotate-hint{display:flex;align-items:center;gap:9px;position:absolute;z-index:6;top:max(72px,calc(env(safe-area-inset-top) + 64px));left:16px;max-width:calc(100% - 85px);padding:11px 14px;border:1px solid #ffffff24;border-radius:16px;background:#07100dde;backdrop-filter:blur(12px);color:#eaf5ee;font:500 11px/1.5 Manrope,Arial,sans-serif;box-shadow:0 8px 28px #0003}.rotate-hint>span:first-child{font-size:27px;color:#8dff8f}
@media(orientation:landscape){.rotate-hint{display:none}}

/* Names and readable text, without placeholder avatars. */
.player-body .chat-avatar{display:none}.player-body .chat-message{gap:0}.player-body .chat-message strong{font-size:12px;font-weight:750;color:#a9ffd0}.player-body .chat-message span{color:#a8c1b3;font-size:9px}.player-body .chat-message p{font-size:14px;color:#fff;text-shadow:0 1px 5px #0009;line-height:1.65}.player-body .chat-message>.chat-bubble{padding:5px 0}.player-body .chat-own>.chat-bubble{padding:10px 12px}.player-body .broadcast-layout .chat-caption,.player-body .broadcast-layout .chat-replay-status{color:#c5d8cc}
#broadcast-stage:fullscreen .chat-panel,#broadcast-stage.immersive-fallback .chat-panel{background:linear-gradient(0deg,#030a06eb 0%,#030a06da 70%,#030a0666 100%);padding:24px 16px 12px;border:1px solid #ffffff0e;border-radius:20px;backdrop-filter:blur(10px)}
@media(max-height:500px){#broadcast-stage:fullscreen .chat-panel,#broadcast-stage.immersive-fallback .chat-panel{padding:18px 12px 10px}.player-body .chat-message p{font-size:13px}}

.chat-toggle[aria-expanded="false"] .chat-toggle-label{display:block;background:#07120ee8;border-color:#ffffff24;color:#dce9e1}.chat-toggle[aria-expanded="false"]:has(.chat-unread:not([hidden])) .chat-toggle-label{background:#3b101be8;border-color:#ff405b70;color:#fff}

/* Portrait phones: compact header, uncropped video above a separate chat.
   Fullscreen continues to use its immersive overlay layout. */
@media(max-width:850px) and (orientation:portrait){
 .player-body .room:has(#broadcast-stage){padding:12px 12px 24px}
 .player-body .room:has(#broadcast-stage)>.webinar-brand{margin:0 0 12px;padding:0 0 10px}
 .player-body .room:has(#broadcast-stage)>.webinar-brand a{font-size:13px}
 .player-body .room:has(#broadcast-stage)>.webinar-brand .brand-tag{display:none}
 .player-body .room:has(#broadcast-stage)>.eyebrow,.player-body .room:has(#broadcast-stage)>.webinar-brand+p.muted,.player-body .room:has(#broadcast-stage)>#title,.player-body .room:has(#broadcast-stage)>.webinar-host,.player-body .room:has(#broadcast-stage)>#schedule{display:none}
 #broadcast-stage:not(:fullscreen):not(.immersive-fallback){display:flex;flex-direction:column;gap:12px;border-radius:0;overflow:visible;background:transparent}
 #broadcast-stage:not(:fullscreen):not(.immersive-fallback) .video-wrap{position:relative;inset:auto;flex:none;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px}
 #broadcast-stage:not(:fullscreen):not(.immersive-fallback) video{width:100%;height:100%;object-fit:contain}
 #broadcast-stage:not(:fullscreen):not(.immersive-fallback) .chat-panel{position:relative;inset:auto;flex:none;width:100%;max-height:none;margin:0;padding:18px 16px 14px;border-radius:20px;background:#0a140e;border:1px solid #ffffff18}
 #broadcast-stage:not(:fullscreen):not(.immersive-fallback) .chat-messages{height:clamp(130px,27svh,230px);padding-top:10px}
 #broadcast-stage:not(:fullscreen):not(.immersive-fallback) .chat-panel h3{font-size:18px}
 #broadcast-stage:not(:fullscreen):not(.immersive-fallback) .stage-expand{top:10px;right:10px;width:36px;height:36px}
 #broadcast-stage:not(:fullscreen):not(.immersive-fallback) .chat-toggle{top:54px;right:10px}
}