/* ===== Elementi condivisi tra libro e editor: pagina e flash posizionati =====
   Tutte le misure sono in % / cqw della pagina, così l'impaginazione resta
   identica a qualsiasi dimensione (telefono, desktop, anteprime). */

.page-tex {
  background-color: #f2e7cf;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 50% 45%, transparent 55%, rgba(120, 85, 40, .22) 100%);
}

.free-layer {
  position: absolute;
  inset: 0;
  container-type: size;
  overflow: hidden;
}

.fi {
  position: absolute;
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  transform: translate(-50%, -50%) rotate(var(--r, 0deg));
  transform-origin: 50% 50%;
  cursor: zoom-in;
  -webkit-tap-highlight-color: transparent;
}
.fi img {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: multiply; /* il fondo bianco dei PNG si fonde con la carta */
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}
.fi.is-taken img { opacity: .55; filter: grayscale(.6); }

.fi-cap {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 1.4cqw;
  white-space: nowrap;
  text-align: center;
  color: #1b1512;
  pointer-events: none;
  line-height: 1.05;
}
.fi-cap b {
  display: block;
  font-family: "Pirata One", "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: 5.4cqw;
}
.fi-cap small {
  display: block;
  margin-top: .5cqw;
  font-family: "Special Elite", "Courier New", monospace;
  font-size: 2.5cqw;
  color: #5b4a3d;
  letter-spacing: .04em;
}
.fi-cap small:empty { display: none; }

.fi .stamp {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%) rotate(-14deg);
  font-family: "Special Elite", "Courier New", monospace;
  font-size: 5cqw;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #b3261e;
  border: .5cqw double #b3261e;
  padding: .2em .6em;
  white-space: nowrap;
  opacity: .82;
  pointer-events: none;
  mix-blend-mode: multiply;
}

.page-folio {
  position: absolute;
  bottom: 3.2%;
  left: 0; right: 0;
  text-align: center;
  font-family: "Special Elite", "Courier New", monospace;
  font-size: 2.3cqw;
  color: #5b4a3d;
  letter-spacing: .1em;
  pointer-events: none;
}