/**
 * StorySelector Component Styles
 * Grid mit Story-Cards
 */

.hover-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

.hover-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important;
}

#storiesContainer .spinner-border {
    width: 3rem;
    height: 3rem;
}