#retro486-screen {
    box-sizing: border-box;
    width: 100%;
    min-height: 520px;
    padding: 25px;
    background: #000;
    color: #aaa;
    font-family: "Courier New", monospace;
    font-size: 18px;
    line-height: 1.35;
    cursor: text;
    overflow: auto;
    border: 3px solid #222;
    box-shadow: inset 0 0 20px rgba(255,255,255,.04);
}

#retro-dos-screen {
    white-space: pre-wrap;
    word-break: break-word;
}

#retro-dos-line {
    display: flex;
    width: 100%;
}

#retro-dos-line span {
    white-space: pre;
}

#retro-dos-command {
    flex: 1;
    min-width: 0;
    background: transparent;
    border: 0;
    outline: 0;
    color: #aaa;
    font: inherit;
    padding: 0;
    margin: 0;
    caret-color: #aaa;
}

@media (max-width: 600px) {
    #retro486-screen {
        min-height: 420px;
        padding: 15px;
        font-size: 14px;
    }
}

/* Forzar prompt y entrada en la misma línea */
#retro486-screen #retro-dos-line {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

#retro486-screen #retro-dos-line span {
    display: inline !important;
    flex: 0 0 auto !important;
    white-space: pre !important;
}

#retro486-screen #retro-dos-command {
    display: inline-block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    white-space: nowrap !important;
}