html, body {
  margin: 0;
  padding: 0;
  background: #000;
  color: #c0c0c0;
  height: 100%;
}

body {
  /* line-height 1.0 keeps UTF-8 block glyphs (▄ ▀ █) flush — anything
     larger leaves horizontal gaps and the BBS art looks like blinds. */
  font-family: 'Cascadia Mono', 'Consolas', 'DejaVu Sans Mono', 'Courier New', monospace;
  font-size: 15px;
  line-height: 1.0;
}

.terminal {
  white-space: pre;
  padding: 1rem;
  max-width: 80ch;
  margin: 0 auto;
  outline: none;
}

.terminal pre {
  margin: 0;
  font: inherit;
  line-height: inherit;
  white-space: pre;
}

.prompt {
  margin-top: 0.5em;
}

.cursor::after {
  content: '_';
  animation: blink 1s steps(2) infinite;
}

@keyframes blink {
  50% { opacity: 0; }
}