html, body {
  margin: 0; padding: 0;
  background: #050017;
  color: #f0f;
  font-family: monospace;
  font-size: 0.6rem;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.crt {
  white-space: pre;
  text-shadow:
    0 0 1px #0ff,
    0 0 2px #f0f,
    0 0 6px #0ff,
    0 0 12px #f0f;
  line-height: 1.3;
  background: transparent;
  animation: crtFlicker 0.12s infinite;
  user-select: none;
}
#ascii-container {
  max-width: 95vw;
  margin-bottom: 50px;
}
#logo-container {
  max-width: 95vw;
  white-space: pre-wrap;
}
.scanlines {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(
    to bottom,
    rgba(255, 0, 255, 0.02),
    rgba(255, 0, 255, 0.02) 1px,
    transparent 1px,
    transparent 2px
  );
  z-index: 2;
  pointer-events: none;
}
@keyframes crtFlicker {
  0%, 19%, 21%, 23%, 100% { opacity: 1; }
  20%, 22% { opacity: 0.85; }
}