/* BRZ join-click portal overlay only. Site styles are intentionally untouched. */
#brzJoinPortalLayer{position:fixed;inset:0;z-index:2147483000;display:none;pointer-events:none;overflow:hidden}
#brzJoinPortalLayer.is-playing{display:block}
#brzJoinPortalVideo{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:screen;pointer-events:none;background:transparent}
@media (max-aspect-ratio: 3/4){#brzJoinPortalVideo{object-fit:contain}}

/* Mobile: use the dedicated portrait video; prevent horizontal crop and respect safe areas. */
@media (orientation:portrait) and (max-width:900px){
  #brzJoinPortalLayer{width:100%;height:100%;height:100dvh;inset:0;overflow:hidden}
  #brzJoinPortalVideo{width:100%;height:100%;object-fit:contain;object-position:center center}
}

/* Mobile full-viewport presentation: edge-to-edge background + uncropped portal. */
@media (orientation:portrait) and (max-width:900px){
  #brzJoinPortalLayer{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#11091d;}
  #brzJoinPortalLayer::before{content:"";position:absolute;inset:-32px;background:#11091d url("assets/brz-join-white-portal-mobile-backdrop.jpg") center center / cover no-repeat;filter:blur(26px) brightness(.58);transform:scale(1.08);pointer-events:none;}
  #brzJoinPortalVideo{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center center;background:transparent;mix-blend-mode:screen;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 76% 68% at center,#000 64%,transparent 100%);mask-image:radial-gradient(ellipse 76% 68% at center,#000 64%,transparent 100%);}
}