/* أنماط قليلة ضرورية للخريطة */
        .tile {
            fill: #3498db;
            stroke: #2c3e50;
            stroke-width: 1;
            cursor: pointer;
            transition: fill 0.2s ease;
        }

        .tile:hover {
            fill: #2980b9;
        }

        .tile.visited {
            fill: #2ecc71;
        }

        .tile.locked {
            fill: #95a5a6 !important;
            cursor: not-allowed !important;
            opacity: 0.6;
        }

        .tile.next-in-sequence {
            fill: #f39c12 !important;
        }

        .tile.active {
            fill: #e74c3c;
        }

        .map-text {
            font-size: 12px;
            font-weight: bold;
            fill: white;
            pointer-events: none;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
        }

        #interactiveMap {
            width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        /* تخصيصات بسيطة */
        .custom-bg-dark {
            background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 100%);
        }

        .stats-card {
            transition: transform 0.3s;
        }

        .stats-card:hover {
            transform: translateY(-5px);
        }

        .badge-icon {
            width: 60px;
            height: 60px;
            transition: all 0.3s;
        }

        .badge-icon:hover {
            transform: scale(1.1);
        }