/* Estilos da Tela de Carregamento */
#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000; /* Fundo totalmente preto */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}

#loading-screen.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

#loading-mascot {
    width: 250px;
    height: 250px;
    object-fit: contain;
    animation: floating 2s infinite ease-in-out;
    margin-bottom: 30px;
}

#loading-progress {
    font-size: 2.5rem;
    font-weight: 700;
    color: #00d8ff; /* Cor Ciano Neon */
    text-shadow: 0 0 15px #00d8ff;
    margin-top: 20px; /* Espaço entre o número e a barra */
}

/* Barra de Progresso Horizontal */
#loading-bar-container {
    width: 80%;
    max-width: 300px;
    height: 8px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    margin-top: 20px;
    overflow: hidden;
}

#loading-bar {
    width: 0%;
    height: 100%;
    background-color: #00d8ff; /* Cor Ciano Neon */
    border-radius: 4px;
    transition: width 0.1s linear;
}

/* Rodapé */
#loading-footer {
    position: absolute;
    bottom: 30px;
}

#loading-footer img {
    width: 150px; /* Define uma largura para a logomarca */
    opacity: 0.8; /* Deixa a imagem um pouco sutil */
}

/* Esconde o conteúdo principal do jogo por padrão */
#game-wrapper {
    display: none;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
}