/* The real text always determines wrapping, spacing and accessible content. */
[data-scramble] { position: relative; }
.scramble-source { display: block; }
[data-scramble-running] > .scramble-source { opacity: 0; }
.scramble-overlay { position: absolute; inset: 0; pointer-events: none; user-select: none; }
.scramble-slot { position: absolute; display: block; white-space: pre; text-align: left; }
.scramble-slot > span { display: inline-block; transform-origin: left center; }
@media (prefers-reduced-motion: reduce) {
  [data-scramble-running] > .scramble-source { opacity: 1; }
  .scramble-overlay { display: none; }
}
@media print {
  [data-scramble-running] > .scramble-source { opacity: 1; }
  .scramble-overlay { display: none; }
}