/* A Monoline card, wherever it is shown: three by four, its own paper, its arrangements stacked so one
   can fade over the last. Its colours are the --ml- tokens show.ts sets on the card's element, so it
   never takes, or gives, a host page's own. */

.ml {
  position: relative;
  aspect-ratio: 3 / 4;
  border-radius: clamp(12px, 4%, 22px);
  overflow: hidden;
  background: var(--ml-paper, #1f2b40);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.ml .ml-card { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }

/* Light through glass and water. */
.ml [data-layer="water"] { opacity: 0.55; }

/* A layer hidden for judging another alone. */
.ml [data-layer][data-hidden] { display: none; }