/* Futuristic Cyberpunk Speaker Card System */
.speaker-card-container {
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.4));
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.speaker-card-container:hover {
    transform: translateY(-8px) scale(1.02);
    filter: drop-shadow(0 15px 30px rgba(6, 182, 212, 0.25)) drop-shadow(0 0 10px rgba(217, 70, 239, 0.15));
}

.speaker-hud-card {
    background: rgba(4, 8, 24, 0.75) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: none !important; /* No native borders, handled by SVG overlay */
    border-radius: 0px !important;
    clip-path: polygon(10% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%) !important;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.speaker-img-hud {
    background: rgba(2, 6, 23, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.05);
    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); /* Asymmetric double cut */
}

/* Vertical Text Helper */
.vertical-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
}

@keyframes spinSlow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.animate-spin-slow {
    animation: spinSlow 15s linear infinite;
}