.sponsor-modal {
            background: #1e1e1e;
            border-radius: 16px;
            padding: 0;
            max-width: 360px;
            width: 90%;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7);
            position: relative;
            overflow: hidden;
            animation: fadeInScale 0.25s ease-out;
        }

        .sponsor-modal-header {
            padding: 28px 28px 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 6px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }

        .sponsor-modal-emoji {
            font-size: 2.6em;
            line-height: 1;
        }

        .sponsor-modal h2 {
            padding: 0;
            margin: 0;
            font-size: 1.4em;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .sponsor-modal-price {
            font-size: 0.9em;
            color: rgba(255, 255, 255, 0.45);
            font-weight: 600;
        }

        .sponsor-modal .features {
            list-style: none;
            padding: 16px 22px 22px;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 9px;
        }

        .sponsor-modal .features li {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 0.95em;
            color: rgba(255, 255, 255, 0.88);
            background: rgba(255, 255, 255, 0.04);
            border-radius: 10px;
            padding: 11px 16px;
            border: 1px solid rgba(255, 255, 255, 0.07);
            text-align: left;
            justify-content: flex-start;
        }

        .feat-icon {
            font-size: 1.1em;
            flex-shrink: 0;
        }

        .feat-preview {
            margin-left: auto;
            flex-shrink: 0;
            height: 36px;
            object-fit: cover;
            object-position: center;
            border-radius: 5px;
            border: 1px solid rgba(255,255,255,0.15);
        }

        .modal-overlay.tier-bronze .sponsor-modal-header {
            background: linear-gradient(135deg, #3b2a1a, #5a3a1f);
        }

        .modal-overlay.tier-bronze h2 {
            color: #e8a96a;
            padding: 0px;
        }

        .modal-overlay.tier-bronze .sponsor-modal {
            border: 1px solid rgba(205, 127, 50, 0.45);
        }

        .modal-overlay.tier-silver .sponsor-modal-header {
            background: linear-gradient(135deg, #1e2028, #2e3242);
        }

        .modal-overlay.tier-silver h2 {
            padding: 0px;
            color: #b0bfd8;
        }

        .modal-overlay.tier-silver .sponsor-modal {
            border: 1px solid rgba(176, 191, 216, 0.4);
        }

        .modal-overlay.tier-gold .sponsor-modal-header {
            background: linear-gradient(135deg, #2a2200, #3d3000);
        }

        .modal-overlay.tier-gold h2 {
            color: #f0c040;
            padding: 0px;
        }

        .modal-overlay.tier-gold .sponsor-modal {
            border: 1px solid rgba(240, 192, 64, 0.45);
        }

        .modal-close {
            position: absolute;
            top: 12px;
            right: 16px;
            font-size: 22px;
            color: rgba(255, 255, 255, 0.4);
            cursor: pointer;
            line-height: 1;
            transition: color 0.2s;
            z-index: 10;
        }

        .modal-close:hover {
            color: #fff;
        }

        .modal-overlay {
            display: none;
            justify-content: center;
            align-items: center;
        }

        .modal-overlay.active {
            display: flex;
        }

        @media (max-width: 480px) {
    .sponsor-modal .features li:has(.feat-preview) {
        flex-wrap: wrap;
    }

    .feat-preview {
        margin-left: 0;
        height: auto;
        max-height: 40px;
        object-fit: contain;
        object-position: left;
    }
}