/* ==========================================================
   FENÊTRE DE CONSOLE
   ========================================================== */
body #console-window {
    width: 98%;
    max-width: 800px;
    height: 300px;
    display: flex;
    flex-direction: column;
}

body .console-body {
    background-color: black;
    padding: 5px;
    /* On ajoute un espace en bas pour que le texte ne soit pas collé au bord */
    padding-bottom: 2rem;
    flex-grow: 1;
    min-height: 0;
    overflow-y: auto;
    color: #DDDDDD;

    /* On masque la barre de défilement visuelle */
    scrollbar-width: none; /* Pour Firefox */
}

/* On masque la barre de défilement pour les navigateurs Webkit (Chrome, Safari, etc.) */
body .console-body::-webkit-scrollbar {
    display: none;
}

#dialogue-area {
    font-family: 'Lucida Console', 'RoughTypewriter', monospace;
    font-size: 1rem;
    line-height: 1.5;
}

.narration-paragraph {
    display: flex;
    margin: 0 0 5px 5px;
}
.dialogue-prefix { margin-right: 10px; }
.dialogue-text { color: #4AF626; }
.user-prefix { color: #82aaff; margin-right: 10px; }

.dialogue-input {
    background: transparent;
    border: none;
    outline: none;
    color: #4AF626;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    flex-grow: 1; /* take remaining space */
}

.typing-cursor {
    text-decoration: underline;
    text-decoration-color: #4AF626;
    animation: blink-console 1s step-end infinite;
}
@keyframes blink-console { 50% { text-decoration-color: transparent; } }