/* A camada de palavras: invisível ao olho, sólida ao mouse. */

/* a folha vira o container de medida: 1cqi = 1% da largura dela */
.folha-papel { container-type: inline-size; }

.camada {
  position: absolute; inset: 0;
  z-index: 2;                 /* por cima do escudo, senão o clique morre nele */
  line-height: 1; color: transparent; cursor: text;
  -webkit-user-select: text; user-select: text;
}
.camada span { position: absolute; white-space: pre; color: transparent; }
.camada ::selection { background: rgba(217, 98, 43, .28); color: transparent; }
.camada::selection  { background: rgba(217, 98, 43, .28); color: transparent; }

/* o escudo contra arrastar a imagem desce para baixo da camada */
.folha-papel .escudo { z-index: 1; }