:root {
  --bg: #000;
  --fg: #00ff66;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  background: #000;
  color: #00ff66;

  /* Better monospace stack (uses the best available on each OS) */
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
               "Liberation Mono", "Courier New", monospace;

  /* Helps ASCII look tighter */
  font-size: 14px;
  line-height: 1.1;

  /* Prevent “smart” font features that can visually shift characters */
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "calt" 0;
}

#screen {
  padding: 20px;
  max-width: 900px;
  margin: 40px auto;

  /* Do NOT wrap ASCII art */
  white-space: pre;

  /* Let wide art scroll horizontally instead of wrapping */
  overflow-x: auto;
}

#output {
  white-space: pre; /* ensure output never wraps */
}

#prompt {
  display: inline-block;
}

.cursor {
  animation: blink 1s steps(1) infinite;
}

.hidden { display: none; }

#hidden-input {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}

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