.cabinet-preview { --title-pixel: .333vw; background: #020510; pointer-events: none; }
.cabinet-preview canvas { display: block; width: 100%; height: 100%; image-rendering: pixelated; }
.cabinet-preview .attract-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 7vw;
  padding: 3vw 4vw;
  border-width: 1vw;
  font-family: var(--pixel-font);
}
.cabinet-preview .attract-title-line > span[style] { animation: none; }
.cabinet-preview.is-preview-active .attract-title-line > span[style] {
  animation: space-title-pixel-sweep 2600ms steps(1, end) calc(var(--pixel-order) * 85ms) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .cabinet-preview.is-preview-active .attract-title-line > span[style] { animation: none; }
}