/* Warm paper blocks wash diagonally across the cards, then dissolve. */
.screen-block-field {
  position: fixed;
  inset: 0;
  z-index: 30;
  pointer-events: none;
  overflow: clip;
}
#dialog-content {
  position: relative;
}
.screen-block-field.is-dialog {
  position: absolute;
  z-index: 4;
}
.screen-transition-block {
  position: absolute;
  display: block;
  opacity: 0;
  border: 1px solid #fffbed;
  border-radius: 22%;
  background: linear-gradient(
    145deg,
    #fffdf5 0%,
    #fff9e9 38%,
    #fff1d4 72%,
    #ffedcc 100%
  );
  box-shadow:
    inset 0 2px 0 #fffef9,
    inset 0 -2px 0 #f8dea733;
}
.screen-transition-block::after {
  content: "";
  position: absolute;
  inset: 3px;
  border: 1px solid #fffdf766;
  border-radius: inherit;
}
.screen-transition-block.is-gold {
  border-color: #fff3d1;
  background: linear-gradient(
    145deg,
    #fffced 0%,
    #fff4d8 38%,
    #ffebc0 72%,
    #ffe3b5 100%
  );
  box-shadow:
    inset 0 2px 0 #fffef9,
    inset 0 -2px 0 #f8dea733;
}
@media (prefers-reduced-motion: reduce) {
  .screen-block-field {
    display: none;
  }
}