/* Dynamic Decks CSS */

        .badge.deck-cringe {
            background: rgba(255, 255, 255, 0.1);
            color: #ffaa00;
            border: 1px solid #ffaa0066;
        }
        .swipe-card.deck-cringe {
            background: linear-gradient(135deg, #ffaa00d9, rgba(10, 10, 15, 0.95)) !important;
            box-shadow: 0 0 40px #ffaa0099, inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
            border-color: #ffaa0066 !important;
        }
        
        .badge.deck-naughty {
            background: rgba(255, 255, 255, 0.1);
            color: #ff007f;
            border: 1px solid #ff007f66;
        }
        .swipe-card.deck-naughty {
            background: linear-gradient(135deg, #ff007fd9, rgba(10, 10, 15, 0.95)) !important;
            box-shadow: 0 0 40px #ff007f99, inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
            border-color: #ff007f66 !important;
        }
        
        .badge.deck-normal {
            background: rgba(255, 255, 255, 0.1);
            color: #00f0ff;
            border: 1px solid #00f0ff66;
        }
        .swipe-card.deck-normal {
            background: linear-gradient(135deg, #00f0ffd9, rgba(10, 10, 15, 0.95)) !important;
            box-shadow: 0 0 40px #00f0ff99, inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
            border-color: #00f0ff66 !important;
        }