.join-opening{position:relative;width:100%;height:100%;overflow:hidden;background:#080e1a;color:#fff}
.jo-film{display:block;width:100%;height:100%}
.jo-skip{position:absolute;z-index:1;top:max(12px,env(safe-area-inset-top));right:12px;border:1px solid #ffffff59;border-radius:999px;background:#0006;color:#fff;padding:9px 16px;min-height:40px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;touch-action:manipulation}
.jo-skip::after{content:' ▶▶';font-size:10px}
.jo-skip:focus-visible{outline:3px solid #ffe0a2;outline-offset:3px}
.jo-caption{position:absolute;left:24px;right:24px;top:45%;margin:0;text-align:center;color:#f5e9ce;font-size:16px;letter-spacing:.08em}
.join-opening[data-phase="playing"] .jo-caption{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}