/* Core Framework Settings Override Layer */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Glassmorphism Structural Core Definition */
.glass-card {
    backdrop-filter: blur(12px);
    background-color: rgba(15, 23, 42, 0.5);
    border: 1px solid rgba(51, 65, 85, 0.5);
}

/* Stack Positioning Hierarchy and Perspectives */
.swipe-card-stack {
    perspective: 1000px;
}

.swipe-card {
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;
    transform-origin: center bottom;
    touch-action: none;
    cursor: grab;
}

.swipe-card.dragging {
    cursor: grabbing;
}

/* Operational Animation Transforms Engine */
.swipe-card.swiping-left {
    transform: translateX(-150%) rotate(-20deg) !important;
    opacity: 0;
}

.swipe-card.swiping-right {
    transform: translateX(150%) rotate(20deg) !important;
    opacity: 0;
}

/* Background Atmospheric Dynamic Shader Engine */
.dynamic-blur-bg {
    transition: background-image 0.8s ease-in-out;
    filter: blur(60px) brightness(0.3);
    transform: scale(1.1);
}

.gradient-overlay {
    background: linear-gradient(to top, rgba(2, 6, 23, 0.95) 0%, rgba(2, 6, 23, 0.6) 30%, transparent 100%);
}

/* System Pulse Animations Configuration */
@keyframes pulse-indigo {
    0%, 100% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.4); }
    50% { box-shadow: 0 0 20px 10px rgba(99, 102, 241, 0); }
}

.active-glow {
    animation: pulse-indigo 2s infinite;
}

/* Structural Engine Visibility Control Toggles */
.hidden-view {
    display: none !important;
}

#details-modal.hidden {
    display: none !important;
}

#details-content img {
    min-height: 220px;
    object-fit: cover;
}