/* ============================================================
   CYBER//TYPE — Консольный режим (терминальный UI)
   Экран #screen-console (index.html). Переиспользует .screen,
   .game-header, .stats-bar, .keyboard-section из game.css/components.css.
   ============================================================ */

.console-screen { padding-top: 80px; }

/* ==================== БЕЙДЖ КОНСОЛЬНОГО КУРСА (список курсов) ==================== */
/* Статусный бейдж (free/paid/owned) стоит справа сверху — консольный ставим слева,
   чтобы не перекрывались. */
.course-badge.console {
    left: 20px;
    right: auto;
    background: #0a0e0a;
    color: #2bd66f;
    border: 1px solid rgba(0, 255, 128, 0.5);
}

/* ==================== ОКНО ТЕРМИНАЛА ==================== */
.terminal-window {
    max-width: 900px;
    margin: 16px auto;
    border: 1px solid rgba(0, 255, 128, 0.35);
    border-radius: 8px;
    background: #0a0e0a;
    box-shadow: 0 0 24px rgba(0, 255, 128, 0.12), inset 0 0 60px rgba(0, 0, 0, 0.6);
    overflow: hidden;
    font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', 'Courier New', monospace;
}

.terminal-titlebar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(0, 255, 128, 0.06);
    border-bottom: 1px solid rgba(0, 255, 128, 0.2);
}
.terminal-dot { width: 12px; height: 12px; border-radius: 50%; display: inline-block; }
.terminal-dot.red    { background: #ff5f56; }
.terminal-dot.yellow { background: #ffbd2e; }
.terminal-dot.green  { background: #27c93f; }
.terminal-titlebar-text {
    margin-left: 8px;
    font-size: 12px;
    color: rgba(0, 255, 128, 0.6);
    letter-spacing: 0.5px;
}

.terminal-body {
    padding: 18px 20px;
    min-height: 220px;
    max-height: 360px;
    overflow-y: auto;
    font-size: 18px;
    line-height: 1.7;
    color: #b9ffce;
}

/* История выполненных команд */
.terminal-history { white-space: pre-wrap; }
.terminal-history-cmd { color: #d7ffe4; }
.terminal-history-cmd .terminal-prompt { opacity: 0.85; }
.terminal-history-output { color: rgba(120, 200, 150, 0.65); margin-bottom: 4px; }

/* Текущая строка ввода */
.terminal-current-line { display: flex; align-items: baseline; flex-wrap: wrap; }
.terminal-prompt {
    color: #2bd66f;
    font-weight: 600;
    white-space: pre;
    user-select: none;
}

/* Набираемый текст команды — переиспользует .char из typing-engine,
   но в терминальной палитре (game.css задаёт базовые .char/.current/.correct). */
.terminal-text-display { white-space: pre-wrap; word-break: break-word; }
.terminal-text-display .char { color: rgba(185, 255, 206, 0.45); }
.terminal-text-display .char.correct { color: #2bd66f; }
.terminal-text-display .char.current {
    color: #0a0e0a;
    background: #2bd66f;
    border-radius: 2px;
    animation: terminal-blink 1s steps(1) infinite;
}
.terminal-text-display .char.incorrect {
    color: #fff;
    background: var(--secondary, #ff0064);
    border-radius: 2px;
}

@keyframes terminal-blink {
    0%, 50% { opacity: 1; }
    50.01%, 100% { opacity: 0.45; }
}

/* ==================== ПАНЕЛЬ ПОЯСНЕНИЯ ==================== */
.console-info-panel {
    max-width: 900px;
    margin: 0 auto 14px;
    padding: 12px 16px;
    border-left: 3px solid rgba(0, 255, 128, 0.5);
    background: rgba(0, 255, 128, 0.05);
    border-radius: 0 6px 6px 0;
}
.console-info-label {
    font-size: 11px;
    letter-spacing: 1px;
    color: rgba(0, 255, 128, 0.6);
    margin-bottom: 4px;
}
.console-info-text {
    font-size: 15px;
    color: #cdeed8;
    line-height: 1.5;
}

/* Зелёный таймер/прогресс в шапке консольного режима */
.console-screen .timer { color: #2bd66f; }

@media (max-width: 600px) {
    .terminal-body { font-size: 15px; padding: 14px; }
    .console-info-text { font-size: 14px; }
}