/* =====================================================================
   CLASMA — la pagina COMPATTA (niente JS, oppure moto ridotto).
   Caricato da index.html in due modi: <noscript> e media="(prefers-reduced-motion:
   reduce)". Niente palco che resta a schermo, niente 3D: il cristallo accanto
   all'eroe (come la home fino al 12/9) e ogni battuta con la sua figura ferma.
   Carica DOPO clasma.css: a parita' di specificita' vince lui.
   ===================================================================== */
.binario-testo{display:contents}
.battuta-eroe{grid-column:1;grid-row:1}
.palco{grid-column:2;grid-row:1;position:relative;top:auto;height:auto;min-height:380px;align-self:center}
.binario-testo > :not(.battuta-eroe){grid-column:1 / -1}
.battuta:not(.battuta-eroe){min-height:0;padding-block:var(--sp-10) 0}
.battuta-passo{min-height:0;padding-block:var(--sp-4)}
.passi-montaggio{padding-top:var(--sp-6)}
.palco .rip-cristallo{opacity:1}
.palco .tela-3d,.palco .rip:not(.rip-cristallo),
.palco .palco-conta,
.palco .palco-segni{display:none}
.battuta-figura{display:block}
.binario{padding-bottom:var(--sp-12)}
@media (max-width:900px){
  .palco{grid-column:1;grid-row:auto;order:2;min-height:0;height:230px;border:0;background:none}
  .battuta-eroe{grid-column:1;grid-row:auto}
  .binario-testo > :not(.battuta-eroe){grid-column:1}
}
/* con moto ridotto il JS c'e' ma la regia no: le battute non si spengono (stessa
   specificita' della regola di clasma.css, questo foglio viene dopo e vince) */
html.js .battuta:not(.battuta-eroe){opacity:1}

/* ---- la postazione (23/9): una figura ferma — il render, e sopra l'app a conversazione finita —
   e i cinque punti come testo normale. Niente palco a tutta finestra, niente 3D. ---- */
.post-griglia{display:flex;flex-direction:column}
.post-palco{order:2;position:relative;top:auto;height:auto;width:min(100% - 2 * var(--sp-6),var(--wrap) - 2 * var(--sp-6));margin:0 auto var(--sp-12);
  aspect-ratio:1600/930;overflow:hidden;border-radius:var(--r-lg)}
.tela-post,.post-punti,.post-coda{display:none}
.post-rip-img{display:block}
html .postazione .post-schermo{visibility:visible;opacity:1;left:1.5%;top:2%;width:74%;height:79.6%;transform:none;
  border-radius:10px;box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 0 1px var(--line-strong)}
.inst,.desk-icona{display:none}
.app{visibility:visible;opacity:1;animation:none;transform:none}
.app-chat > *,.app-files .nuovo,.app-reg li{opacity:1;transform:none}
.app-files .nuovo{background:var(--accent-soft);border-color:var(--accent)}
.post-testo{order:1;pointer-events:auto}
/* (25/9) sulla griglia come tutto il resto, non centrata: il testo parte dal bordo del marchio */
.battuta-post{min-height:0;display:block;padding:var(--sp-6) var(--sp-6) 0 max(var(--sp-6),calc((100% - var(--wrap)) / 2 + var(--sp-6)))}
.battuta-post:first-child{padding-top:var(--sp-12)}
.battuta-schermo{min-height:0;padding-bottom:var(--sp-8)}
.battuta-post .carta{max-width:44rem;margin:0;background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0}
@media (max-width:900px){
  .post-palco{width:calc(100% - 2 * var(--sp-4));aspect-ratio:auto;height:auto}
  .post-rip-img{display:none}
  .post-rip{position:relative;inset:auto}
  html .postazione .post-schermo{position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:10/16;max-height:78svh}
}