/* RESET */
* {
  box-sizing: border-box;
}

/* BODY */
body {
  margin: 0;
  background: black;
  color: #00ff66;
  font-family: "Courier New", Courier, monospace;
  font-size: 16px;
}

/* TERMINAL WINDOW */
#terminal {
  padding: 20px;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

/* =========================
   Strength Display (HUD)
   ========================= */
#strength-bar {
  position: fixed;        /* stays in top-right even when terminal scrolls */
  top: 10px;
  right: 10px;
  background-color: #001100; /* dark green background */
  color: #00ff00;           /* bright green text */
  font-family: monospace;
  font-size: 14px;
  padding: 5px 10px;
  border: 2px solid #00ff00;
  border-radius: 5px;
  z-index: 1000;           /* on top of everything */
  box-shadow: 0 0 10px #00ff00; /* glow effect */
}

/* OUTPUT AREA */
#output {
  flex: 1;
  white-space: pre-wrap;
  overflow-y: auto;
  margin: 0;
}

/* INPUT LINE */
#input-line {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

/* PROMPT */
.prompt {
  margin-right: 8px;
}

/* INPUT */
#command-input {
  background: black;
  border: none;
  color: #00ff66;
  font-family: inherit;
  font-size: inherit;
  outline: none;
  flex: 1;
}

/* SCROLLBAR (optional polish) */
#output::-webkit-scrollbar {
  width: 6px;
}
#output::-webkit-scrollbar-thumb {
  background: #00ff66;
}