/* La scena del tavolo del cartografo — vedi public/v3/v3-scena.js. Solo token del marchio. */
.v3-scena { position: relative; isolation: isolate; }
.v3-scena-oggetto {
  position: absolute;
  height: auto;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(0, 12px, 0) rotate(var(--r, 0deg));
  transition: opacity var(--t-tratto, 800ms) var(--ease-rotta, ease), transform var(--t-tratto, 800ms) var(--ease-rotta, ease);
  filter: drop-shadow(0 18px 24px rgba(13, 14, 16, .45));
}
.v3-scena-oggetto.is-posato { opacity: 1; transform: translate3d(0, 0, 0) rotate(var(--r, 0deg)); }

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .v3-scena.is-viva picture img,
    .v3-scena.is-viva > img:not(.v3-scena-oggetto) {
      animation: v3-scena-tavolo linear both;
      animation-timeline: view();
      animation-range: entry 0% exit 100%;
    }
    .v3-scena-oggetto.is-posato { animation: v3-scena-z2 linear both; animation-timeline: view(); animation-range: entry 0% exit 100%; }
    .v3-scena-oggetto.is-posato.v3-scena-z1 { animation-name: v3-scena-z1; }
    .v3-scena-oggetto.is-posato.v3-scena-z3 { animation-name: v3-scena-z3; }
  }
}
@keyframes v3-scena-tavolo { from { transform: scale(1.06); } to { transform: scale(1); } }
@keyframes v3-scena-z1 { from { transform: translate3d(0, 18px, 0) rotate(var(--r, 0deg)); } to { transform: translate3d(0, -18px, 0) rotate(var(--r, 0deg)); } }
@keyframes v3-scena-z2 { from { transform: translate3d(0, 34px, 0) rotate(var(--r, 0deg)); } to { transform: translate3d(0, -34px, 0) rotate(var(--r, 0deg)); } }
@keyframes v3-scena-z3 { from { transform: translate3d(0, 56px, 0) rotate(var(--r, 0deg)); } to { transform: translate3d(0, -56px, 0) rotate(var(--r, 0deg)); } }

@media (prefers-reduced-motion: reduce) {
  .v3-scena-oggetto { display: none; }
}