/* --- Körperbereich SVG --- */
#tattoo-selector path {
    fill: #CCC;
    transition: fill 0.3s, fill-opacity 0.3s;
    cursor: pointer;
}

#tattoo-selector path.hovered {
    fill: #ffbb66;
}

#tattoo-selector path.selected {
    fill: #ff8800;
}

#tattoo-selector path.pulse-glow {
    animation: pulseGlow 0.6s ease-out;
}

@keyframes pulseGlow {
    0% { filter: drop-shadow(0 0 5px #ff8800); }
    50% { filter: drop-shadow(0 0 12px #ff8800); }
    100% { filter: drop-shadow(0 0 5px #ff8800); }
}

/* --- Tooltip --- */
#tattoo-tooltip,
.tattoo-tooltip {
    position: absolute;
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 9999;
}