¿Es posible hacer el z-index de un elemento superior al del ancestro sin afectar a los ancestros?

Quiero que la caja verde aparezca encima de la azul. El problema en mi aplicación es similar a este (hay muchos divs entre el objetivo y la raíz. z-index proviene de uno de los ancestros como este). No puedo modificar los ancestros ni la caja azul, lo que significa que no puedo mover la caja azul ni cambiar las propiedades CSS de nada aparte de la caja verde. Entonces, el div con z1 tendrá un índice z inferior al de la caja azul. Por otro lado, puedo hacer cualquier cosa con la caja verde. ¿Mover la caja verde fuera de allí es la única solución?

<div>
  <div class="z1 relative">
    <div>
      <div>
        <div>
          <div>
            <div>
              <span class="green z100">Green</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="z10 relative">
  <span class="blue">Blue</span>
</div>