/* fix.css — P5 card hover */

.screen {
    overflow-y: auto;
}

#result-screen .content {
    padding: 60px 20px 80px;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.arcana-card {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
        box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.arcana-card:hover {
    transform: skewX(-1deg) translateY(-6px) scale(1.015);
    box-shadow: 8px 8px 0 #000, 0 20px 50px rgba(0, 0, 0, 0.9);
}

.arcana-card:hover .card-symbol img {
    filter: drop-shadow(0 0 16px var(--md-primary, rgba(230, 28, 44, 0.8)));
    transition: filter 0.25s ease;
}

.arcana-card:active {
    transform: skewX(-1deg) translateY(-2px);
    box-shadow: 3px 3px 0 #000;
}