.stretched-map {
    height: 100% !important;
    width: 100% !important;
    border-radius: 4px;
    flex: 1;
}

    .stretched-map > .ps-marker {
        display: none !important;
    }

    /* --- Marker Basis --- */
    .stretched-map .map-marker {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        /* nur noch Translate-Offset, KEIN Scale */
        transition: filter 120ms ease;
        --ty: 0px;
        transform: translateY(var(--ty));
    }

        .stretched-map .map-marker.circle {
            --ty: 12.5px;
        }

        .stretched-map .map-marker.diamond {
            --ty: 15px;
        }

        .stretched-map .map-marker.pin {
            --ty: 17.5px;
        }

        .stretched-map .map-marker:hover {
            filter: saturate(1.05);
        }

        /* Standard: kein Rahmen */
        .stretched-map .map-marker .shape {
            stroke: none;
        }

        /* Deutlicher, aber sauberer Outline bei Auswahl */
        .stretched-map .map-marker.selected .shape.sel {
            stroke: var(--outline);
            stroke-width: 3px;
            stroke-linejoin: round;
            vector-effect: non-scaling-stroke;
            /* leichter, konstanter Tiefen-Eindruck */
            filter: drop-shadow(0 4px 10px rgba(0,0,0,.22));
        }

/* ===== Farb-Puls ohne Größenänderung ===== */

/* sanfter Stroke/Fill-Shift */
@keyframes color-pulse {
    /*0%, 100% {
        stroke: var(--outline);
        fill: currentColor;
    }

    50% {*/
        /* etwas heller/lebendiger, aber nicht knallig */
        /*stroke: color-mix(in srgb, var(--outline) 72%, white 28%);
        fill: color-mix(in srgb, currentColor 85%, white 15%);
    }*/
}

/* minimale Sättigungs-Atmung (ohne Scale) */
@keyframes chroma-breathe {
    0%, 100% {
        filter: saturate(0.95) brightness(0.95);
    }

    50% {
        filter: saturate(1.2) brightness(1.2);
    }
}

.stretched-map .map-marker.selected {
    animation: chroma-breathe 1000ms ease-in-out infinite;
}

/* SVG bleibt fix */
.stretched-map .map-marker svg {
    display: block;
}

/* White Tooltip bleibt wie gehabt */
.white-tooltip {
    --mud-palette-surface: white;
    --mud-palette-text-primary: black;
    background-color: white !important;
    color: black !important;
    border: 1px solid rgba(0,0,0,0.1);
}

/* Nutzerwunsch „weniger Bewegung“ respektieren */
@media (prefers-reduced-motion: reduce) {
    .stretched-map .map-marker.selected,
    .stretched-map .map-marker.selected .shape,
    .stretched-map .map-marker.selected .shape.sel {
        animation: none !important;
        filter: none !important;
    }
}