/* Zork I Demo — Terminal Echo Overrides */

/* ── Game Stats Bar ── */
.game-stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  font-family: var(--font-code);
  font-size: 10px;
  color: var(--text-dim);
  padding: 8px 12px;
  border-top: 1px solid var(--border);
  background: rgba(0, 255, 65, 0.03);
}

/* ── Zork Prompt ── */
.game-stats + .chat-input-bar .prompt-footer,
.chat-input-bar .prompt-footer {
  color: var(--secondary);
  font-family: var(--font-code);
  font-size: 11px;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

/* ── Restart/Clear Buttons ── */
.btn-restart,
.btn-clear {
  background: transparent;
  border: 1px solid var(--secondary);
  color: var(--secondary);
  font-family: var(--font-code);
  font-size: 10px;
  padding: 4px 10px;
  cursor: pointer;
  letter-spacing: 0.1em;
  text-shadow: 0 0 5px rgba(255, 176, 0, 0.4);
  transition: all 0.15s ease;
}

.btn-restart:hover,
.btn-clear:hover {
  background: var(--secondary);
  color: var(--bg);
  text-shadow: none;
}

/* ── Chat Input Override ── */
.chat-input {
  color: var(--secondary);
}

.chat-input:focus {
  border-color: var(--secondary);
  background: rgba(255, 176, 0, 0.05);
}

.chat-input::placeholder {
  color: var(--text-dim);
}

/* ── Send Button Override ── */
.btn-send {
  border-color: var(--secondary);
  color: var(--secondary);
  text-shadow: 0 0 5px rgba(255, 176, 0, 0.4);
}

.btn-send:hover {
  background: var(--secondary);
  color: var(--bg);
  text-shadow: none;
}

/* ── System Messages ── */
.chat-msg.system .msg-label {
  color: var(--secondary);
}

/* ── Session ID ── */
#session-id {
  color: var(--primary);
}