*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:#000;color:#fff;font-family:system-ui,sans-serif}.stage{position:fixed;inset:0;overflow:hidden}.remote{inset:0;width:100%;height:100%;background:#111}.local,.remote{position:absolute;object-fit:cover}.local{right:16px;bottom:16px;width:28vw;max-width:220px;aspect-ratio:3/4;border:2px solid rgba(255,255,255,.6);border-radius:12px;background:#222;transform:scaleX(-1);z-index:2}.overlay{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;z-index:3}.status{background:rgba(0,0,0,.55);padding:8px 16px;border-radius:999px;font-size:15px}.join{font-size:18px;font-weight:600;padding:12px 32px;border:none;border-radius:999px;background:#e91e63;color:#fff;cursor:pointer}.join:hover{background:#d81b60}