[Dúvida] Cartas Undefined

Estou com o seguinte problema: Alguém poderia me ajudar? Revisei meu código e não encontrei onde está meu erro e o console também não mostra nada.

index.js --------

import { Personagem } from "./personagem.js";
import { PersonagemView } from "./components/personagem-view.js";

const personagemPedrinho = new Personagem('Pedrinho', 5, 'Mago');
const personagemJose = new Personagem('Jose', 3,'Arqueiro');

const personagens = [personagemPedrinho, personagemJose];

new PersonagemView(personagens).render();

personagem.js ---------

export class Personagem {
    nome
    vida
    mana
    level
    tipo
    descricao

    constructor(nome, level, tipo) {
        nome = this.nome;
        level = this.level;
        tipo = this.tipo;
    }

    obterInsignia() {
        if (this.level >= 5){
            return `Implacável ${this.tipo}`
        } 
        return `${this.tipo} iniciante`
    }
}

personagem-view.js ---------

export class PersonagemView {
    personagens

    constructor(personagens) {
        this.ulPersonagens = document.querySelector('ul#personagens');
        this.personagens = personagens;
    }

    render() {
    this.ulPersonagens.innerHTML = '';
    this.personagens.forEach(personagem => {
        const personagemLI = this.criaPersonagem(personagem)
        this.ulPersonagens.appendChild(personagemLI)
    })
}

criaPersonagem = (personagem) => {
    const personagemLI = document.createElement('li')
    personagemLI.classList.add('personagem', personagem.tipo)

    //const estaSelecionado = this.personagensSelecionados.indexOf(personagem) !== -1 //sintaxe para quando encontra no array

    //if (estaSelecionado) personagemLI.classList.add('selecionado')

    personagemLI.innerHTML =

    `
    <div class="container-superior">
        <div class="cabecalho">
            <div class="combate"></div>
            <div class="level">
                <button class="diminuir-level">-</button>
                <p class="level-texto">Level ${personagem.level} </p>
                <button class="aumentar-level">+</button>
            </div>
        </div>
        <div class="container-imagem">
            <div class="imagem"></div>
            <div class="container-tipo">
                <h2 class="tipo">${personagem.tipo}</h2>
            </div>
        </div>
        <div class="container-nome">
            <h3 class="nome">${personagem.nome}</h3>
        </div>
        <div class="container-descricao">
            <p class="descricao"></p>
        </div>
    </div>
    <div class="container-inferior">
        <img src="./src/assets/img/icone-mana.png" class="icone-mana">
        <p class="insignia">${personagem.obterInsignia()}</p>
        <img src="./src/assets/img/icone-vida.png" class="icone-vida">
        <h4 class="mana"></h4>
        <h4 class="vida"></h4>
    </div>
    `

    /*const containerLevel = personagemLI.querySelector('.level')
    containerLevel.onclick = (evt) => {
        evt.stopPropagation()

        if (evt.target.classList.contains('diminuir-level')) personagem.diminuirLevel()

        if (evt.target.classList.contains('aumentar-level')) personagem.aumentarLevel()

        this.render()
    }*/


    /*personagemLI.onclick = () => {
        const jaTem2Selecionados = this.personagensSelecionados.length === 2
        if (!jaTem2Selecionados || estaSelecionado) {
            personagemLI.classList.toggle('selecionado')

            if (!estaSelecionado) return this.adicionaSelecao(personagem)

            this.removeSelecao(personagem)
        }
    }*/

    return personagemLI
}


/*adicionaSelecao = (personagem) => {
    this.personagensSelecionados.push(personagem)
    this.render()
}


removeSelecao = (personagem) => {
    const indexDoPersonagemNoArray = this.personagensSelecionados.indexOf(personagem)
    this.personagensSelecionados.splice(indexDoPersonagemNoArray, 1)
    this.render()
}

escutarEventoDuelo() {
    const botaoDuelar = document.querySelector('.botao-duelar')

    botaoDuelar.addEventListener('click', () => {
        if (this.personagensSelecionados.length < 2) return mostrarModal('Selecione 2 personagens')

        const resultadoDuelo = Personagem.verificarVencedor(this.personagensSelecionados[0], this.personagensSelecionados[1])

        mostrarModal(resultadoDuelo)

        this.personagensSelecionados.splice(0, this.personagensSelecionados.length)

        this.render()
    })
}*/
}