/* Lo sfondo sul telefono (APPROVATO.md §13, proposta E «Caldo, senza bianco in alto»): il disegno del computer è
   largo 1200 e il telefono ne vedrebbe solo l'angolo bianco; qui un disegno suo, con gli stessi colori e le stesse
   perle, uguale in tutte le pagine. Sabbia larga in alto dietro la barra, il bianco solo a metà pagina. Le forme che
   stanno a destra si misurano dal bordo destro, così arrivano al bordo su ogni telefono.
   Ogni macchia è l'ombra sfumata di un ovale messo fuori dallo schermo («--colore»), non un ovale sfocato: a vista è
   la stessa sfocatura, ma su iPhone (WebKit) la sfocatura grande rallentava di secondi ogni cambio di pagina. */
.wall {
  overflow: hidden;
}
.wall .blob {
  --fuori: 6000px;
  filter: none;
  background: none;
  translate: calc(-1 * var(--fuori)) 0;
  transform-origin: calc(50% + var(--fuori)) 50%;
  box-shadow: var(--fuori) 0 100px 0 var(--colore);
}
.wall .blob-1 {
  left: -40px;
  top: 420px;
  width: 260px;
  height: 220px;
  --colore: var(--bianco);
}
.wall .blob-2 {
  left: -60px;
  top: -100px;
  width: 520px;
  height: 360px;
  --colore: var(--blob-sand);
}
.wall .blob-3 {
  left: -120px;
  top: 230px;
  width: 300px;
  height: 260px;
  --colore: var(--blob-stone);
}
.wall .blob-4 {
  left: auto;
  right: -110px;
  top: 560px;
  width: 300px;
  height: 300px;
  --colore: var(--blob-sand);
}
.wall .blob-5 {
  left: -100px;
  top: 620px;
  width: 360px;
  height: 300px;
  --colore: var(--blob-silver);
}
.wall .blob-6 {
  left: auto;
  right: -40px;
  top: 180px;
  width: 260px;
  height: 200px;
  --colore: var(--blob-taupe);
}
/* le macchie in più delle pagine lunghe del computer: sul telefono le pagine stanno in uno schermo */
.wall :is(.blob-7, .blob-8, .blob-9, .blob-10) {
  display: none;
}
.wall .pearl-1 {
  left: auto;
  right: -45px;
  top: 150px;
  width: 150px;
  height: 150px;
}
.wall .pearl-2 {
  left: -25px;
  top: 600px;
  width: 100px;
  height: 100px;
}
.wall .pearl-3 {
  left: auto;
  right: 115px;
  top: 300px;
  width: 70px;
  height: 70px;
  /* la sfera piccola passa dietro il testo delle schede: un po' sbiadita, in tutte le pagine (scelta di Leo) */
  opacity: 0.6;
}