/* "Costruiamo + parola che cambia": la parola non va mai a capo e, su schermi stretti, sta sempre su una riga sua (niente salti tra 1 e 2 righe) */
.type__scramble [data-scramble]{white-space:nowrap}
@media (max-width:720px){
  .type__scramble{flex-direction:column;align-items:flex-start;gap:.1em 0}
}

/* L'icona "goccia" (ph-drop, set Phosphor) ha lo stesso nome della zona di trascinamento foto (.ph-drop):
   ne prendeva bordo tratteggiato e margini e diventava 60x60, fuori dalla cella dell'inventario. */
i.ph-fill.ph-drop{display:inline-block;flex-wrap:nowrap;gap:0;border:0;padding:0;background:none;transition:none}
/* celle piccole: l'icona e la scritta devono stare sempre dentro la cella */
.item{overflow:hidden;padding:0}
@media (max-width:480px){
  .item i{font-size:clamp(16px,5.6vw,22px)}
  .item small{font-size:clamp(8px,2.5vw,10px);max-width:100%;overflow-wrap:anywhere;text-align:center}
  .item em{top:2px;right:3px;font-size:10px}
}
@media (max-width:360px){
  .item i{font-size:16px;margin-top:3px}
  .item em{top:1px;right:2px;font-size:8.5px}
}