Seu código deveria ser:
function nome () {
var tela = document.createElement('div')
tela.setAttribute('id', 'screen')
document.body.appendChild(tela)
}
nome()
Isso pois o valor da variavel tela não possui um tipo correto (esperado HTMLDivElement) para que ele possa ser injetado no DOM. Em outras palavras, o método setAttribute() retorna "void".
Na verdade, o CSS não está aplicando no seu elemento DIV pelo fato dele não existir, por causa da instrução errada.
Quando você faz:
var tela = document.createElement("div").setAttribute("id","screen");
Você de fato cria a DIV, mas ainda ela não está no DOM.
E aqui você tenta injetá-la no DOM, mas pelo fato da variável tela
ter um valor "nada" (undefined), essa DIV nunca é colocada no seu documento HTML:
document.body.appendChild(tela); // essa linha não faz sentido