/* Melhorias de acessibilidade para Panda Pet Game */

/* Foco visível em elementos interativos */
button:focus,
a:focus {
    outline: 3px solid #4d90fe !important;
    outline-offset: 2px !important;
}

/* Texto de estatísticas sem sombreamento */
.status-label {
    text-shadow: none;
}

/* Skip to content - oculto visualmente, mas acessível via teclado */
.skip-link {
    background: #f9a8d4;
    color: #000;
    font-weight: 700;
    left: 50%;
    padding: 8px;
    position: absolute;
    transform: translateY(-100%);
    transition: transform 0.3s;
    z-index: 100;
}

.skip-link:focus {
    transform: translateY(0%);
}

/* Estilo da mensagem sem background */
.message {
    border-radius: 8px;
    padding: 5px;
    text-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 8px #fff; /* Sombra de texto melhorada para legibilidade */
}

/* Adicional para tela sensível ao toque */
@media (pointer: coarse) {
    button, 
    [role="button"],
    a.btn-kawaii {
        min-height: 44px;
        min-width: 44px;
        padding: 12px 16px;
    }
    
    /* Aumentar espaçamento entre elementos clicáveis */
    .buttons-container {
        gap: 15px;
    }
}

/* Reforçar o estilo claro e colorido */
.game-card {
    box-shadow: 0 8px 24px rgba(255, 105, 180, 0.3);
}

.message {
    color: #333;
    font-weight: bold; /* Mensagem em negrito */
    background-color: transparent !important; /* Garante que não tenha fundo branco */
}

/* Suporte para usuários que preferem menos movimento/animação */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}