/* Cartão 3: a tabela do cartão 2 no centro; a câmara afasta-se e rodeia-a de mais tabelas iguais
   (1 → 9 → 25 → 49 → 81 → 121), cada anel aparece todo ao mesmo tempo. No fim já não cabem na janela.
   As tabelas usam as MESMAS classes do cartão 2 (.sheet, .shrow), por isso são iguais; aqui só se posicionam.
   Tamanhos (--tw largura, --th altura, --g espaço) e câmaras são calculados em app.js. */
.pvis.mess .scene { padding: 0; }
.world { --tw: 300px; --th: 176px; --g: 50px; position: absolute; transform-origin: 50% 50%;
  transition: transform .95s cubic-bezier(.65, 0, .35, 1); }
.world .sheet { position: absolute; width: var(--tw);
  left: calc(50% + var(--j) * (var(--tw) + var(--g)) - var(--tw) / 2);
  top: calc(50% + var(--i) * (var(--th) + var(--g)) - var(--th) / 2); }
.world .ring { position: absolute; inset: 0; opacity: 0; transform: scale(.97); transition: opacity .55s ease, transform .7s ease; }
.world .ring.on { opacity: 1; transform: none; }
.cam { display: none; }

.pvis.mess .tag-fict { z-index: 5; }