.flash-container {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 40%;
    z-index: 1000;
}

.pokemon-sprite.is-dead {
    filter: grayscale(1);
}

/* A shiny's recoloured sprite is only obvious to someone who knows the normal
   colours, so it also gets a slow glimmer. Kept on the wrapper rather than the
   image target, whose background-position is driven frame by frame. */
.pokemon-sprite.is-shiny {
    animation: shiny-glimmer 2.4s ease-in-out infinite;
}

.pokemon-sprite.is-shiny.is-dead {
    animation: none;
}

@keyframes shiny-glimmer {
    0%, 70%, 100% { filter: none; }
    85% { filter: drop-shadow(0 0 6px rgba(255, 240, 150, 0.95)) brightness(1.12); }
}

@media (prefers-reduced-motion: reduce) {
    .pokemon-sprite.is-shiny {
        animation: none;
        filter: drop-shadow(0 0 4px rgba(255, 240, 150, 0.8));
    }
}

.nes-container .title {
    color: black;
}